{"id":14942,"date":"2025-09-10T18:58:54","date_gmt":"2025-09-10T15:58:54","guid":{"rendered":"https:\/\/bakrykeys-com-316394.hostingersite.com\/?page_id=14942"},"modified":"2025-10-24T12:58:32","modified_gmt":"2025-10-24T09:58:32","slug":"payment-methods","status":"publish","type":"page","link":"https:\/\/bakrykeys.com\/en\/payment-methods\/","title":{"rendered":"\u0637\u0631\u0642 \u0627\u0644\u062f\u0641\u0639"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14942\" class=\"elementor elementor-14942\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a6c9273 e-flex e-con-boxed e-con e-parent\" data-id=\"a6c9273\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f24f63 elementor-widget elementor-widget-html\" data-id=\"8f24f63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0627\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 \u062f\u0627\u062e\u0644 Elementor HTML widget \u0641\u0642\u0637 -->\r\n<style>\r\n  .bk-paywall{\r\n    --brand: #0A66C2;\r\n    --ink: #1f2d37;\r\n    --muted: #6b7280;\r\n    --line: #e5e7eb;\r\n    --bg: #f7f7f8;\r\n    --accent: #ffffff;\r\n    --shadow: rgba(0,0,0,0.06);\r\n    --gradient-start: #ffb347;\r\n    --gradient-end: #ff6961;\r\n    --ok: #10b981;\r\n    --err: #ef4444;\r\n    --radius: 18px;\r\n    font-family:'Cairo', system-ui, sans-serif;\r\n    color: var(--ink);\r\n    background: var(--bg);\r\n    direction: rtl;\r\n    position: relative; \/* Add this for tooltip positioning context *\/\r\n  }\r\n\r\n  .bk-paywall .paywall{max-width: 1000px; margin: 24px auto 60px; padding: 0 16px;}\r\n  .bk-paywall .header-container{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}\r\n  .bk-paywall .pay-header{background:var(--accent);border-radius:24px;padding:16px 24px;border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);flex-grow:1}\r\n  .bk-paywall .pay-title{ text-align:center;font-size:28px;font-weight:800;margin:4px 0 8px;\r\n    background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));\r\n    -webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n  .bk-paywall .store-title{ text-align:center;font-size:26px;font-weight:800;margin:4px 0 8px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px}\r\n  .bk-paywall .store-title strong{ color:var(--brand) }\r\n  .bk-paywall .verification-badge{ width:26px; height:26px; color:#1da1f2 }\r\n  .bk-paywall .secure-payment-note{ text-align:center;color:var(--muted);margin:0;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px}\r\n  .bk-paywall .secure-payment-note svg{ width:16px; height:16px }\r\n\r\n  .bk-paywall .notice-box{ display:flex;flex-direction:column;align-items:center;gap:12px;\r\n    background: color-mix(in srgb, var(--err) 10%, var(--bg));\r\n    border:1px solid color-mix(in srgb, var(--err) 25%, transparent);\r\n    color: color-mix(in srgb, var(--err) 90%, #000);\r\n    border-radius: var(--radius); padding:20px; margin-top: 26px; text-align: center; }\r\n  .bk-paywall .notice-icon{ font-size:32px }\r\n  .bk-paywall .notice-content{ width: 100%; }\r\n  .bk-paywall .notice-content p{ margin:0; text-align: center; }\r\n  .bk-paywall .notice-main{ font-weight:800; font-size:16px }\r\n  .bk-paywall .notice-footer{ font-size:14px; margin-top:6px; opacity:.8 }\r\n\r\n  .bk-paywall .methods-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n  }\r\n  .bk-paywall .methods-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: var(--ink);\r\n    margin: 0 0 4px;\r\n  }\r\n  .bk-paywall .methods-subtitle {\r\n    font-size: 16px;\r\n    color: var(--muted);\r\n    margin: 0;\r\n    max-width: 450px;\r\n    margin: auto;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .bk-paywall .methods{ display:grid; grid-template-columns: repeat(3, 1fr); gap:20px }\r\n  .bk-paywall .method{ background:var(--accent); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; cursor:pointer; transition:.2s; position:relative; box-shadow:0 4px 15px var(--shadow)}\r\n  .bk-paywall .method:hover{ transform:translateY(-4px); box-shadow:0 12px 30px var(--shadow) }\r\n  .bk-paywall .method-img{ aspect-ratio: 1.8 \/ 1; display:flex; align-items:center; justify-content:center; padding:10px; box-sizing:border-box }\r\n  .bk-paywall .method-img img{ max-width:75%; max-height:75%; object-fit:contain; display:block }\r\n  .bk-paywall .method-body{ padding:12px 16px 16px; text-align:center }\r\n  .bk-paywall .method-title{ font-weight:800; font-size:18px; margin:0 }\r\n  .bk-paywall .method-note{ color:var(--muted); font-size:14px; margin-top:6px }\r\n\r\n  \/* --- NEW CSS FOR DISABLED METHOD --- *\/\r\n  .bk-paywall .method.disabled {\r\n      opacity: 0.6;\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n      position: relative;\r\n      filter: grayscale(80%);\r\n  }\r\n  .bk-paywall .method.disabled .method-img {\r\n      filter: grayscale(100%);\r\n  }\r\n  .bk-paywall .method.disabled::after {\r\n      content: '\u063a\u064a\u0631 \u0645\u062a\u0627\u062d \u062d\u0627\u0644\u064a\u0627\u064b';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(247, 247, 248, 0.7); \/* Match --bg with transparency *\/\r\n      backdrop-filter: blur(1px);\r\n      color: var(--ink);\r\n      display: grid;\r\n      place-items: center;\r\n      font-weight: 800;\r\n      font-size: 16px;\r\n      border-radius: var(--radius);\r\n      text-align: center;\r\n      padding: 8px;\r\n      box-sizing: border-box;\r\n      z-index: 1;\r\n  }\r\n  \/* --- END NEW CSS --- *\/\r\n\r\n  \/* Modal *\/\r\n  .bk-paywall .modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center;\r\n    background: rgba(0,0,0,.6); backdrop-filter: blur(5px); padding:16px; z-index: 100000; }\r\n  .bk-paywall .modal[aria-hidden=\"false\"]{ display:flex; animation: fadeIn .2s ease }\r\n  .bk-paywall .modal[aria-hidden=\"true\"]{ animation: fadeOut .2s ease forwards }\r\n  @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\r\n  @keyframes fadeOut{ from{opacity:1} to{opacity:0} }\r\n\r\n  .bk-paywall .dialog{ background:var(--accent); width:min(560px,96vw); border-radius:calc(var(--radius) + 6px);\r\n    box-shadow:0 30px 80px rgba(0,0,0,.25); overflow:hidden; border:1px solid var(--line); animation: pop .2s ease-out }\r\n  @keyframes pop{ from{transform: translateY(15px) scale(.97); opacity:0} to{transform:none; opacity:1} }\r\n  \r\n  \/* Modal Header Colors *\/\r\n  .bk-paywall .dialog-header[data-method=\"InstaPay\"]{ background: #8A2BE2; }\r\n  .bk-paywall .dialog-header[data-method=\"Vodafone Cash\"]{ background: #E50914; }\r\n  .bk-paywall .dialog-header[data-method=\"Etisalat Cash\"]{ background: #00A650; }\r\n  .bk-paywall .dialog-header[data-method=\"Binance Pay\"]{ background: #FCDA14; }\r\n  .bk-paywall .dialog-header[data-method=\"Fawry\"]{ background: #ffc80a; }\r\n  .bk-paywall .dialog-header[data-method=\"RedotPay\"]{ background: #D6001C; }\r\n\r\n  .bk-paywall .dialog-header[data-method=\"InstaPay\"] .dialog-title,\r\n  .bk-paywall .dialog-header[data-method=\"Vodafone Cash\"] .dialog-title,\r\n  .bk-paywall .dialog-header[data-method=\"Etisalat Cash\"] .dialog-title,\r\n  .bk-paywall .dialog-header[data-method=\"RedotPay\"] .dialog-title { color: #fff; }\r\n\r\n  .bk-paywall .dialog-header[data-method=\"Binance Pay\"] .dialog-title,\r\n  .bk-paywall .dialog-header[data-method=\"Fawry\"] .dialog-title { color: #1f2d37; }\r\n\r\n\r\n  .bk-paywall .dialog-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px;\r\n    background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end)); color:#fff }\r\n  .bk-paywall .dialog-title{ font-size:20px; font-weight:800 }\r\n  .bk-paywall .dialog-close{ background: var(--accent); border:none; color:#fff; cursor:pointer; font-weight:900;\r\n    width:36px; height:36px; border-radius:100%; display:grid; place-items:center; transition: background .2s ease}\r\n  .bk-paywall .dialog-close:hover{ background: var(--line) }\r\n  \r\n  \/* New Styles for close button X color *\/\r\n  .bk-paywall .dialog-header[data-method=\"InstaPay\"] .dialog-close{ color: #8A2BE2; }\r\n  .bk-paywall .dialog-header[data-method=\"Vodafone Cash\"] .dialog-close{ color: #E50914; }\r\n  .bk-paywall .dialog-header[data-method=\"Etisalat Cash\"] .dialog-close{ color: #00A650; }\r\n  .bk-paywall .dialog-header[data-method=\"RedotPay\"] .dialog-close { color: #D6001C; }\r\n  .bk-paywall .dialog-header[data-method=\"Binance Pay\"] .dialog-close,\r\n  .bk-paywall .dialog-header[data-method=\"Fawry\"] .dialog-close { color: #1f2d37; }\r\n  \r\n  .bk-paywall .dialog-close {\r\n    width: 44px;\r\n    height: 44px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .bk-paywall .dialog-body{ padding:20px; display:flex; gap:20px }\r\n  @media (max-width:560px){ .bk-paywall .dialog-body{ flex-direction:column } }\r\n\r\n  .bk-paywall .dialog-details{ flex:1 }\r\n  .bk-paywall .row{ display:flex; flex-direction:column; margin-bottom:12px; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:10px 14px }\r\n  .bk-paywall .row-label{ color:var(--muted); font-weight:600; font-size:13px; margin-bottom:2px }\r\n  .bk-paywall .row-value-wrapper{ display:flex; align-items:center; justify-content:space-between; gap:10px }\r\n  .bk-paywall .row-value{ flex:1; word-break:break-word; font-weight:700; font-size:16px }\r\n  .bk-paywall .copy-btn{ border:none; background:var(--line); color:var(--muted); cursor:pointer; border-radius:8px; padding:6px 8px; display:flex; align-items:center; gap:4px; font-size:12px; transition: background .2s ease, color .2s ease }\r\n  .bk-paywall .copy-btn:hover{ background:var(--brand); color:#fff }\r\n  .bk-paywall .copy-btn.copied{ background:var(--ok); color:#fff }\r\n\r\n  .bk-paywall .dialog-qr{ flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2px 8px; background:var(--bg); border-radius:14px; border:1px solid var(--line) }\r\n  .bk-paywall .dialog-qr img{ width:180px; height:180px; display:block; border-radius:8px }\r\n\r\n  \/* Dotted border on hover *\/\r\n  .bk-paywall .method:not(.disabled):hover{ border-style: dashed; }\r\n  .bk-paywall .method[data-name=\"InstaPay\"]:not(.disabled):hover { border-color: #8A2BE2; }\r\n  .bk-paywall .method[data-name=\"Vodafone Cash\"]:not(.disabled):hover { border-color: #E50914; }\r\n  .bk-paywall .method[data-name=\"Etisalat Cash\"]:not(.disabled):hover { border-color: #00A650; }\r\n  .bk-paywall .method[data-name=\"Binance Pay\"]:not(.disabled):hover { border-color: #FCDA14; }\r\n  .bk-paywall .method[data-name=\"Fawry\"]:not(.disabled):hover { border-color: #ffc80a; }\r\n  .bk-paywall .method[data-name=\"RedotPay\"]:not(.disabled):hover { border-color: #D6001C; }\r\n\r\n  \/* --- NEW TOOLTIP STYLES --- *\/\r\n  .bk-paywall .copy-tooltip {\r\n    position: absolute;\r\n    background: #111827;\r\n    color: #fff;\r\n    padding: 6px 12px;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    opacity: 0;\r\n    transform: translate(-50%, calc(-100% + 10px)); \/* Initial state for animation *\/\r\n    transition: opacity .2s ease, transform .2s ease;\r\n    white-space: nowrap;\r\n    z-index: 100002;\r\n    pointer-events: none; \/* So it doesn't interfere with mouse events *\/\r\n  }\r\n  .bk-paywall .copy-tooltip.show {\r\n    opacity: 1;\r\n    transform: translate(-50%, -100%); \/* Final state *\/\r\n  }\r\n  .bk-paywall .copy-tooltip::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: #111827 transparent transparent transparent;\r\n  }\r\n  \/* --- END TOOLTIP STYLES --- *\/\r\n\r\n  \/* Toast *\/\r\n  .bk-paywall #toast{ position:fixed; top:20px; left:50%; width:fit-content; max-width:90vw; background:#111827; color:#fff;\r\n    padding:12px 18px; border-radius:14px; box-shadow:0 10px 26px rgba(0,0,0,.25); opacity:0; transform:translate(-50%,-10px);\r\n    transition:all .3s ease; z-index:100001; display:flex; align-items:center; gap:8px }\r\n  .bk-paywall #toast.show{ opacity:1; transform:translate(-50%,0) }\r\n  .bk-paywall #toast.ok{ background:var(--ok) }\r\n  .bk-paywall #toast.err{ background:var(--err) }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width:768px){\r\n    .bk-paywall .methods{ grid-template-columns: repeat(2,1fr); gap:16px }\r\n  }\r\n  @media (max-width:600px){\r\n    .bk-paywall .paywall{ margin-top:16px; margin-bottom:40px }\r\n    .bk-paywall .header-container{ flex-direction:column; gap:16px; margin-bottom:20px }\r\n    .bk-paywall .pay-header{ padding:16px }\r\n    .bk-paywall .pay-title{ font-size:22px }\r\n    .bk-paywall .store-title{ font-size:20px }\r\n    .bk-paywall .verification-badge{ width:20px; height:20px }\r\n    .bk-paywall .notice-box{ padding:12px 16px; gap:12px; text-align: center; }\r\n    .bk-paywall .notice-icon{ font-size:20px }\r\n    .bk-paywall .notice-main{ font-size:14px }\r\n    .bk-paywall .notice-footer{ font-size:12px }\r\n    .bk-paywall .methods-title { font-size: 20px; }\r\n    .bk-paywall .methods-subtitle { font-size: 14px; }\r\n    .bk-paywall .dialog{ max-height:90vh; overflow-y:auto }\r\n    .bk-paywall .dialog-header{ padding:12px 16px }\r\n    .bk-paywall .dialog-close{ width:44px; height:44px; font-size:24px }\r\n    .bk-paywall .dialog-body{ padding:16px; gap:16px }\r\n    .bk-paywall .dialog-title{ font-size:18px }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bk-paywall\">\r\n  <div class=\"paywall\">\r\n    <div class=\"header-container\">\r\n      <div class=\"pay-header\">\r\n        <div style=\"font-size:32px; text-align:center; line-height:1;\">\ud83d\udcb3<\/div>\r\n        <h2 class=\"pay-title\">\u0637\u0631\u0642 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/h2>\r\n        <div class=\"store-title\">\r\n          <span>\u0628\u0645\u062a\u062c\u0631 <strong>BakryKeys<\/strong><\/span>\r\n          <svg class=\"verification-badge\" viewbox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.03 15.42l-4.5-4.5 1.41-1.41 3.09 3.08 7.09-7.08 1.41 1.41-8.5 8.5z\"><\/path><\/svg>\r\n        <\/div>\r\n        <p class=\"secure-payment-note\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\r\n          <span>\u062f\u0641\u0639 \u0622\u0645\u0646 \u0648\u0645\u0648\u062b\u0648\u0642<\/span>\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"notice-box\">\r\n      <div class=\"notice-icon\">\u26d4<\/div>\r\n      <div class=\"notice-content\">\r\n        <p class=\"notice-main\">\u064a\u0631\u062c\u0649 \u0627\u0644\u0639\u0644\u0645 \u0628\u0623\u0646 bakrykeys \u063a\u064a\u0631 \u0645\u0633\u0626\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062e\u0627\u0637\u0626.<\/p>\r\n        <p class=\"notice-footer\">\u062a\u0642\u0628\u0644\u0648\u0627 \u062a\u062d\u064a\u0627\u062a\u0646\u0627\u060c \u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0642\u0639 bakrykeys.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"methods-header\">\r\n      <h3 class=\"methods-title\">\u0627\u062e\u062a\u0631 \u0648\u0633\u064a\u0644\u0629 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0644\u0643<\/h3>\r\n      <p class=\"methods-subtitle\">\u0648\u0627\u062a\u0628\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0644\u0625\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062f\u0641\u0639 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"methods\" id=\"paymentMethods\">\r\n      <!-- \u0625\u0646\u0633\u062a\u0627 \u0628\u0627\u064a -->\r\n      <div class=\"method\" data-name=\"InstaPay\" data-account=\"01101100789\" data-holder=\"Mohamed Bakry\" data-note=\"\u0627\u062f\u0641\u0639 \u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062f\u0641\u0639 \u0639\u0628\u0631 \u062a\u0637\u0628\u064a\u0642 InstaPay\" data-qr=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/\u0644\u0642\u0637\u0629-\u0634\u0627\u0634\u0629-2025-09-10-230128.png\" data-action-link=\"https:\/\/ipn.eg\/S\/mbakry\/instapay\/00ZhMF\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2024\/12\/Instapay.webp\" alt=\"InstaPay\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">\u0625\u0646\u0633\u062a\u0627 \u0628\u0627\u064a<\/div>\r\n          <div class=\"method-note\">\u062a\u062d\u0648\u064a\u0644 \u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062f\u0641\u0639<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- \u0641\u0648\u062f\u0627\u0641\u0648\u0646 \u0643\u0627\u0634 -->\r\n      <div class=\"method\" data-name=\"Vodafone Cash\" data-account=\"01020302395\" data-holder=\"Mohamed Bakry\" data-note=\"\u0627\u0636\u063a\u0637 '\u0646\u0633\u062e' \u0644\u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645 \u0648\u0641\u062a\u062d \u0627\u0644\u062a\u0637\u0628\u064a\u0642\" data-qr=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/5175a8b4-226b-4d8b-8543-5addcb59046e.jpg\" data-action-link=\"http:\/\/vf.eg\/vfcash?id=mt&amp;qrId=lb4Mfj\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/21478234.jpg\" alt=\"Vodafone Cash\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">\u0641\u0648\u062f\u0627\u0641\u0648\u0646 \u0643\u0627\u0634<\/div>\r\n          <div class=\"method-note\">\u062a\u062d\u0648\u064a\u0644 \u0644\u0645\u062d\u0641\u0638\u0629 \u0641\u0648\u062f\u0627\u0641\u0648\u0646<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0643\u0627\u0634 -->\r\n      <div class=\"method\" data-name=\"Etisalat Cash\" data-account=\"01101100789\" data-holder=\"Mohamed Bakry\" data-note=\"\u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u0631\u0633\u0644 \u0625\u064a\u0635\u0627\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628 \u0628\u0639\u062f \u0627\u0644\u062f\u0641\u0639\" data-qr=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/85237c6b-9e71-496e-aa96-482949ad8bd4.jpg\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/unnamed.png\" alt=\"Etisalat Cash\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0643\u0627\u0634<\/div>\r\n          <div class=\"method-note\">\u062a\u062d\u0648\u064a\u0644 \u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Binance Pay -->\r\n      <div class=\"method\" data-name=\"Binance Pay\" data-account=\"442734962\" data-holder=\"bakry20\" data-note=\"\u064a\u0631\u062c\u0649 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0628\u0645\u0627 \u064a\u0639\u0627\u062f\u0644 \u0627\u0644\u062c\u0646\u064a\u0647 \u0627\u0644\u0645\u0635\u0631\u064a \u0628\u0633\u0639\u0631 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u062d\u0627\u0644\u064a\" data-qr=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/4a3a8b2a-dc1b-4824-a13c-14af36722e17.jpg\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/01\/2731880949.thumbnail.png\" alt=\"Binance Pay\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">Binance Pay<\/div>\r\n          <div class=\"method-note\">\u062a\u062d\u0648\u064a\u0644 \u0641\u0648\u0631\u064a (Pay ID)<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Fawry -->\r\n      <div class=\"method\" data-name=\"Fawry\" data-account=\"01101100789\" data-holder=\"mohamed bakry\" data-note=\"\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0635\u0641\u0631 \u0623\u0648 \u0645\u0646 \u062d\u0633\u0627\u0628\u0643 \u0639\u0644\u0649 \u062a\u0637\u0628\u064a\u0642 myFawry.\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/%D9%81%D9%88%D8%B1%D9%8A.png\" alt=\"Fawry\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">\u0641\u0648\u0631\u064a<\/div>\r\n          <div class=\"method-note\">\u0627\u0644\u062f\u0641\u0639 \u0639\u0628\u0631 myFawry<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- RedotPay -->\r\n      <div class=\"method\" data-name=\"RedotPay\" data-account=\"1160115242\" data-holder=\"mohamed bakry\" data-note=\"\u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0641\u0648\u0631\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u0631\u0641 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (User ID)\">\r\n        <div class=\"method-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/bakrykeys.com\/wp-content\/uploads\/2025\/09\/redotpay.png\" alt=\"RedotPay\" title=\"\">\r\n        <\/div>\r\n        <div class=\"method-body\">\r\n          <div class=\"method-title\">RedotPay<\/div>\r\n          <div class=\"method-note\">\u062a\u062d\u0648\u064a\u0644 \u0639\u0628\u0631 User ID<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal -->\r\n  <div class=\"modal\" id=\"payModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n    <div class=\"dialog\" role=\"document\">\r\n      <div class=\"dialog-header\" id=\"dialogHeader\">\r\n        <div class=\"dialog-title\" id=\"dialogTitle\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644<\/div>\r\n        <button class=\"dialog-close\" id=\"dialogClose\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\u00d7<\/button>\r\n      <\/div>\r\n      <div class=\"dialog-body\">\r\n        <div class=\"dialog-details\">\r\n          <div class=\"row\">\r\n            <div class=\"row-label\">\u0627\u0644\u0637\u0631\u064a\u0642\u0629<\/div>\r\n            <div class=\"row-value\" id=\"pmName\">\u2014<\/div>\r\n          <\/div>\r\n          <div class=\"row\">\r\n            <div class=\"row-label\" id=\"pmAccountLabel\">\u0627\u0644\u0631\u0642\u0645\/\u0627\u0644\u062d\u0633\u0627\u0628<\/div>\r\n            <div class=\"row-value-wrapper\">\r\n              <div class=\"row-value\" id=\"pmAccount\">\u2014<\/div>\r\n              <button class=\"copy-btn\" id=\"copyAccount\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n                <span>\u0646\u0633\u062e<\/span>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"row\">\r\n            <div class=\"row-label\" id=\"pmHolderLabel\">\u0627\u0644\u0627\u0633\u0645<\/div>\r\n            <div class=\"row-value\" id=\"pmHolder\">\u2014<\/div>\r\n          <\/div>\r\n          <div class=\"row\">\r\n            <div class=\"row-label\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/div>\r\n            <div class=\"row-value\" id=\"pmNote\">\u2014<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dialog-qr\">\r\n          <img id=\"pmQRImg\" alt=\"QR Code for payment\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"toast\" class=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const root = document.querySelector('.bk-paywall');\r\n  if (!root) {\r\n    console.error('Paywall root element .bk-paywall not found.');\r\n    return;\r\n  }\r\n  \r\n  const $  = (sel, r = root) => r.querySelector(sel);\r\n  const $$ = (sel, r = root) => Array.from(r.querySelectorAll(sel));\r\n\r\n  const modal = $('#payModal');\r\n  const dialogHeader = $('#dialogHeader');\r\n  const dialogClose = $('#dialogClose');\r\n\r\n  if (!modal || !dialogClose) {\r\n      console.error('One or more essential elements are missing from the page.');\r\n      return;\r\n  }\r\n\r\n  modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n  dialogClose.addEventListener('click', closeModal);\r\n  document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModal(); });\r\n\r\n  $$('#paymentMethods .method').forEach(card => {\r\n    card.addEventListener('click', () => {\r\n        openModalWithData(card.dataset);\r\n    });\r\n  });\r\n\r\n  function toastMsg(msg, type = 'ok') {\r\n    const toast = $('#toast');\r\n    if (!toast) return;\r\n    const icon = type === 'ok'\r\n      ? `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><polyline points=\"22 4 12 14.01 9 11.01\">`\r\n      : `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\">`;\r\n    toast.innerHTML = `<span class=\"toast-icon\">${icon} ${msg}`;\r\n    toast.className = `toast show ${type}`;\r\n    setTimeout(() => { toast.className = 'toast'; }, 2200);\r\n  }\r\n\r\n  function openModal(){ modal.style.display='flex'; setTimeout(()=> modal.setAttribute('aria-hidden','false'),10) }\r\n  function closeModal(){ modal.setAttribute('aria-hidden','true'); setTimeout(()=>{ modal.style.display='none' },200) }\r\n\r\n  function openModalWithData(data){\r\n    const { name, account, holder, note, qr, actionLink } = data;\r\n    $('#dialogTitle').textContent = `\u0627\u0644\u062f\u0641\u0639 \u0639\u0628\u0631 ${name}`;\r\n    $('#pmName').textContent = name || '\u2014';\r\n    $('#pmAccount').textContent = account || '\u2014';\r\n    $('#pmHolder').textContent = holder || '\u2014';\r\n    $('#pmNote').textContent = note || '\u2014';\r\n\r\n    \/\/ Update modal header color based on payment method\r\n    dialogHeader.setAttribute('data-method', name);\r\n    \r\n    if (name === 'Binance Pay' || name === 'RedotPay') {\r\n        $('#pmAccountLabel').textContent = name === 'Binance Pay' ? 'Pay ID' : 'User ID';\r\n        $('#pmHolderLabel').textContent  = 'Username';\r\n    } else {\r\n        $('#pmAccountLabel').textContent = '\u0627\u0644\u0631\u0642\u0645\/\u0627\u0644\u062d\u0633\u0627\u0628';\r\n        $('#pmHolderLabel').textContent  = '\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0644\u0645';\r\n    }\r\n\r\n    const qrImg = $('#pmQRImg');\r\n    const qrWrapper = $('.dialog-qr');\r\n    if (qr && qr.trim() !== '') { \r\n      qrImg.src = qr; \r\n      qrWrapper.style.display='flex' \r\n    } else { \r\n      qrWrapper.style.display='none' \r\n    }\r\n\r\n    const accountButton = $('#copyAccount');\r\n    const newAccountButton = accountButton.cloneNode(true);\r\n    accountButton.parentNode.replaceChild(newAccountButton, accountButton);\r\n\r\n    if (actionLink && actionLink.trim() !== ''){\r\n      newAccountButton.onclick = () => {\r\n        copyText(account, '\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645', newAccountButton);\r\n        window.open(actionLink, '_blank');\r\n      }\r\n    } else {\r\n      newAccountButton.onclick = () => copyText(account, '\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645', newAccountButton);\r\n    }\r\n\r\n    openModal();\r\n  }\r\n\r\n  function showCopyTooltip(buttonEl) {\r\n    \/\/ Remove any existing tooltip to prevent duplicates\r\n    const existingTooltip = $('.copy-tooltip');\r\n    if (existingTooltip) { existingTooltip.remove(); }\r\n\r\n    const tooltip = document.createElement('div');\r\n    tooltip.className = 'copy-tooltip';\r\n    tooltip.textContent = '\u0646\u0633\u062e';\r\n    root.appendChild(tooltip); \/\/ root is .bk-paywall\r\n\r\n    const rect = buttonEl.getBoundingClientRect();\r\n    const containerRect = root.getBoundingClientRect();\r\n    \r\n    \/\/ Position the tooltip to be horizontally centered relative to the button\r\n    const left = rect.left - containerRect.left + (rect.width \/ 2);\r\n    \/\/ Position the tooltip to be vertically just above the button with a small margin\r\n    const top = rect.top - containerRect.top - 8; \/\/ 8px margin\r\n\r\n    tooltip.style.left = `${left}px`;\r\n    tooltip.style.top = `${top}px`;\r\n    \r\n    \/\/ Use a small timeout to allow the browser to apply initial styles before transitioning\r\n    setTimeout(() => {\r\n        tooltip.classList.add('show');\r\n    }, 10);\r\n\r\n    \/\/ Hide and remove after a delay\r\n    setTimeout(() => {\r\n        tooltip.classList.remove('show');\r\n        \/\/ Remove from DOM after transition ends for a clean exit\r\n        tooltip.addEventListener('transitionend', () => tooltip.remove());\r\n    }, 1500);\r\n  }\r\n\r\n  function copyText(text, okMsg, buttonEl){\r\n    if (!text) return;\r\n    navigator.clipboard?.writeText(text).then(()=>{\r\n      showCopyTooltip(buttonEl);\r\n      if (buttonEl){ const original = buttonEl.innerHTML; buttonEl.innerHTML = `\u2713 \u062a\u0645`; buttonEl.classList.add('copied'); setTimeout(()=>{ buttonEl.innerHTML = original; buttonEl.classList.remove('copied') },1500) }\r\n    }).catch(()=>{\r\n      \/\/ fallback\r\n      const ta = document.createElement('textarea'); ta.value = text; ta.style.position='fixed'; ta.style.opacity='0';\r\n      document.body.appendChild(ta); ta.select();\r\n      try { \r\n        document.execCommand('copy'); \r\n        showCopyTooltip(buttonEl);\r\n      }\r\n      catch { toastMsg('\u0641\u0634\u0644 \u0627\u0644\u0646\u0633\u062e\u060c \u062d\u0627\u0648\u0644 \u064a\u062f\u0648\u064a\u0627\u064b', 'err') }\r\n      document.body.removeChild(ta);\r\n    });\r\n  }\r\n\r\n  \/\/ --- NEW CODE TO DISABLE A METHOD ---\r\n  function disablePaymentMethod(methodName) {\r\n      \/\/ Find the payment method card by its data-name attribute\r\n      const methodToDisable = $(`.method[data-name=\"${methodName}\"]`);\r\n      if (methodToDisable) {\r\n          \/\/ Add the 'disabled' class to apply the styles\r\n          methodToDisable.classList.add('disabled');\r\n      } else {\r\n          console.warn(`Payment method \"${methodName}\" not found. Could not disable it.`);\r\n      }\r\n  }\r\n  \r\n  \/\/ --- \u0623\u0645\u062b\u0644\u0629 \u0644\u062a\u0639\u0637\u064a\u0644 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062f\u0641\u0639 ---\r\n  \/\/ \u0644\u0625\u0644\u063a\u0627\u0621 \u062a\u0639\u0637\u064a\u0644 \u0648\u0633\u064a\u0644\u0629\u060c \u0623\u0636\u0641 \/\/ \u0641\u064a \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0647\u0627\r\n  \/\/ \u0644\u062a\u0639\u0637\u064a\u0644 \u0648\u0633\u064a\u0644\u0629 \u062c\u062f\u064a\u062f\u0629\u060c \u0642\u0645 \u0628\u0625\u0632\u0627\u0644\u0629 \/\/ \u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0637\u0631\r\n  \/\/ \u062a\u0623\u0643\u062f \u0645\u0646 \u0646\u0633\u062e \u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0636\u0628\u0637 \u0643\u0645\u0627 \u0647\u0648 \u0645\u0643\u062a\u0648\u0628 \u0641\u064a \u0627\u0644\u0623\u0645\u062b\u0644\u0629\r\n\r\n  \/\/ disablePaymentMethod('InstaPay');\r\n  \/\/disablePaymentMethod('Vodafone Cash'); \/\/ \u0645\u0639\u0637\u0644 \u062d\u0627\u0644\u064a\u0627\u064b \u0643\u0645\u062b\u0627\u0644\r\n  \/\/ disablePaymentMethod('Etisalat Cash');\r\n  \/\/ disablePaymentMethod('Binance Pay');\r\n  disablePaymentMethod('Fawry'); \/\/ \u0645\u0639\u0637\u0644 \u0627\u0644\u0622\u0646\r\n  \/\/ disablePaymentMethod('RedotPay');\r\n});\r\n<\/script>\r\n\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcb3 \u0637\u0631\u0642 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0628\u0645\u062a\u062c\u0631 BakryKeys \u062f\u0641\u0639 \u0622\u0645\u0646 \u0648\u0645\u0648\u062b\u0648\u0642 \u26d4 \u064a\u0631\u062c\u0649 \u0627\u0644\u0639\u0644\u0645 \u0628\u0623\u0646 bakrykeys \u063a\u064a\u0631 \u0645\u0633\u0626\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062e\u0627\u0637\u0626. \u062a\u0642\u0628\u0644\u0648\u0627<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14942","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/pages\/14942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/comments?post=14942"}],"version-history":[{"count":314,"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/pages\/14942\/revisions"}],"predecessor-version":[{"id":15983,"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/pages\/14942\/revisions\/15983"}],"wp:attachment":[{"href":"https:\/\/bakrykeys.com\/en\/wp-json\/wp\/v2\/media?parent=14942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}