{"id":56,"date":"2026-05-13T09:39:43","date_gmt":"2026-05-13T09:39:43","guid":{"rendered":"https:\/\/cammeostore.com\/?page_id=56"},"modified":"2026-05-19T17:58:33","modified_gmt":"2026-05-19T17:58:33","slug":"contact","status":"publish","type":"page","link":"https:\/\/cammeostore.com\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContact Us \u2014 CAMMEO | Rare by Nature<\/title>\r\n<meta name=\"description\" content=\"Get in touch with CAMMEO \u2014 handmade natural stone accessories from Egypt. Reach us on WhatsApp, Instagram, or email. We'd love to hear from you.\">\r\n<meta property=\"og:title\" content=\"Contact \u2014 CAMMEO\">\r\n<meta property=\"og:description\" content=\"We'd love to hear from you. Reach CAMMEO on WhatsApp, Instagram, or email.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/cammeostore.com\/contact\">\r\n<link rel=\"canonical\" href=\"https:\/\/cammeostore.com\/contact\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Raleway:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior: smooth; }\r\nbody { background:#3D0B16; font-family:'Raleway',sans-serif; color:#F4EFEA; overflow-x:hidden; }\r\n\r\n\/* =============================================\r\n HERO\r\n ============================================= *\/\r\n.ct-hero {\r\n position: relative;\r\n min-height: 100vh;\r\n margin-top: 166px;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n background: #3D0B16;\r\n}\r\n\r\n\/* animated bg particles *\/\r\n.ct-hero__bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n}\r\n\r\n\/* gold orbs *\/\r\n.ct-hero__orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n animation: orbFloat 8s ease-in-out infinite;\r\n pointer-events: none;\r\n}\r\n.ct-hero__orb--1 {\r\n width: 500px; height: 500px;\r\n background: rgba(197,160,89,0.06);\r\n top: -100px; right: -100px;\r\n animation-delay: 0s;\r\n}\r\n.ct-hero__orb--2 {\r\n width: 300px; height: 300px;\r\n background: rgba(107,20,36,0.4);\r\n bottom: 100px; left: -50px;\r\n animation-delay: 3s;\r\n}\r\n.ct-hero__orb--3 {\r\n width: 200px; height: 200px;\r\n background: rgba(197,160,89,0.04);\r\n top: 50%; left: 40%;\r\n animation-delay: 5s;\r\n}\r\n@keyframes orbFloat {\r\n 0%, 100% { transform: translateY(0) scale(1); }\r\n 50% { transform: translateY(-30px) scale(1.05); }\r\n}\r\n\r\n\/* diagonal pattern *\/\r\n.ct-hero__pattern {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n opacity: 0.03;\r\n background-image:\r\n repeating-linear-gradient(45deg, #C5A059 0px, #C5A059 1px, transparent 1px, transparent 16px),\r\n repeating-linear-gradient(-45deg, #C5A059 0px, #C5A059 1px, transparent 1px, transparent 16px);\r\n}\r\n\r\n\/* gold lines top & bottom *\/\r\n.ct-hero::before {\r\n content:'';\r\n position:absolute;\r\n top: 0; left:0; right:0;\r\n height:1px;\r\n background: linear-gradient(90deg, transparent, rgba(197,160,89,0.5) 30%, rgba(197,160,89,0.5) 70%, transparent);\r\n z-index: 10;\r\n}\r\n\r\n\/* =============================================\r\n MAIN LAYOUT\r\n ============================================= *\/\r\n.ct-hero__inner {\r\n position: relative;\r\n z-index: 5;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 80px 70px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 100px;\r\n align-items: center;\r\n}\r\n\r\n\/* =============================================\r\n LEFT \u2014 INFO\r\n ============================================= *\/\r\n.ct-info {}\r\n\r\n.ct-info__eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 9px;\r\n font-weight: 300;\r\n letter-spacing: 6px;\r\n color: #C5A059;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n}\r\n.ct-info__eyebrow::before {\r\n content:'';\r\n width: 30px; height: 1px;\r\n background: #C5A059; opacity: 0.5;\r\n}\r\n\r\n.ct-info__title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 72px;\r\n font-weight: 300;\r\n color: #F4EFEA;\r\n line-height: 1.05;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n}\r\n.ct-info__title em {\r\n font-style: italic;\r\n color: #C5A059;\r\n display: block;\r\n}\r\n\r\n.ct-info__subtitle {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 20px;\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(244,239,234,0.5);\r\n margin-bottom: 50px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* contact cards *\/\r\n.ct-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n\r\n.ct-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 22px 26px;\r\n background: rgba(107,20,36,0.2);\r\n border: 1px solid rgba(197,160,89,0.12);\r\n text-decoration: none;\r\n transition: all 0.45s ease;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n}\r\n\r\n.ct-card::before {\r\n content:'';\r\n position:absolute;\r\n left:0; top:0; bottom:0;\r\n width: 2px;\r\n background: #C5A059;\r\n transform: scaleY(0);\r\n transform-origin: bottom;\r\n transition: transform 0.4s ease;\r\n}\r\n.ct-card:hover::before { transform: scaleY(1); }\r\n\r\n.ct-card::after {\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n background: rgba(197,160,89,0.04);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n}\r\n.ct-card:hover::after { opacity: 1; }\r\n\r\n.ct-card:hover {\r\n border-color: rgba(197,160,89,0.35);\r\n transform: translateX(8px);\r\n}\r\n\r\n.ct-card__icon {\r\n width: 48px; height: 48px;\r\n border: 1px solid rgba(197,160,89,0.25);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n transition: border-color 0.4s, transform 0.4s;\r\n position: relative; z-index: 1;\r\n}\r\n.ct-card:hover .ct-card__icon {\r\n border-color: rgba(197,160,89,0.6);\r\n transform: rotate(45deg);\r\n}\r\n.ct-card__icon svg {\r\n width: 20px; height: 20px;\r\n stroke: #C5A059; fill: none;\r\n stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round;\r\n transition: transform 0.4s;\r\n}\r\n.ct-card:hover .ct-card__icon svg { transform: rotate(-45deg); }\r\n\r\n.ct-card__text { position: relative; z-index: 1; }\r\n.ct-card__label {\r\n font-size: 8px; letter-spacing: 4px;\r\n color: rgba(197,160,89,0.55); text-transform: uppercase;\r\n display: block; margin-bottom: 5px;\r\n}\r\n.ct-card__val {\r\n font-size: 14px; font-weight: 300;\r\n color: #F4EFEA; letter-spacing: 0.5px;\r\n transition: color 0.3s;\r\n}\r\n.ct-card:hover .ct-card__val { color: #C5A059; }\r\n\r\n.ct-card__arrow {\r\n margin-left: auto;\r\n position: relative; z-index: 1;\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n transition: opacity 0.4s, transform 0.4s;\r\n}\r\n.ct-card:hover .ct-card__arrow { opacity: 1; transform: translateX(0); }\r\n.ct-card__arrow svg {\r\n width: 16px; height: 16px;\r\n stroke: #C5A059; fill: none;\r\n stroke-width: 1.3; stroke-linecap: round;\r\n}\r\n\r\n\/* social row *\/\r\n.ct-social {\r\n margin-top: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n}\r\n.ct-social__label {\r\n font-size: 9px; letter-spacing: 4px;\r\n color: rgba(244,239,234,0.3); text-transform: uppercase;\r\n}\r\n.ct-social__divider {\r\n height: 1px; flex: 1;\r\n background: linear-gradient(to right, rgba(197,160,89,0.2), transparent);\r\n}\r\n.ct-social__links { display: flex; gap: 10px; }\r\n\r\n.ct-social__btn {\r\n width: 36px; height: 36px;\r\n border: 1px solid rgba(197,160,89,0.18);\r\n display: flex; align-items: center; justify-content: center;\r\n text-decoration: none;\r\n transition: all 0.35s ease;\r\n}\r\n.ct-social__btn:hover { border-color: rgba(197,160,89,0.55); background: rgba(197,160,89,0.08); }\r\n.ct-social__btn svg {\r\n width: 14px; height: 14px;\r\n stroke: rgba(197,160,89,0.5); fill: none;\r\n stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;\r\n transition: stroke 0.3s;\r\n}\r\n.ct-social__btn:hover svg { stroke: #C5A059; }\r\n\r\n\/* =============================================\r\n RIGHT \u2014 FORM\r\n ============================================= *\/\r\n.ct-form-wrap {\r\n position: relative;\r\n}\r\n\r\n\/* decorative frame *\/\r\n.ct-form-wrap::before {\r\n content:'';\r\n position:absolute;\r\n top: -20px; right: -20px;\r\n width: 100%; height: 100%;\r\n border: 1px solid rgba(197,160,89,0.08);\r\n z-index: 0;\r\n pointer-events: none;\r\n}\r\n\r\n\/* gold corner accents *\/\r\n.ct-form-corner {\r\n position: absolute;\r\n width: 40px; height: 40px;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n.ct-form-corner::before,\r\n.ct-form-corner::after {\r\n content:'';\r\n position:absolute;\r\n background: rgba(197,160,89,0.4);\r\n}\r\n.ct-form-corner::before { width:1px; height:100%; }\r\n.ct-form-corner::after { width:100%; height:1px; }\r\n.ct-form-corner.tl { top:0; left:0; }\r\n.ct-form-corner.tr { top:0; right:0; }\r\n.ct-form-corner.tr::before { right:0; }\r\n.ct-form-corner.tr::after { top:0; }\r\n.ct-form-corner.bl { bottom:0; left:0; }\r\n.ct-form-corner.bl::before { bottom:0; }\r\n.ct-form-corner.bl::after { bottom:0; }\r\n.ct-form-corner.br { bottom:0; right:0; }\r\n.ct-form-corner.br::before { right:0; bottom:0; }\r\n.ct-form-corner.br::after { bottom:0; }\r\n\r\n.ct-form {\r\n position: relative;\r\n z-index: 1;\r\n background: rgba(26,5,8,0.8);\r\n border: 1px solid rgba(197,160,89,0.15);\r\n padding: 50px 44px;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.ct-form__title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 32px; font-weight: 400;\r\n color: #F4EFEA; letter-spacing: 1px;\r\n margin-bottom: 6px;\r\n}\r\n.ct-form__title em { color: #C5A059; font-style: italic; }\r\n\r\n.ct-form__sub {\r\n font-size: 10px; font-weight: 300;\r\n letter-spacing: 2px; color: rgba(244,239,234,0.35);\r\n text-transform: uppercase; margin-bottom: 36px;\r\n}\r\n\r\n\/* form fields *\/\r\n.ct-form__group {\r\n margin-bottom: 22px;\r\n position: relative;\r\n}\r\n\r\n.ct-form__label {\r\n font-size: 8px; font-weight: 400;\r\n letter-spacing: 4px; color: rgba(197,160,89,0.55);\r\n text-transform: uppercase;\r\n display: block; margin-bottom: 10px;\r\n transition: color 0.3s;\r\n}\r\n.ct-form__group:focus-within .ct-form__label { color: #C5A059; }\r\n\r\n.ct-form__input,\r\n.ct-form__textarea {\r\n width: 100%;\r\n padding: 14px 18px;\r\n font-family: 'Raleway', sans-serif;\r\n font-size: 13px; font-weight: 300;\r\n letter-spacing: 0.5px;\r\n color: #F4EFEA;\r\n background: rgba(61,11,22,0.5);\r\n border: 1px solid rgba(197,160,89,0.15);\r\n border-bottom: 1px solid rgba(197,160,89,0.35);\r\n outline: none;\r\n transition: all 0.4s ease;\r\n -webkit-appearance: none;\r\n}\r\n.ct-form__input::placeholder,\r\n.ct-form__textarea::placeholder {\r\n color: rgba(244,239,234,0.2);\r\n font-style: italic;\r\n}\r\n.ct-form__input:focus,\r\n.ct-form__textarea:focus {\r\n border-color: rgba(197,160,89,0.5);\r\n background: rgba(61,11,22,0.7);\r\n}\r\n\r\n\/* animated underline *\/\r\n.ct-form__underline {\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n height: 1px; width: 0;\r\n background: #C5A059;\r\n transition: width 0.4s ease;\r\n}\r\n.ct-form__group:focus-within .ct-form__underline { width: 100%; }\r\n\r\n.ct-form__textarea {\r\n resize: none;\r\n height: 130px;\r\n line-height: 1.8;\r\n}\r\n\r\n\/* row *\/\r\n.ct-form__row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n\/* topic select *\/\r\n.ct-form__topics {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 28px;\r\n}\r\n.ct-form__topic-label {\r\n font-size: 8px; letter-spacing: 4px;\r\n color: rgba(197,160,89,0.55); text-transform: uppercase;\r\n display: block; margin-bottom: 12px; width: 100%;\r\n}\r\n.ct-form__topic {\r\n padding: 8px 16px;\r\n font-size: 9px; letter-spacing: 2px;\r\n color: rgba(244,239,234,0.45);\r\n border: 1px solid rgba(197,160,89,0.15);\r\n background: transparent;\r\n cursor: pointer; text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n font-family: 'Raleway', sans-serif;\r\n}\r\n.ct-form__topic:hover,\r\n.ct-form__topic.active {\r\n color: #C5A059;\r\n border-color: rgba(197,160,89,0.5);\r\n background: rgba(197,160,89,0.06);\r\n}\r\n\r\n\/* submit btn *\/\r\n.ct-form__submit {\r\n width: 100%;\r\n padding: 18px;\r\n font-family: 'Raleway', sans-serif;\r\n font-size: 11px; font-weight: 400;\r\n letter-spacing: 6px; color: #3D0B16;\r\n background: #C5A059;\r\n border: none; cursor: pointer;\r\n text-transform: uppercase;\r\n transition: all 0.45s ease;\r\n position: relative; overflow: hidden;\r\n margin-top: 8px;\r\n display: flex; align-items: center; justify-content: center; gap: 12px;\r\n}\r\n.ct-form__submit::before {\r\n content:'';\r\n position:absolute; inset:0;\r\n background: #d4b06a;\r\n transform: scaleX(0); transform-origin: left;\r\n transition: transform 0.45s ease; z-index:0;\r\n}\r\n.ct-form__submit span,\r\n.ct-form__submit svg { position: relative; z-index: 1; }\r\n.ct-form__submit:hover::before { transform: scaleX(1); }\r\n.ct-form__submit svg {\r\n width: 16px; height: 16px;\r\n stroke: currentColor; fill: none;\r\n stroke-width: 1.3; stroke-linecap: round;\r\n transition: transform 0.3s;\r\n}\r\n.ct-form__submit:hover svg { transform: translateX(5px); }\r\n\r\n\/* success message *\/\r\n.ct-form__success {\r\n display: none;\r\n text-align: center;\r\n padding: 30px;\r\n}\r\n.ct-form__success.show { display: block; }\r\n.ct-form__success-icon {\r\n width: 60px; height: 60px;\r\n border: 1px solid rgba(197,160,89,0.4);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n margin: 0 auto 20px;\r\n}\r\n.ct-form__success-icon svg {\r\n width: 26px; height: 26px;\r\n stroke: #C5A059; fill: none;\r\n stroke-width: 1.5; stroke-linecap: round;\r\n}\r\n.ct-form__success p {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px; font-style: italic;\r\n color: #C5A059; margin-bottom: 8px;\r\n}\r\n.ct-form__success span {\r\n font-size: 10px; letter-spacing: 2px;\r\n color: rgba(244,239,234,0.4); text-transform: uppercase;\r\n}\r\n\r\n\/* =============================================\r\n TABLET\r\n ============================================= *\/\r\n@media (max-width: 1100px) and (min-width: 601px) {\r\n .ct-hero { margin-top: 166px; }\r\n .ct-hero__inner { padding: 60px 40px; gap: 60px; }\r\n .ct-info__title { font-size: 54px; }\r\n .ct-form { padding: 40px 32px; }\r\n}\r\n\r\n\/* =============================================\r\n MOBILE\r\n ============================================= *\/\r\n@media (max-width: 600px) {\r\n .ct-hero { margin-top: 141px; min-height: auto; }\r\n .ct-hero__inner {\r\n grid-template-columns: 1fr;\r\n padding: 40px 16px 50px;\r\n gap: 40px;\r\n }\r\n .ct-info__title { font-size: 38px; }\r\n .ct-info__subtitle { font-size: 15px; }\r\n\r\n \/* form fixes *\/\r\n .ct-form-wrap { width: 100%; }\r\n .ct-form-wrap::before { display: none; }\r\n .ct-form-corner { display: none; }\r\n .ct-form {\r\n padding: 28px 20px;\r\n width: 100%;\r\n }\r\n .ct-form__row { grid-template-columns: 1fr; gap: 0; }\r\n .ct-form__title { font-size: 24px; }\r\n .ct-form__sub { font-size: 9px; }\r\n .ct-form__topics { gap: 6px; }\r\n .ct-form__topic { padding: 7px 12px; font-size: 8px; letter-spacing: 1.5px; }\r\n .ct-form__input,\r\n .ct-form__textarea { padding: 12px 14px; font-size: 12px; }\r\n .ct-form__textarea { height: 110px; }\r\n .ct-form__submit { letter-spacing: 3px; font-size: 10px; padding: 16px; }\r\n .ct-social { flex-wrap: wrap; gap: 10px; }\r\n\r\n \/* contact cards *\/\r\n .ct-card { padding: 16px 18px; gap: 14px; }\r\n .ct-card__icon { width: 38px; height: 38px; }\r\n .ct-card__icon svg { width: 16px; height: 16px; }\r\n .ct-card__val { font-size: 12px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ContactPage\",\r\n \"name\": \"Contact CAMMEO\",\r\n \"description\": \"Get in touch with CAMMEO \u2014 handmade natural stone accessories from Egypt.\",\r\n \"url\": \"https:\/\/cammeostore.com\/contact\",\r\n \"brand\": { \"@type\": \"Brand\", \"name\": \"CAMMEO\" },\r\n \"contactPoint\": [\r\n {\r\n \"@type\": \"ContactPoint\",\r\n \"telephone\": \"+201276667071\",\r\n \"contactType\": \"customer service\",\r\n \"availableLanguage\": [\"Arabic\", \"English\"]\r\n },\r\n {\r\n \"@type\": \"ContactPoint\",\r\n \"email\": \"info.cammeo@gmail.com\",\r\n \"contactType\": \"customer service\"\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n<main class=\"ct-hero\" aria-label=\"Contact CAMMEO\">\r\n <div class=\"ct-hero__bg\">\r\n <div class=\"ct-hero__orb ct-hero__orb--1\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-hero__orb ct-hero__orb--2\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-hero__orb ct-hero__orb--3\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-hero__pattern\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ct-hero__inner\">\r\n\r\n <!-- LEFT INFO -->\r\n <div class=\"ct-info\">\r\n <span class=\"ct-info__eyebrow\">Get in Touch<\/span>\r\n <h1 class=\"ct-info__title\">\r\n Let's talk\r\n <em>about something rare.<\/em>\r\n <\/h1>\r\n <p class=\"ct-info__subtitle\">\r\n A question, a custom request, or just a stone you fell in love with \u2014 we're here.\r\n <\/p>\r\n\r\n <!-- Contact Cards -->\r\n <div class=\"ct-cards\" role=\"list\">\r\n\r\n <a href=\"https:\/\/wa.me\/201276667071?text=Hello CAMMEO, I'd like to know more about your pieces.\" class=\"ct-card\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" role=\"listitem\" aria-label=\"Contact CAMMEO on WhatsApp\">\r\n <div class=\"ct-card__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"ct-card__text\">\r\n <span class=\"ct-card__label\">WhatsApp \u2014 Fastest Response<\/span>\r\n <span class=\"ct-card__val\">+20 127 666 7071<\/span>\r\n <\/div>\r\n <div class=\"ct-card__arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"14,6 20,12 14,18\"\/><\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"mailto:info.cammeo@gmail.com\"\r\n class=\"ct-card\"\r\n role=\"listitem\"\r\n aria-label=\"Email CAMMEO\">\r\n <div class=\"ct-card__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"ct-card__text\">\r\n <span class=\"ct-card__label\">Email<\/span>\r\n <span class=\"ct-card__val\">info.cammeo@gmail.com<\/span>\r\n <\/div>\r\n <div class=\"ct-card__arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"14,6 20,12 14,18\"\/><\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/cammeo.store\" class=\"ct-card\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" role=\"listitem\" aria-label=\"Follow CAMMEO on Instagram\">\r\n <div class=\"ct-card__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"#C5A059\" stroke=\"none\"\/><\/svg>\r\n <\/div>\r\n <div class=\"ct-card__text\">\r\n <span class=\"ct-card__label\">Instagram<\/span>\r\n <span class=\"ct-card__val\">@cammeo.store<\/span>\r\n <\/div>\r\n <div class=\"ct-card__arrow\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><polyline points=\"14,6 20,12 14,18\"\/><\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <!-- Social -->\r\n <div class=\"ct-social\" aria-label=\"Social media links\">\r\n <span class=\"ct-social__label\">Also on<\/span>\r\n <div class=\"ct-social__divider\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-social__links\" role=\"list\">\r\n <a href=\"https:\/\/www.facebook.com\/cammeo.accessories\" class=\"ct-social__btn\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" role=\"listitem\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@cammeo.store\" class=\"ct-social__btn\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" role=\"listitem\" aria-label=\"TikTok\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.pinterest.com\/infocammeo\/\" class=\"ct-social__btn\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" role=\"listitem\" aria-label=\"Pinterest\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12c0 4.24 2.65 7.86 6.39 9.29-.09-.78-.17-1.98.04-2.83.18-.77 1.22-5.17 1.22-5.17s-.31-.62-.31-1.55c0-1.45.84-2.54 1.89-2.54.89 0 1.32.67 1.32 1.47 0 .9-.57 2.24-.87 3.48-.25 1.04.52 1.88 1.54 1.88 1.85 0 3.09-2.37 3.09-5.17 0-2.14-1.44-3.63-3.5-3.63-2.38 0-3.78 1.79-3.78 3.63 0 .72.28 1.49.62 1.91.07.08.08.15.06.24l-.23.95c-.04.15-.13.18-.29.11-1.08-.5-1.75-2.09-1.75-3.36 0-2.72 1.98-5.23 5.71-5.23 3 0 5.33 2.14 5.33 5 0 2.98-1.87 5.38-4.47 5.38-.87 0-1.69-.45-1.97-1l-.54 2.01c-.19.74-.72 1.67-1.08 2.24.81.25 1.67.38 2.55.38 5.52 0 10-4.48 10-10S17.52 2 12 2z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT FORM -->\r\n <div class=\"ct-form-wrap\">\r\n <div class=\"ct-form-corner tl\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-form-corner tr\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-form-corner bl\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ct-form-corner br\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"ct-form\" role=\"form\" aria-label=\"Contact form\">\r\n <h2 class=\"ct-form__title\">Send us a <em>message<\/em><\/h2>\r\n <p class=\"ct-form__sub\">We reply within 24 hours<\/p>\r\n\r\n <!-- Topic selector -->\r\n <div class=\"ct-form__topics\" role=\"group\" aria-label=\"Message topic\">\r\n <span class=\"ct-form__topic-label\">What's this about?<\/span>\r\n <button class=\"ct-form__topic active\" type=\"button\" aria-pressed=\"true\">General<\/button>\r\n <button class=\"ct-form__topic\" type=\"button\" aria-pressed=\"false\">Order<\/button>\r\n <button class=\"ct-form__topic\" type=\"button\" aria-pressed=\"false\">Custom Piece<\/button>\r\n <button class=\"ct-form__topic\" type=\"button\" aria-pressed=\"false\">Wholesale<\/button>\r\n <\/div>\r\n\r\n <!-- Name + Email -->\r\n <div class=\"ct-form__row\">\r\n <div class=\"ct-form__group\">\r\n <label class=\"ct-form__label\" for=\"ct-name\">Your Name<\/label>\r\n <input\r\n type=\"text\" id=\"ct-name\" name=\"name\"\r\n class=\"ct-form__input\"\r\n placeholder=\"Your name\"\r\n required\r\n aria-required=\"true\"\r\n autocomplete=\"name\">\r\n <div class=\"ct-form__underline\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n <div class=\"ct-form__group\">\r\n <label class=\"ct-form__label\" for=\"ct-email\">Email Address<\/label>\r\n <input\r\n type=\"email\" id=\"ct-email\" name=\"email\"\r\n class=\"ct-form__input\"\r\n placeholder=\"your@email.com\"\r\n required\r\n aria-required=\"true\"\r\n autocomplete=\"email\">\r\n <div class=\"ct-form__underline\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Phone -->\r\n <div class=\"ct-form__group\">\r\n <label class=\"ct-form__label\" for=\"ct-phone\">Phone \/ WhatsApp <span style=\"color:rgba(197,160,89,0.3);font-size:8px;\">(Optional)<\/span><\/label>\r\n <input\r\n type=\"tel\" id=\"ct-phone\" name=\"phone\"\r\n class=\"ct-form__input\"\r\n placeholder=\"+20 1XX XXX XXXX\"\r\n autocomplete=\"tel\">\r\n <div class=\"ct-form__underline\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n\r\n <!-- Message -->\r\n <div class=\"ct-form__group\">\r\n <label class=\"ct-form__label\" for=\"ct-message\">Your Message<\/label>\r\n <textarea\r\n id=\"ct-message\" name=\"message\"\r\n class=\"ct-form__textarea\"\r\n placeholder=\"Tell us what's on your mind...\"\r\n required\r\n aria-required=\"true\"><\/textarea>\r\n <div class=\"ct-form__underline\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n\r\n <!-- Submit -->\r\n <button class=\"ct-form__submit\" type=\"submit\" aria-label=\"Send message to CAMMEO\">\r\n <span>Send Message<\/span>\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/button>\r\n\r\n <!-- Success -->\r\n <div class=\"ct-form__success\" role=\"alert\" aria-live=\"polite\">\r\n <div class=\"ct-form__success-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <p>\"Message received.\"<\/p>\r\n <span>We'll get back to you within 24 hours<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/main>\r\n\r\n<script>\r\n\/\/ Topic selector\r\ndocument.querySelectorAll('.ct-form__topic').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n document.querySelectorAll('.ct-form__topic').forEach(function(b) {\r\n b.classList.remove('active');\r\n b.setAttribute('aria-pressed', 'false');\r\n });\r\n this.classList.add('active');\r\n this.setAttribute('aria-pressed', 'true');\r\n });\r\n});\r\n\r\n\/\/ Form submit simulation\r\ndocument.querySelector('.ct-form__submit').addEventListener('click', function(e) {\r\n e.preventDefault();\r\n var name = document.getElementById('ct-name').value;\r\n var email = document.getElementById('ct-email').value;\r\n var message = document.getElementById('ct-message').value;\r\n\r\n if (!name || !email || !message) {\r\n \/\/ Shake empty fields\r\n [document.getElementById('ct-name'), document.getElementById('ct-email'), document.getElementById('ct-message')].forEach(function(field) {\r\n if (!field.value) {\r\n field.style.borderColor = 'rgba(197,89,89,0.5)';\r\n setTimeout(function() { field.style.borderColor = ''; }, 2000);\r\n }\r\n });\r\n return;\r\n }\r\n\r\n \/\/ Show success\r\n document.querySelector('.ct-form__success').classList.add('show');\r\n this.style.display = 'none';\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2014 CAMMEO | Rare by Nature Get in Touch Let’s talk about something rare. A question, a custom request, or just a stone you fell in love with \u2014 we’re here. WhatsApp \u2014 Fastest Response +20 127 666 7071 Email info.cammeo@gmail.com Instagram @cammeo.store Also on Send us a message We reply within 24 […]<\/p>\n","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-56","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":4,"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/pages\/56\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/cammeostore.com\/ar\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}