{"id":5288,"date":"2021-08-25T09:00:10","date_gmt":"2021-08-25T09:00:10","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/?page_id=5288"},"modified":"2025-10-17T22:29:11","modified_gmt":"2025-10-17T22:29:11","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/khan-shops.com\/ar\/contact-us\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Bakery-safe: fonts & icons loaded via @import inside <style> -->\r\n<style>\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css');\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;600;700&display=swap');\r\n\r\n\/* Add subtitle styling without touching existing rules *\/\r\n.contact-scope .contact-form .form-title{display:block; font-size:26px; color:var(--gold2); text-transform:none; letter-spacing:0; font-weight:700; margin:0 0 12px !important; line-height:1.2 !important; padding:0;}\r\n.contact-scope .contact-form .form-title::after{content:\"\"; display:block; height:2px; margin-top:10px; background:linear-gradient(90deg, var(--gold2), transparent);} \r\n.contact-scope .contact-form .form-title::after{content:\"\"; display:block; height:2px; margin-top:8px; background:linear-gradient(90deg, var(--gold2), transparent);}   \r\n.contact-scope .contact-form .form-subtitle{font-size:14px; color:var(--muted); margin:0 0 10px;} \r\n.contact-scope .contact-form .form-subtitle{margin:0 0 16px; font-size:14px; color:var(--muted)}\r\n<\/style>\r\n\r\n<!-- ADDED: wpb-fix wrapper class without removing anything -->\r\n<div class=\"contact-scope wpb-fix\">\r\n  <div class=\"contact-container\">\r\n    <!-- Left Side: Info -->\r\n    <div class=\"contact-info luxury\" id=\"luxury-panel\">\r\n      <span class=\"luxury-accent\"><\/span>\r\n      <canvas class=\"luxury-sparks\" aria-hidden=\"true\"><\/canvas>\r\n\r\n      <p class=\"contact-slogan\">Luxury is in every detail<\/p>\r\n      <h2 class=\"contact-title\">Get in Touch<\/h2>\r\n\r\n      <div class=\"contact-item\">\r\n        <span class=\"ico\"><i class=\"fa-solid fa-location-dot\"><\/i><\/span>\r\n        <span class=\"contact-text\">Cairo, Egypt<\/span>\r\n      <\/div>\r\n      <div class=\"divider\"><\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <span class=\"ico\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\r\n        <a href=\"tel:+201234567890\">+20 1025597318<\/a>\r\n      <\/div>\r\n      <div class=\"divider\"><\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <span class=\"ico\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/span>\r\n        <a href=\"https:\/\/wa.me\/201234567890\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\r\n      <\/div>\r\n      <div class=\"divider\"><\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <span class=\"ico\"><i class=\"fa-solid fa-envelope\"><\/i><\/span>\r\n        <a href=\"mailto:info@khan-shops.com\">info@khan-shops.com<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"social-icons\">\r\n        <a href=\"#\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n        <a href=\"#\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\r\n        <a href=\"#\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Side: Contact Form -->\r\n    <div class=\"contact-form\">\r\n  <span class=\"form-accent\" aria-hidden=\"true\"><\/span>\r\n  <h2 class=\"form-title\">Contact Us<\/h2>\r\n  <!-- Contact Form 7 embed: replace 1234 with your form ID -->\r\n  <div class=\"cf7-skin\">\r\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/5288#wpcf7-f12-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/ar\/wp-json\/wp\/v2\/pages\/5288#wpcf7-f12-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n<\/div>\n\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Scope all variables & styles to avoid theme conflicts in Bakery *\/\r\n.contact-scope{ \r\n  --bg:#0B0B0C;\r\n  --card:#111213;\r\n  --ivory:#E5E1D9;\r\n  --gold1:#B68B3A;\r\n  --gold2:#F2C55C;\r\n  --goldGlow: rgba(242,197,92,.28);\r\n  --stroke: rgba(182,139,58,.32);\r\n  --muted: rgba(229,225,217,.85);\r\n  --noise:url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgpM3QAAAAAXNSR0IArs4c6QAAADFJREFUGFdjYCAAMYmJicBMSIiB1FGApCAgTAYkG5T9QoF\/QnEGFIMkQ4EIAwAA4pAG838fWzYAAAAASUVORK5CYII=');\r\n  font-family: 'Playfair Display', serif;\r\n}\r\n\r\n.contact-scope .contact-container {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  margin: 60px auto;\r\n  max-width: 1100px;\r\n  padding: 0 20px;\r\n}\r\n\r\n\/* PANEL *\/\r\n.contact-scope .contact-info.luxury {\r\n  position: relative;\r\n  background: radial-gradient(120% 110% at 10% 0%, rgba(182,139,58,.06), transparent 38%),\r\n              radial-gradient(120% 110% at 90% 100%, rgba(242,197,92,.05), transparent 42%),\r\n              linear-gradient(160deg, var(--bg), var(--card));\r\n  color: var(--ivory);\r\n  padding: 56px 42px;\r\n  border-radius: 22px;\r\n  box-shadow: 0 28px 90px rgba(0,0,0,.85), 0 0 38px var(--goldGlow);\r\n  border: 1px solid var(--stroke);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* inner bevel frame *\/\r\n.contact-scope .contact-info.luxury::before{\r\n  content:\"\";position:absolute;inset:12px;border-radius:16px;\r\n  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.0));\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35);\r\n  pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* animated golden border *\/\r\n.contact-scope .contact-info.luxury::after{\r\n  content:\"\";position:absolute;inset:0;border-radius:22px;padding:2px;\r\n  background: linear-gradient(120deg, transparent, rgba(242,197,92,.75), transparent);\r\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask-composite: xor; mask-composite: exclude;\r\n  animation: borderGlow 9s linear infinite; pointer-events:none;z-index:2;\r\n}\r\n@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n\r\n\/* TOP subtle accent line *\/\r\n.contact-scope .luxury-accent{position:absolute;left:18px;right:18px;top:18px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent, rgba(242,197,92,.55), transparent);z-index:3}\r\n\r\n\/* noise *\/\r\n.contact-scope .luxury{background-image: var(--noise);background-size:6px 6px}\r\n\r\n\/* TYPOGRAPHY *\/\r\n.contact-scope .contact-slogan{font-size:15px;font-style:italic;color:var(--gold1);margin:0 0 10px;position:relative;z-index:4;opacity:.9}\r\n.contact-scope .contact-title{font-size:32px;color:var(--gold2);letter-spacing:1px;text-transform:uppercase;margin:0 0 28px;position:relative;z-index:4;line-height:1.1;}\r\n.contact-scope .contact-text{color:var(--ivory)}\r\n\r\n\/* ROWS *\/\r\n.contact-scope .contact-item{display:flex;align-items:center;gap:14px;font-size:16px;margin:16px 0;position:relative;z-index:4}\r\n.contact-scope .contact-item .ico{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--stroke);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.0));box-shadow:0 6px 18px rgba(0,0,0,.45)}\r\n.contact-scope .contact-item i{color:var(--gold1);font-size:16px}\r\n.contact-scope .contact-item a{color:var(--gold2);text-decoration:none;transition:color .25s ease}\r\n.contact-scope .contact-item a:hover{color:#fff8d1}\r\n\r\n.contact-scope .divider{height:1px;background:linear-gradient(90deg,transparent, rgba(242,197,92,.38), transparent);margin:12px 0;opacity:.85}\r\n\r\n\/* SOCIAL *\/\r\n.contact-scope .social-icons{margin-top:30px;display:flex;gap:16px;z-index:4;position:relative}\r\n.contact-scope .social-icons a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--stroke);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.0));color:var(--gold1);transition:transform .25s ease, box-shadow .25s ease, color .25s ease}\r\n.contact-scope .social-icons a:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.6), 0 0 14px rgba(242,197,92,.15);color:var(--gold2)}\r\n\r\n\/* PARTICLES CANVAS *\/\r\n.contact-scope .luxury-sparks{position:absolute;inset:0;z-index:1;pointer-events:none}\r\n\r\n.contact-scope .cf7-skin .wpcf7 br{display:none}\r\n@media(max-width:640px){\r\n  .wpb-fix .contact-container{grid-template-columns:1fr !important}\r\n} \r\n\r\n\/* ======= ADDED: WPBakery-specific isolation and layout overrides ======= *\/\r\n.wpb-fix{ isolation:isolate; font-size:16px; }\r\n.wpb-fix *{ box-sizing:border-box; }\r\n\r\n\/* Inside a WPBakery column we do not need inner grid *\/\r\n.wpb-fix .contact-container{\r\n  display:grid !important;\r\n  grid-template-columns:repeat(2, minmax(300px, 1fr)) !important;\r\n  gap:40px !important;\r\n  max-width:1100px !important;\r\n  margin:60px auto !important;\r\n  padding:0 20px !important;\r\n} \r\n\r\n\/* Make panel use full column width *\/\r\n.wpb-fix #luxury-panel{ width:100% !important; margin:0 !important; }\r\n\r\n\/* Neutralize common WPBakery column paddings locally *\/\r\n.wpb-fix{ \r\n  width:calc(100% + 30px);\r\n  margin-left:-15px; margin-right:-15px;\r\n}\r\n@media(min-width:992px){\r\n  .wpb-fix{ width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; }\r\n}\r\n\r\n\/* Prevent global canvas\/icon rules from breaking sizing *\/\r\n.wpb-fix .luxury-sparks{ width:100% !important; height:100% !important; display:block !important; }\r\n.wpb-fix i{ font-size:16px !important; line-height:1 !important; }\r\n.wpb-fix .contact-title{ font-size:32px !important; }\r\n\r\n\/* ===== Contact form styling in the same palette ===== *\/\r\n.contact-scope .contact-form{background:linear-gradient(160deg, var(--bg), var(--card)); color:var(--ivory); padding:64px 42px 28px !important; border:1px solid var(--stroke); border-radius:22px; box-shadow:0 18px 60px rgba(0,0,0,.6); position:relative; overflow:hidden}     \r\n.contact-scope .contact-form .form-title{font-size:28px; color:var(--gold2); text-transform:uppercase; letter-spacing:1px; margin:0 0 16px;}\r\n.contact-scope .contact-form::before{content:\"\"; position:absolute; inset:12px; border-radius:16px; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.0)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35)}\r\n.contact-scope .contact-form::before{content:\"\"; position:absolute; inset:12px; border-radius:16px; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.0)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35)}\r\n.contact-scope .ks-form{display:grid; gap:18px}\r\n.contact-scope .ks-form .row{display:grid; gap:18px; grid-template-columns:1fr 1fr}\r\n.contact-scope .ks-form label{display:grid; gap:8px}\r\n.contact-scope .ks-form label span{font-size:13px; letter-spacing:.3px; color:var(--muted)}\r\n.contact-scope .ks-form input,\r\n.contact-scope .ks-form textarea,\r\n.contact-scope .ks-form select{appearance:none; -webkit-appearance:none; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); color:var(--ivory); border:1px solid var(--stroke); border-radius:12px; padding:14px 14px; box-shadow:0 6px 18px rgba(0,0,0,.45); outline:none; transition:border-color .2s ease, box-shadow .2s ease}\r\n.contact-scope .ks-form input::placeholder,\r\n.contact-scope .ks-form textarea::placeholder{color:rgba(229,225,217,.55)}\r\n.contact-scope .ks-form input:focus,\r\n.contact-scope .ks-form textarea:focus,\r\n.contact-scope .ks-form select:focus{border-color:rgba(242,197,92,.6); box-shadow:0 0 0 3px rgba(242,197,92,.18), 0 10px 28px rgba(0,0,0,.6)}\r\n.contact-scope .ks-form .full{grid-column:1\/-1}\r\n.contact-scope .ks-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:14px; border:1px solid var(--stroke); background:linear-gradient(135deg, var(--gold1), var(--gold2)); color:#1b1305; font-weight:600; text-transform:uppercase; letter-spacing:.5px; box-shadow:0 12px 28px rgba(242,197,92,.18); cursor:pointer; transition:transform .15s ease, box-shadow .2s ease}\r\n.contact-scope .ks-btn:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(242,197,92,.24)}\r\n.contact-scope .ks-btn:disabled{opacity:.6; cursor:not-allowed}\r\n.contact-scope .form-note{font-size:14px; color:var(--gold2); margin-top:6px}\r\n\r\n\/* Make it also skin Contact Form 7 \/ WPBakery forms if used inside this block *\/\r\n.contact-scope .cf7-skin .wpcf7{margin-top:0 !important}\r\n.contact-scope .cf7-skin .wpcf7 form{display:grid; gap:10px !important} \r\n.contact-scope .cf7-skin .wpcf7 form p{margin:0}\r\n.contact-scope .cf7-skin .wpcf7 form p:first-of-type{margin-top:0}\r\n.contact-scope .cf7-skin label,\r\n.contact-scope .cf7-skin .wpcf7-list-item-label{color:var(--muted)}\r\n.contact-scope .wpcf7 .wpcf7-form-control{appearance:none; -webkit-appearance:none; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); color:var(--ivory); border:1px solid var(--stroke); border-radius:12px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,.45); outline:none; width:100%}\r\n.contact-scope .wpcf7 input[type=\"text\"],\r\n.contact-scope .wpcf7 input[type=\"email\"],\r\n.contact-scope .wpcf7 input[type=\"tel\"],\r\n.contact-scope .wpcf7 textarea,\r\n.contact-scope .wpcf7 select{transition:border-color .2s ease, box-shadow .2s ease}\r\n.contact-scope .wpcf7 input::placeholder,\r\n.contact-scope .wpcf7 textarea::placeholder{color:rgba(229,225,217,.75)}\r\n.contact-scope .wpcf7 input:focus,\r\n.contact-scope .wpcf7 textarea:focus,\r\n.contact-scope .wpcf7 select:focus{border-color:rgba(242,197,92,.6); box-shadow:0 0 0 3px rgba(242,197,92,.18), 0 10px 28px rgba(0,0,0,.6)}\r\n\/* checkbox & radio *\/\r\n.contact-scope .wpcf7 input[type=\"checkbox\"],\r\n.contact-scope .wpcf7 input[type=\"radio\"]{accent-color: var(--gold2)}\r\n\/* submit button *\/\r\n.contact-scope .wpcf7 input[type=\"submit\"],\r\n.contact-scope .wpcf7 .wpcf7-submit{display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:14px; border:1px solid var(--stroke); background:linear-gradient(135deg, var(--gold2), var(--gold1)); color:#1b1305; font-weight:600; text-transform:uppercase; letter-spacing:.5px; box-shadow:0 12px 28px rgba(242,197,92,.18); cursor:pointer}\r\n.contact-scope .wpcf7 input[type=\"submit\"]:hover{transform:translateY(-2px)}\r\n\/* validation *\/\r\n.contact-scope .wpcf7 .wpcf7-not-valid{border-color:#b85c5c}\r\n.contact-scope .wpcf7 .wpcf7-not-valid-tip{color:#f0b4b4; font-size:12px; margin-top:6px}\r\n\/* response box *\/\r\n.contact-scope .wpcf7 .wpcf7-response-output{margin:8px 0 0; border:1px solid var(--stroke); color:var(--ivory); background:rgba(255,255,255,.02); border-radius:12px; padding:10px}\r\n.contact-scope .wpcf7 .wpcf7-response-output[aria-hidden=\"true\"]{display:none}\r\n\/* spinner *\/\r\n.contact-scope .wpcf7 .wpcf7-spinner{border-color:var(--gold2); border-top-color:transparent}\r\n\/* kill stray <br> spacing *\/\r\n.contact-scope .cf7-skin .wpcf7 br{display:none}\r\n\r\n\r\n@media(max-width:768px){\r\n  .contact-scope .ks-form .row{grid-template-columns:1fr}\r\n}\r\n\r\n\/* Remove subtitle and tighten vertical spacing *\/\r\n.contact-scope .contact-form{padding:24px 32px}\r\n.contact-scope .contact-form .form-subtitle{display:none!important}\r\n.contact-scope .contact-form > *:last-child{margin-bottom:0}\r\n.contact-scope .cf7-skin .wpcf7{margin-top:0!important; margin-bottom:0!important}\r\n.contact-scope .cf7-skin .wpcf7 form{gap:8px}\r\n.contact-scope .cf7-skin .wpcf7 form p{margin:0}\r\n.contact-scope .cf7-skin .wpcf7 form p:last-child{margin-bottom:0}\r\n\r\n\r\n\/* Tighten gap between title and first field, kill stray CF7 spacing *\/\r\n.contact-scope .contact-form{padding:24px 32px}\r\n.contact-scope .contact-form > *:first-child{margin-top:0!important}\r\n.contact-scope .contact-form > *:last-child{margin-bottom:0!important}\r\n.contact-scope .cf7-skin .wpcf7{margin:0!important}\r\n.contact-scope .cf7-skin .wpcf7 form{gap:8px}\r\n.contact-scope .cf7-skin .wpcf7 form > p{margin:0!important}\r\n.contact-scope .cf7-skin .wpcf7 form > p:first-child{margin-top:0!important}\r\n.contact-scope .cf7-skin .wpcf7 form > p:empty{display:none!important}\r\n.contact-scope .cf7-skin .wpcf7 br{display:none}\r\n\r\n\r\n\/* Ultra-tighten gap between title and first CF7 field *\/\r\n.contact-scope .contact-form{padding-top:16px !important}\r\n.contact-scope .cf7-skin .wpcf7{margin-top:-6px !important}\r\n.contact-scope .cf7-skin .wpcf7 form{gap:6px !important}\r\n.contact-scope .cf7-skin .wpcf7 form > p{margin:0 !important}\r\n.contact-scope .cf7-skin .wpcf7 form > p:first-child{margin-top:0 !important}\r\n.contact-scope .wpcf7 .wpcf7-form-control-wrap{display:block !important; margin-top:0 !important}\r\n\r\n\/* Kill theme default margins inside WPBakery wrappers *\/\r\n.wpb_text_column .wpb_wrapper > *:first-child{margin-top:0 !important}\r\n.wpb_text_column .wpb_wrapper > *:last-child{margin-bottom:0 !important}\r\n\r\n\r\n\/* Crush the stray gap between title and first CF7 field *\/\r\n.contact-scope .contact-form{padding-top:12px !important}\r\n.contact-scope .contact-form .form-title{margin:0 0 2px !important; line-height:1.05 !important}\r\n.contact-scope .contact-form .form-title + .cf7-skin{margin-top:0 !important}\r\n\/* kill empty or auto-inserted paragraphs around shortcode *\/\r\n.contact-scope .contact-form > p:empty{display:none !important}\r\n.contact-scope .contact-form > p:has(br){display:none !important}\r\n.contact-scope .cf7-skin > p:empty{display:none !important}\r\n.contact-scope .cf7-skin > p:has(br){display:none !important}\r\n\/* tighten CF7 block itself *\/\r\n.contact-scope .cf7-skin .wpcf7{margin:0 !important}\r\n.contact-scope .cf7-skin .wpcf7 form{gap:6px !important}\r\n.contact-scope .cf7-skin .wpcf7 form > p{margin:0 !important}\r\n.contact-scope .cf7-skin .wpcf7 form > p:first-child{margin-top:0 !important}\r\n\r\n\r\n\/* ensure no extra gap above title *\/\r\n.contact-scope .contact-form > *:first-child{margin-top:0 !important}\r\n\r\n\r\n\/* ensure clean top spacing above title *\/\r\n.contact-scope .contact-form > *:first-child{margin-top:0 !important}\r\n.contact-scope .contact-form .form-title{margin-top:8px !important}\r\n\r\n\r\n\/* tidy spacing between title and form *\/\r\n.contact-scope .cf7-skin{margin-top:6px !important}\r\n.contact-scope .cf7-skin .wpcf7 form{gap:10px !important}\r\n\r\n\r\n\/* top accent to mirror left panel and fix visual alignment *\/\r\n.contact-scope .contact-form .form-accent{position:absolute; left:18px; right:18px; top:18px; height:1px; border-radius:999px; background:linear-gradient(90deg,transparent, rgba(242,197,92,.55), transparent);}\r\n\/* neutralize WPBakery column extra padding above this block *\/\r\n.wpb-fix .vc_column-inner{padding-top:0 !important}\r\n.wpb-fix .wpb_wrapper > *:first-child{margin-top:0 !important}\r\n\r\n\r\n\/* ensure both panels align top equally *\/\r\n.wpb-fix #luxury-panel{padding-top:56px !important}\r\n.wpb-fix .contact-form{padding-top:56px !important}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\/\/ GOLD SPARKS with depth + slow movement inside panel size\r\n(function(){\r\n  const panel = document.getElementById('luxury-panel');\r\n  const canvas = panel.querySelector('.luxury-sparks');\r\n  if(!canvas) return;\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  function sizeToPanel(){\r\n    const r = panel.getBoundingClientRect();\r\n    canvas.width = Math.max(320, Math.floor(r.width));\r\n    canvas.height = Math.max(260, Math.floor(r.height));\r\n  }\r\n  sizeToPanel();\r\n  window.addEventListener('resize', sizeToPanel, {passive:true});\r\n\r\n  const N = 42; \/\/ fewer, more premium\r\n  const particles = Array.from({length:N}).map(()=>({\r\n    x: Math.random()*canvas.width,\r\n    y: Math.random()*canvas.height,\r\n    r: Math.random()*1.4 + 0.6,\r\n    vx: (Math.random()-0.5)*0.18,\r\n    vy: (Math.random()-0.5)*0.18,\r\n    a: Math.random()*0.35 + 0.15,\r\n    blur: Math.random()*2 + 0.5,\r\n    pulse: Math.random()*0.01 + 0.003,\r\n    grow: Math.random() < .5\r\n  }));\r\n\r\n  function draw(){\r\n    ctx.clearRect(0,0,canvas.width,canvas.height);\r\n    particles.forEach(p=>{\r\n      \/\/ move\r\n      p.x += p.vx; p.y += p.vy;\r\n      if(p.x < 0 || p.x > canvas.width) p.vx *= -1;\r\n      if(p.y < 0 || p.y > canvas.height) p.vy *= -1;\r\n\r\n      \/\/ pulse subtle\r\n      if(p.grow){ p.r += p.pulse; if(p.r > 2.2) p.grow = false; }\r\n      else { p.r -= p.pulse; if(p.r < 0.6) p.grow = true; }\r\n\r\n      ctx.beginPath();\r\n      ctx.globalAlpha = p.a;\r\n      ctx.shadowBlur = p.blur;\r\n      ctx.shadowColor = 'rgba(242,197,92,0.6)';\r\n      ctx.fillStyle = 'rgba(242,197,92,0.95)';\r\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);\r\n      ctx.fill();\r\n    });\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n<\/script>\r\n\r\n<!-- ADDED: extra script to re-measure after WPBakery column renders without touching original -->\r\n<script>\r\n(function(){\r\n  const panel = document.getElementById('luxury-panel');\r\n  const canvas = panel ? panel.querySelector('.luxury-sparks') : null;\r\n  if(!panel || !canvas) return;\r\n  function fixSize(){\r\n    const r = panel.getBoundingClientRect();\r\n    canvas.width = Math.max(320, r.width|0);\r\n    canvas.height = Math.max(260, r.height|0);\r\n  }\r\n  window.addEventListener('load', fixSize, {once:true});\r\n  window.addEventListener('resize', fixSize, {passive:true});\r\n  if('ResizeObserver' in window){\r\n    const ro = new ResizeObserver(fixSize);\r\n    ro.observe(panel);\r\n  }\r\n  \/\/ one more tick after layout settles\r\n  setTimeout(fixSize, 100);\r\n})();\r\n<\/script>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Luxury is in every detail Get in Touch Cairo, Egypt +20 1025597318 Chat on WhatsApp info@khan-shops.com Contact Us Your name","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5288","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Contact us - Khan Store<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/khan-shops.com\/ar\/contact-us\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact us - Khan Store\" \/>\n<meta property=\"og:url\" content=\"https:\/\/khan-shops.com\/ar\/contact-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Khan Store\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-17T22:29:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/khan-shops.com\/contact-us\/\",\"url\":\"https:\/\/khan-shops.com\/contact-us\/\",\"name\":\"Contact us - Khan Store\",\"isPartOf\":{\"@id\":\"https:\/\/khan-shops.com\/#website\"},\"datePublished\":\"2021-08-25T09:00:10+00:00\",\"dateModified\":\"2025-10-17T22:29:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/khan-shops.com\/contact-us\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/khan-shops.com\/contact-us\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/khan-shops.com\/contact-us\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/khan-shops.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/khan-shops.com\/#website\",\"url\":\"https:\/\/khan-shops.com\/\",\"name\":\"Khan Store\",\"description\":\"Khan Store\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/khan-shops.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact us - Khan Store","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/khan-shops.com\/ar\/contact-us\/","og_locale":"ar_AR","og_type":"article","og_title":"Contact us - Khan Store","og_url":"https:\/\/khan-shops.com\/ar\/contact-us\/","og_site_name":"Khan Store","article_modified_time":"2025-10-17T22:29:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/khan-shops.com\/contact-us\/","url":"https:\/\/khan-shops.com\/contact-us\/","name":"Contact us - Khan Store","isPartOf":{"@id":"https:\/\/khan-shops.com\/#website"},"datePublished":"2021-08-25T09:00:10+00:00","dateModified":"2025-10-17T22:29:11+00:00","breadcrumb":{"@id":"https:\/\/khan-shops.com\/contact-us\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/khan-shops.com\/contact-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/khan-shops.com\/contact-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/khan-shops.com\/"},{"@type":"ListItem","position":2,"name":"Contact us"}]},{"@type":"WebSite","@id":"https:\/\/khan-shops.com\/#website","url":"https:\/\/khan-shops.com\/","name":"Khan Store","description":"Khan Store","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/khan-shops.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/pages\/5288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/comments?post=5288"}],"version-history":[{"count":0,"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/pages\/5288\/revisions"}],"wp:attachment":[{"href":"https:\/\/khan-shops.com\/ar\/wp-json\/wp\/v2\/media?parent=5288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}