{"product_id":"flash-tibyan","title":"Flash Tibyan","description":"\u003c!-- صفحة هبوط فلاشة تبيان - مع Facebook Pixel و Google Sheet --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700\u0026amp;family=Almarai:wght@400;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003c!-- Meta \/ Facebook Pixel --\u003e\n\u003cscript\u003e\n  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;\n  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n\n  fbq('init', '1765734121061325');\n  fbq('track', 'PageView');\n  fbq('track', 'ViewContent', {\n    content_name: 'فلاشة تبيان',\n    content_category: 'Quran USB',\n    content_type: 'product',\n    currency: 'DZD'\n  });\n\u003c\/script\u003e\n\n\u003cnoscript\u003e\n  \u003cimg height=\"1\" width=\"1\" style=\"display:none\" alt=\"\" src=\"https:\/\/www.facebook.com\/tr?id=1765734121061325\u0026amp;ev=PageView\u0026amp;noscript=1\"\u003e\n\u003c\/noscript\u003e\n\n\u003cstyle\u003e\n  :root {\n    --tb-bg: #07111f;\n    --tb-card: rgba(15, 23, 42, 0.86);\n    --tb-card2: rgba(2, 6, 23, 0.82);\n    --tb-gold: #d4af37;\n    --tb-gold2: #f7d774;\n    --tb-gold3: #9f741b;\n    --tb-text: #ffffff;\n    --tb-muted: #cbd5e1;\n    --tb-green: #22c55e;\n    --tb-red: #ef4444;\n    --tb-border: rgba(247, 215, 116, 0.28);\n    --tb-shadow: 0 24px 80px rgba(0,0,0,.45);\n    --tb-font: 'Almarai', Tahoma, Arial, sans-serif;\n    --tb-title: 'Amiri', Georgia, serif;\n  }\n\n  * { box-sizing: border-box; }\n\n  .tibyan-page {\n    direction: rtl;\n    font-family: var(--tb-font);\n    color: var(--tb-text);\n    overflow: hidden;\n    min-height: 100vh;\n    padding: 28px 14px 42px;\n    background:\n      radial-gradient(circle at 20% 10%, rgba(212,175,55,.18), transparent 28%),\n      radial-gradient(circle at 80% 25%, rgba(34,197,94,.10), transparent 25%),\n      linear-gradient(135deg, rgba(2,6,23,.96), rgba(15,23,42,.92)),\n      url('https:\/\/cdn.shopify.com\/s\/files\/1\/0764\/0239\/3245\/files\/gemini-3-pro-image-preview-2k_nano-banana-pro__a_430x.png?v=1779461964');\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n  }\n\n  .tb-wrap {\n    width: min(1120px, 100%);\n    margin: 0 auto;\n  }\n\n  .tb-panel {\n    background: linear-gradient(180deg, var(--tb-card), var(--tb-card2));\n    border: 1px solid var(--tb-border);\n    border-radius: 28px;\n    box-shadow: var(--tb-shadow);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n  }\n\n  .tb-hero {\n    display: grid;\n    grid-template-columns: 1.04fr .96fr;\n    gap: 26px;\n    align-items: stretch;\n    margin-bottom: 24px;\n  }\n\n  .tb-copy {\n    padding: clamp(22px, 4vw, 42px);\n  }\n\n  .tb-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #111827;\n    background: linear-gradient(135deg, #fef3c7, var(--tb-gold));\n    font-weight: 900;\n    border-radius: 999px;\n    padding: 8px 16px;\n    font-size: 13px;\n    box-shadow: 0 10px 30px rgba(212,175,55,.22);\n  }\n\n  .tb-copy h1 {\n    font-family: var(--tb-title);\n    font-size: clamp(42px, 7vw, 76px);\n    line-height: 1.05;\n    margin: 18px 0 12px;\n    color: var(--tb-gold2);\n    text-shadow: 0 8px 28px rgba(0,0,0,.45);\n  }\n\n  .tb-lead {\n    margin: 0 0 20px;\n    color: #f8fafc;\n    font-size: clamp(17px, 2vw, 22px);\n    line-height: 1.85;\n    max-width: 650px;\n  }\n\n  .tb-points {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n    margin: 22px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .tb-points li {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: #e2e8f0;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 16px;\n    padding: 12px;\n    line-height: 1.5;\n    font-weight: 700;\n  }\n\n  .tb-check {\n    display: inline-grid;\n    place-items: center;\n    flex: 0 0 24px;\n    width: 24px;\n    height: 24px;\n    border-radius: 999px;\n    color: #052e16;\n    background: var(--tb-green);\n    font-weight: 900;\n  }\n\n  .tb-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 18px;\n  }\n\n  .tb-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    border: 0;\n    border-radius: 999px;\n    padding: 15px 24px;\n    cursor: pointer;\n    font-family: var(--tb-font);\n    font-weight: 900;\n    text-decoration: none;\n    transition: .2s ease;\n  }\n\n  .tb-btn:hover { transform: translateY(-2px); }\n\n  .tb-btn-primary {\n    color: #111827;\n    background: linear-gradient(135deg, #fff7cc, var(--tb-gold), var(--tb-gold3));\n    box-shadow: 0 18px 38px rgba(212,175,55,.26);\n  }\n\n  .tb-btn-secondary {\n    color: var(--tb-gold2);\n    background: rgba(255,255,255,.07);\n    border: 1px solid var(--tb-border);\n  }\n\n  .tb-visual {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .tb-cover {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n    border-radius: 24px;\n    border: 2px solid var(--tb-gold);\n    box-shadow: 0 18px 55px rgba(0,0,0,.55);\n  }\n\n  .tb-trust {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .tb-trust div {\n    text-align: center;\n    background: rgba(255,255,255,.07);\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 18px;\n    padding: 12px 8px;\n    font-size: 13px;\n    color: var(--tb-muted);\n    line-height: 1.45;\n  }\n\n  .tb-trust strong {\n    display: block;\n    color: var(--tb-gold2);\n    font-size: 18px;\n    margin-bottom: 2px;\n  }\n\n  .tb-section {\n    margin-top: 22px;\n    padding: clamp(18px, 3vw, 30px);\n  }\n\n  .tb-title {\n    text-align: center;\n    margin: 0 0 20px;\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 900;\n    color: var(--tb-gold2);\n  }\n\n  .tb-subtitle {\n    text-align: center;\n    margin: -10px auto 24px;\n    color: var(--tb-muted);\n    line-height: 1.8;\n    max-width: 760px;\n  }\n\n  .tb-benefits {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .tb-benefit {\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 20px;\n    padding: 18px;\n    text-align: center;\n    line-height: 1.7;\n    color: #e2e8f0;\n  }\n\n  .tb-benefit span {\n    display: grid;\n    place-items: center;\n    width: 46px;\n    height: 46px;\n    margin: 0 auto 10px;\n    border-radius: 50%;\n    background: rgba(212,175,55,.16);\n    color: var(--tb-gold2);\n    font-size: 23px;\n  }\n\n  .tb-benefit strong {\n    display: block;\n    color: #fff;\n    margin-bottom: 4px;\n  }\n\n  .tb-order-grid {\n    display: grid;\n    grid-template-columns: .92fr 1.08fr;\n    gap: 18px;\n    align-items: start;\n  }\n\n  .tb-offers {\n    display: grid;\n    gap: 12px;\n  }\n\n  .tb-offer {\n    position: relative;\n    width: 100%;\n    text-align: right;\n    font-family: var(--tb-font);\n    color: var(--tb-text);\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 18px;\n    padding: 16px;\n    cursor: pointer;\n    transition: .22s ease;\n  }\n\n  .tb-offer:hover,\n  .tb-offer.is-selected {\n    border-color: var(--tb-gold2);\n    background: rgba(212,175,55,.14);\n    box-shadow: 0 0 0 4px rgba(212,175,55,.08);\n  }\n\n  .tb-offer-head {\n    display: flex;\n    justify-content: space-between;\n    gap: 14px;\n    align-items: center;\n  }\n\n  .tb-offer-title {\n    font-weight: 900;\n    font-size: 17px;\n  }\n\n  .tb-offer-note {\n    display: block;\n    color: var(--tb-muted);\n    font-size: 13px;\n    margin-top: 6px;\n    line-height: 1.5;\n  }\n\n  .tb-price {\n    color: var(--tb-gold2);\n    font-size: 23px;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  .tb-popular {\n    position: absolute;\n    top: -12px;\n    left: 18px;\n    background: linear-gradient(135deg, #fef08a, var(--tb-gold));\n    color: #111827;\n    border-radius: 999px;\n    padding: 5px 12px;\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .tb-form {\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 22px;\n    padding: 18px;\n  }\n\n  .tb-fields {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .tb-field label {\n    display: block;\n    color: var(--tb-gold2);\n    margin: 0 0 7px;\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  .tb-field input,\n  .tb-field select {\n    width: 100%;\n    height: 52px;\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 14px;\n    padding: 0 14px;\n    outline: none;\n    color: #0f172a;\n    background: rgba(255,255,255,.96);\n    font-family: var(--tb-font);\n    font-size: 16px;\n  }\n\n  .tb-field input:focus,\n  .tb-field select:focus {\n    border-color: var(--tb-gold);\n    box-shadow: 0 0 0 4px rgba(212,175,55,.22);\n  }\n\n  .tb-field small {\n    display: block;\n    min-height: 18px;\n    margin-top: 5px;\n    color: #fecaca;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .tb-summary {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    align-items: center;\n    margin: 14px 0;\n    padding: 13px 15px;\n    border-radius: 16px;\n    background: rgba(0,0,0,.28);\n    border: 1px solid rgba(255,255,255,.10);\n    color: #e2e8f0;\n    line-height: 1.6;\n  }\n\n  .tb-summary strong { color: var(--tb-gold2); }\n\n  .tb-submit {\n    width: 100%;\n    min-height: 62px;\n    font-size: 21px;\n    margin-top: 4px;\n  }\n\n  .tb-submit[disabled] {\n    cursor: not-allowed;\n    opacity: .72;\n    transform: none;\n  }\n\n  .tb-message {\n    display: none;\n    margin-top: 12px;\n    border-radius: 14px;\n    padding: 12px 14px;\n    font-weight: 800;\n    line-height: 1.6;\n  }\n\n  .tb-message.is-error {\n    display: block;\n    color: #fee2e2;\n    background: rgba(239,68,68,.16);\n    border: 1px solid rgba(239,68,68,.32);\n  }\n\n  .tb-message.is-success {\n    display: block;\n    color: #dcfce7;\n    background: rgba(34,197,94,.16);\n    border: 1px solid rgba(34,197,94,.32);\n  }\n\n  .tb-reciter-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .tb-reciter {\n    display: grid;\n    grid-template-columns: 64px minmax(0, 1fr);\n    gap: 12px;\n    align-items: center;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(212,175,55,.17);\n    border-radius: 20px;\n    padding: 12px;\n    min-width: 0;\n  }\n\n  .tb-reciter img {\n    width: 64px;\n    height: 64px;\n    object-fit: cover;\n    border-radius: 50%;\n    border: 2px solid var(--tb-gold);\n    background: rgba(255,255,255,.08);\n  }\n\n  .tb-reciter h3 {\n    margin: 0 0 8px;\n    color: var(--tb-gold2);\n    font-size: 15px;\n    line-height: 1.45;\n  }\n\n  .tb-reciter audio {\n    width: 100%;\n    height: 32px;\n    display: block;\n  }\n\n  .tb-final {\n    text-align: center;\n    line-height: 1.9;\n    color: #f8fafc;\n  }\n\n  .tb-final p {\n    margin: 0 auto 18px;\n    max-width: 780px;\n    font-size: 18px;\n  }\n\n  .tb-quote {\n    display: inline-block;\n    color: var(--tb-gold2);\n    font-family: var(--tb-title);\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 700;\n  }\n\n  @media (max-width: 920px) {\n    .tb-hero,\n    .tb-order-grid { grid-template-columns: 1fr; }\n\n    .tb-reciter-grid { grid-template-columns: repeat(2, 1fr); }\n\n    .tb-benefits { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 620px) {\n    .tibyan-page {\n      padding: 12px 10px 26px;\n      background-attachment: scroll;\n    }\n\n    .tb-panel,\n    .tb-section { border-radius: 22px; }\n\n    .tb-points,\n    .tb-fields,\n    .tb-reciter-grid,\n    .tb-benefits { grid-template-columns: 1fr; }\n\n    .tb-trust { grid-template-columns: 1fr; }\n\n    .tb-actions .tb-btn { width: 100%; }\n\n    .tb-offer-head,\n    .tb-summary {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .tb-submit { font-size: 18px; }\n  }\n\u003c\/style\u003e\n\n\u003cmain class=\"tibyan-page\" id=\"tibyanLanding\"\u003e\n  \u003cdiv class=\"tb-wrap\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003csection class=\"tb-hero\" aria-label=\"عرض فلاشة تبيان\"\u003e\n      \u003cdiv class=\"tb-panel tb-copy\"\u003e\n        \u003cspan class=\"tb-badge\"\u003e⭐ اختيار مميز لمحبي القرآن الكريم\u003c\/span\u003e\n        \u003ch1\u003eفلاشة تبيان\u003c\/h1\u003e\n        \u003cp class=\"tb-lead\"\u003e\n          استمع إلى القرآن الكريم في البيت، السيارة، أو أثناء العمل بصوت نخبة من أشهر القراء،\n          في فلاشة عملية وسهلة الاستعمال.\n        \u003c\/p\u003e\n\n        \u003cul class=\"tb-points\"\u003e\n          \u003cli\u003e\n\u003cspan class=\"tb-check\"\u003e✓\u003c\/span\u003eتشغيل مباشر وسهل\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"tb-check\"\u003e✓\u003c\/span\u003eمناسبة للسيارة والمنزل\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"tb-check\"\u003e✓\u003c\/span\u003eهدية راقية للوالدين\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"tb-check\"\u003e✓\u003c\/span\u003eعدة قراء وتلاوات مختارة\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"tb-actions\"\u003e\n          \u003ca class=\"tb-btn tb-btn-primary\" href=\"#tibyanOrder\"\u003eاطلب الآن\u003c\/a\u003e\n          \u003ca class=\"tb-btn tb-btn-secondary\" href=\"#tibyanReciters\"\u003eاستمع إلى نماذج القراء\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003caside class=\"tb-panel tb-visual\"\u003e\n        \u003cimg class=\"tb-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0764\/0239\/3245\/files\/gemini-3-pro-image-preview-2k_nano-banana-pro__a_430x.png?v=1779461964\" alt=\"فلاشة تبيان للقرآن الكريم\" loading=\"eager\"\u003e\n\n        \u003cdiv class=\"tb-trust\"\u003e\n          \u003cdiv\u003e\n\u003cstrong\u003eتسعة و ستون\u003c\/strong\u003eولاية متاحة\u003c\/div\u003e\n          \u003cdiv\u003e\n\u003cstrong\u003eدفع\u003c\/strong\u003eعند الاستلام\u003c\/div\u003e\n          \u003cdiv\u003e\n\u003cstrong\u003eسريع\u003c\/strong\u003eتأكيد الطلب\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/aside\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003csection class=\"tb-panel tb-section\"\u003e\n      \u003ch2 class=\"tb-title\"\u003eلماذا يحبها كل بيت وسيارة؟\u003c\/h2\u003e\n      \u003cp class=\"tb-subtitle\"\u003e\n        صُممت صفحة الطلب لتكون واضحة وسريعة: اختر العرض، املأ بياناتك، وسيتواصل معك فريق التأكيد.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tb-benefits\"\u003e\n        \u003cdiv class=\"tb-benefit\"\u003e\n          \u003cspan\u003e🎧\u003c\/span\u003e\n          \u003cstrong\u003eتجربة سماع مريحة\u003c\/strong\u003e\n          نماذج تلاوة مباشرة قبل الطلب.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tb-benefit\"\u003e\n          \u003cspan\u003e🎁\u003c\/span\u003e\n          \u003cstrong\u003eهدية نافعة\u003c\/strong\u003e\n          اختيار مناسب للأم، الأب، والأحباب.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tb-benefit\"\u003e\n          \u003cspan\u003e🚗\u003c\/span\u003e\n          \u003cstrong\u003eللبيت والسيارة\u003c\/strong\u003e\n          استخدام يومي عملي دون تعقيد.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tb-benefit\"\u003e\n          \u003cspan\u003e✅\u003c\/span\u003e\n          \u003cstrong\u003eطلب واضح\u003c\/strong\u003e\n          أسعار وعروض ظاهرة بدون غموض.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ORDER --\u003e\n    \u003csection class=\"tb-panel tb-section\" id=\"tibyanOrder\"\u003e\n      \u003ch2 class=\"tb-title\"\u003eاطلب فلاشة تبيان الآن\u003c\/h2\u003e\n      \u003cp class=\"tb-subtitle\"\u003eاختر العرض المناسب ثم أدخل معلومات الاستلام بدقة.\u003c\/p\u003e\n\n      \u003cdiv class=\"tb-order-grid\"\u003e\n\n        \u003cdiv class=\"tb-offers\" role=\"radiogroup\" aria-label=\"اختيار العرض\"\u003e\n          \u003cbutton type=\"button\" class=\"tb-offer\" data-offer=\"فلاشة واحدة\" data-price=\"1700 دج\" data-value=\"1700\" aria-checked=\"false\" role=\"radio\"\u003e\n            \u003cspan class=\"tb-offer-head\"\u003e\n              \u003cspan\u003e\n                \u003cspan class=\"tb-offer-title\"\u003eفلاشة واحدة\u003c\/span\u003e\n                \u003cspan class=\"tb-offer-note\"\u003eمناسبة للاستخدام الشخصي\u003c\/span\u003e\n              \u003c\/span\u003e\n              \u003cspan class=\"tb-price\"\u003e1700 دج\u003c\/span\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n\n          \u003cbutton type=\"button\" class=\"tb-offer\" data-offer=\"فلاشتين (2)\" data-price=\"3000 دج\" data-value=\"3000\" aria-checked=\"false\" role=\"radio\"\u003e\n            \u003cspan class=\"tb-offer-head\"\u003e\n              \u003cspan\u003e\n                \u003cspan class=\"tb-offer-title\"\u003eفلاشتين (2)\u003c\/span\u003e\n                \u003cspan class=\"tb-offer-note\"\u003eوفّرت 400 دج مقارنة بالشراء الفردي\u003c\/span\u003e\n              \u003c\/span\u003e\n              \u003cspan class=\"tb-price\"\u003e3000 دج\u003c\/span\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n\n          \u003cbutton type=\"button\" class=\"tb-offer is-selected\" data-offer=\"3 فلاشات (العرض الرائج)\" data-price=\"4500 دج\" data-value=\"4500\" aria-checked=\"true\" role=\"radio\"\u003e\n            \u003cspan class=\"tb-popular\"\u003eالأكثر طلباً 🔥\u003c\/span\u003e\n            \u003cspan class=\"tb-offer-head\"\u003e\n              \u003cspan\u003e\n                \u003cspan class=\"tb-offer-title\"\u003e3 فلاشات\u003c\/span\u003e\n                \u003cspan class=\"tb-offer-note\"\u003eأفضل قيمة للهدايا والعائلة\u003c\/span\u003e\n              \u003c\/span\u003e\n              \u003cspan class=\"tb-price\"\u003e4500 دج\u003c\/span\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cform class=\"tb-form\" id=\"tibyanOrderForm\" novalidate\u003e\n          \u003cdiv class=\"tb-fields\"\u003e\n\n            \u003cdiv class=\"tb-field\"\u003e\n              \u003clabel for=\"tibyanName\"\u003eالاسم الكامل\u003c\/label\u003e\n              \u003cinput type=\"text\" id=\"tibyanName\" name=\"name\" autocomplete=\"name\" minlength=\"3\" placeholder=\"مثال: محمد بن أحمد\" required\u003e\n              \u003csmall data-error-for=\"tibyanName\"\u003e\u003c\/small\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tb-field\"\u003e\n              \u003clabel for=\"tibyanPhone\"\u003eرقم الهاتف\u003c\/label\u003e\n              \u003cinput type=\"tel\" id=\"tibyanPhone\" name=\"phone\" inputmode=\"tel\" autocomplete=\"tel\" placeholder=\"05xxxxxxxx\" required\u003e\n              \u003csmall data-error-for=\"tibyanPhone\"\u003e\u003c\/small\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tb-field\"\u003e\n              \u003clabel for=\"tibyanState\"\u003eالولاية\u003c\/label\u003e\n              \u003cselect id=\"tibyanState\" name=\"state\" required\u003e\n                \u003coption value=\"\"\u003eاختر الولاية\u003c\/option\u003e\n                \u003coption\u003eأدرار\u003c\/option\u003e\n                \u003coption\u003eالشلف\u003c\/option\u003e\n                \u003coption\u003eالأغواط\u003c\/option\u003e\n                \u003coption\u003eأم البواقي\u003c\/option\u003e\n                \u003coption\u003eباتنة\u003c\/option\u003e\n                \u003coption\u003eبجاية\u003c\/option\u003e\n                \u003coption\u003eبسكرة\u003c\/option\u003e\n                \u003coption\u003eبشار\u003c\/option\u003e\n                \u003coption\u003eالبليدة\u003c\/option\u003e\n                \u003coption\u003eالبويرة\u003c\/option\u003e\n                \u003coption\u003eتمنراست\u003c\/option\u003e\n                \u003coption\u003eتبسة\u003c\/option\u003e\n                \u003coption\u003eتلمسان\u003c\/option\u003e\n                \u003coption\u003eتيارت\u003c\/option\u003e\n                \u003coption\u003eتيزي وزو\u003c\/option\u003e\n                \u003coption\u003eالجزائر\u003c\/option\u003e\n                \u003coption\u003eالجلفة\u003c\/option\u003e\n                \u003coption\u003eجيجل\u003c\/option\u003e\n                \u003coption\u003eسطيف\u003c\/option\u003e\n                \u003coption\u003eسعيدة\u003c\/option\u003e\n                \u003coption\u003eسكيكدة\u003c\/option\u003e\n                \u003coption\u003eسيدي بلعباس\u003c\/option\u003e\n                \u003coption\u003eعنابة\u003c\/option\u003e\n                \u003coption\u003eقالمة\u003c\/option\u003e\n                \u003coption\u003eقسنطينة\u003c\/option\u003e\n                \u003coption\u003eالمدية\u003c\/option\u003e\n                \u003coption\u003eمستغانم\u003c\/option\u003e\n                \u003coption\u003eالمسيلة\u003c\/option\u003e\n                \u003coption\u003eمعسكر\u003c\/option\u003e\n                \u003coption\u003eورقلة\u003c\/option\u003e\n                \u003coption\u003eوهران\u003c\/option\u003e\n                \u003coption\u003eالبيض\u003c\/option\u003e\n                \u003coption\u003eإليزي\u003c\/option\u003e\n                \u003coption\u003eبرج بوعريريج\u003c\/option\u003e\n                \u003coption\u003eبومرداس\u003c\/option\u003e\n                \u003coption\u003eالطارف\u003c\/option\u003e\n                \u003coption\u003eتندوف\u003c\/option\u003e\n                \u003coption\u003eتيسمسيلت\u003c\/option\u003e\n                \u003coption\u003eالوادي\u003c\/option\u003e\n                \u003coption\u003eخنشلة\u003c\/option\u003e\n                \u003coption\u003eسوق أهراس\u003c\/option\u003e\n                \u003coption\u003eتيبازة\u003c\/option\u003e\n                \u003coption\u003eميلة\u003c\/option\u003e\n                \u003coption\u003eعين الدفلى\u003c\/option\u003e\n                \u003coption\u003eالنعامة\u003c\/option\u003e\n                \u003coption\u003eعين تموشنت\u003c\/option\u003e\n                \u003coption\u003eغرداية\u003c\/option\u003e\n                \u003coption\u003eغليزان\u003c\/option\u003e\n                \u003coption\u003eتيميمون\u003c\/option\u003e\n                \u003coption\u003eبرج باجي مختار\u003c\/option\u003e\n                \u003coption\u003eأولاد جلال\u003c\/option\u003e\n                \u003coption\u003eبني عباس\u003c\/option\u003e\n                \u003coption\u003eعين صالح\u003c\/option\u003e\n                \u003coption\u003eعين قزام\u003c\/option\u003e\n                \u003coption\u003eتقرت\u003c\/option\u003e\n                \u003coption\u003eجانت\u003c\/option\u003e\n                \u003coption\u003eالمغير\u003c\/option\u003e\n                \u003coption\u003eالمنيعة\u003c\/option\u003e\n              \u003c\/select\u003e\n              \u003csmall data-error-for=\"tibyanState\"\u003e\u003c\/small\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tb-field\"\u003e\n              \u003clabel for=\"tibyanCity\"\u003eالبلدية\u003c\/label\u003e\n              \u003cinput type=\"text\" id=\"tibyanCity\" name=\"city\" autocomplete=\"address-level2\" placeholder=\"اكتب البلدية\" required\u003e\n              \u003csmall data-error-for=\"tibyanCity\"\u003e\u003c\/small\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tb-summary\" aria-live=\"polite\"\u003e\n            \u003cspan\u003eالعرض المختار: \u003cstrong id=\"tibyanSelectedOffer\"\u003e3 فلاشات (العرض الرائج)\u003c\/strong\u003e\u003c\/span\u003e\n            \u003cspan\u003eالسعر: \u003cstrong id=\"tibyanSelectedPrice\"\u003e4500 دج\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cbutton type=\"submit\" class=\"tb-btn tb-btn-primary tb-submit\" id=\"tibyanSubmitBtn\"\u003e\n            تأكيد الطلب الآن\n          \u003c\/button\u003e\n\n          \u003cdiv class=\"tb-message\" id=\"tibyanFormMessage\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/form\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- RECITERS --\u003e\n    \u003csection class=\"tb-panel tb-section\" id=\"tibyanReciters\"\u003e\n      \u003ch2 class=\"tb-title\"\u003eنخبة قراء العالم بين يديك ⭐\u003c\/h2\u003e\n      \u003cp class=\"tb-subtitle\"\u003e\n        استمع إلى نماذج قصيرة من سورة الفاتحة. الملفات الصوتية تعمل عند الضغط فقط لتسريع تحميل الصفحة.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tb-reciter-grid\" id=\"tibyanRecitersGrid\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FINAL --\u003e\n    \u003csection class=\"tb-panel tb-section tb-final\"\u003e\n      \u003cp\u003eاجعل ورد القرآن قريباً منك كل يوم، واجعلها هدية نافعة لمن تحب.\u003c\/p\u003e\n      \u003cspan class=\"tb-quote\"\u003eخيرُ ما تُهدي لنفسك.. وأجملُ ما تُهديه لوالديك\u003c\/span\u003e\n\n      \u003cdiv class=\"tb-actions\" style=\"justify-content:center; margin-top:22px;\"\u003e\n        \u003ca class=\"tb-btn tb-btn-primary\" href=\"#tibyanOrder\"\u003eأريد طلب فلاشة تبيان\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\u003c\/main\u003e\n\n\u003cscript\u003e\n  (function () {\n    'use strict';\n\n    \/*\n      روابط مهمة\n    *\/\n    const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxUcVbG-Q-aVTK4GNt0yZj0PqWmJ_KU48R-qEa1whWxgmqE75De70DDq7JNytpyARu_Sw\/exec';\n    const thankYouURL = '\/pages\/thank-you-tibyan';\n\n    const root = document.getElementById('tibyanLanding');\n    if (!root) return;\n\n    \/*\n      توليد القراء لتقليل حجم HTML وتنظيمه\n    *\/\n    const reciters = [\n      {\n        name: 'الشيخ سعد الغامدي',\n        img: 'https:\/\/i.pinimg.com\/564x\/14\/56\/7f\/14567fa0c053c4f29d6b0e606f232424.jpg',\n        audio: 'https:\/\/server7.mp3quran.net\/s_gmd\/001.mp3'\n      },\n      {\n        name: 'الشيخ عبد الباسط عبد الصمد',\n        img: 'https:\/\/i.pinimg.com\/564x\/c2\/c5\/57\/c2c5579d6becfccbb4e98f6bcf008127.jpg',\n        audio: 'https:\/\/server7.mp3quran.net\/basit\/001.mp3'\n      },\n      {\n        name: 'الشيخ ماهر المعيقلي',\n        img: 'https:\/\/i.pinimg.com\/564x\/26\/5d\/3b\/265d3b30f8d48c7acfc92d27d31c72ee.jpg',\n        audio: 'https:\/\/server12.mp3quran.net\/maher\/001.mp3'\n      },\n      {\n        name: 'الشيخ محمود خليل الحصري',\n        img: 'https:\/\/i.pinimg.com\/564x\/ed\/51\/28\/ed51283cc159958f430a484d87606738.jpg',\n        audio: 'https:\/\/server8.mp3quran.net\/huasary\/001.mp3'\n      },\n      {\n        name: 'الشيخ محمد صديق المنشاوي',\n        img: 'https:\/\/i.pinimg.com\/564x\/be\/0a\/bd\/be0abd0f3297bf93ad7eda235c625155.jpg',\n        audio: 'https:\/\/server10.mp3quran.net\/minsh\/001.mp3'\n      },\n      {\n        name: 'الشيخ سعود الشريم',\n        img: 'https:\/\/s-media-cache-ak0.pinimg.com\/564x\/41\/75\/00\/4175004b89851b4d92d9ba543deba383.jpg',\n        audio: 'https:\/\/server7.mp3quran.net\/shur\/001.mp3'\n      },\n      {\n        name: 'الشيخ ياسين الجزائري',\n        img: 'https:\/\/s-media-cache-ak0.pinimg.com\/564x\/09\/92\/0e\/09920e1062000812470a125a70dc946d.jpg',\n        audio: 'https:\/\/server12.mp3quran.net\/qari_yassin\/001.mp3'\n      },\n      {\n        name: 'الشيخ أحمد العجمي',\n        img: 'https:\/\/i.pinimg.com\/564x\/b1\/9f\/03\/b19f03a9f2f09c46afbfd4f03727aee7.jpg',\n        audio: 'https:\/\/server10.mp3quran.net\/ajm\/001.mp3'\n      },\n      {\n        name: 'الشيخ عبد الرحمن العوسي',\n        img: 'https:\/\/i.pinimg.com\/564x\/8a\/ac\/fe\/8aacfeabda91034f9c45ee5bdf69251f.jpg',\n        audio: 'https:\/\/server6.mp3quran.net\/aloosi\/001.mp3'\n      },\n      {\n        name: 'الشيخ رعد محمد الكردي',\n        img: 'https:\/\/i.pinimg.com\/564x\/bf\/c4\/84\/bfc4848ac20523a6c7375eaee00c069d.jpg',\n        audio: 'https:\/\/server6.mp3quran.net\/kurdi\/001.mp3'\n      },\n      {\n        name: 'الشيخ وديع اليمني',\n        img: 'https:\/\/i.pinimg.com\/564x\/15\/2c\/6d\/152c6d09a60be8cf9ad682dc95a19b80.jpg',\n        audio: 'https:\/\/server6.mp3quran.net\/wade3\/001.mp3'\n      },\n      {\n        name: 'الشيخ هزاع البلوشي',\n        img: 'https:\/\/i.pinimg.com\/564x\/bc\/1e\/e0\/bc1ee02df0a6a1751857f1ddc7844757.jpg',\n        audio: 'https:\/\/server11.mp3quran.net\/hazza\/001.mp3'\n      },\n      {\n        name: 'الشيخ علي جابر',\n        img: 'https:\/\/i.pinimg.com\/564x\/43\/57\/d3\/4357d32cc152d4e3b8f8c37fd525b806.jpg',\n        audio: 'https:\/\/server11.mp3quran.net\/a_jabr\/001.mp3'\n      },\n      {\n        name: 'الشيخ بندر بليلة',\n        img: 'https:\/\/i.pinimg.com\/564x\/0a\/d1\/da\/0ad1da42ff74913a543126bde4b4fee5.jpg',\n        audio: 'https:\/\/server6.mp3quran.net\/balilah\/001.mp3'\n      },\n      {\n        name: 'القارئ إسلام صبحي',\n        img: 'https:\/\/i.pinimg.com\/564x\/8e\/9d\/be\/8e9dbe0ed53280be5398167d1ccc8b7b.jpg',\n        audio: 'https:\/\/server14.mp3quran.net\/islam\/001.mp3'\n      }\n    ];\n\n    const recitersGrid = document.getElementById('tibyanRecitersGrid');\n\n    if (recitersGrid) {\n      recitersGrid.innerHTML = reciters.map(function (r) {\n        return `\n          \u003carticle class=\"tb-reciter\"\u003e\n            \u003cimg src=\"${r.img}\" alt=\"${r.name}\" loading=\"lazy\"\u003e\n            \u003cdiv\u003e\n              \u003ch3\u003e${r.name}\u003c\/h3\u003e\n              \u003caudio controls preload=\"none\" src=\"${r.audio}\"\u003e\u003c\/audio\u003e\n            \u003c\/div\u003e\n          \u003c\/article\u003e\n        `;\n      }).join('');\n    }\n\n    \/*\n      عناصر الفورم\n    *\/\n    const offers = Array.from(root.querySelectorAll('.tb-offer'));\n    const form = root.querySelector('#tibyanOrderForm');\n    const submitBtn = root.querySelector('#tibyanSubmitBtn');\n    const messageBox = root.querySelector('#tibyanFormMessage');\n    const selectedOfferEl = root.querySelector('#tibyanSelectedOffer');\n    const selectedPriceEl = root.querySelector('#tibyanSelectedPrice');\n\n    const fields = {\n      name: root.querySelector('#tibyanName'),\n      phone: root.querySelector('#tibyanPhone'),\n      state: root.querySelector('#tibyanState'),\n      city: root.querySelector('#tibyanCity')\n    };\n\n    let selectedOffer = {\n      name: '3 فلاشات (العرض الرائج)',\n      price: '4500 دج',\n      value: 4500\n    };\n\n    function setMessage(text, type) {\n      if (!messageBox) return;\n      messageBox.textContent = text || '';\n      messageBox.className = 'tb-message' + (text ? ' is-' + type : '');\n    }\n\n    function setFieldError(input, text) {\n      const errorEl = root.querySelector('[data-error-for=\"' + input.id + '\"]');\n      if (errorEl) errorEl.textContent = text || '';\n      input.setAttribute('aria-invalid', text ? 'true' : 'false');\n    }\n\n    function normalizePhone(value) {\n      return String(value || '').replace(\/[\\s\\-().]\/g, '').trim();\n    }\n\n    function validateForm() {\n      let valid = true;\n\n      const name = fields.name.value.trim();\n      const phone = normalizePhone(fields.phone.value);\n      const state = fields.state.value.trim();\n      const city = fields.city.value.trim();\n\n      Object.values(fields).forEach(function (input) {\n        setFieldError(input, '');\n      });\n\n      setMessage('', 'error');\n\n      if (name.length \u003c 3) {\n        valid = false;\n        setFieldError(fields.name, 'يرجى إدخال الاسم الكامل بشكل صحيح.');\n      }\n\n      \/*\n        يقبل:\n        05xxxxxxxx\n        06xxxxxxxx\n        07xxxxxxxx\n        +2135xxxxxxxx\n        002135xxxxxxxx\n      *\/\n      if (!\/^(0|\\+213|00213)?[567][0-9]{8}$\/.test(phone)) {\n        valid = false;\n        setFieldError(fields.phone, 'يرجى إدخال رقم هاتف جزائري صحيح.');\n      }\n\n      if (!state) {\n        valid = false;\n        setFieldError(fields.state, 'يرجى اختيار الولاية.');\n      }\n\n      if (city.length \u003c 2) {\n        valid = false;\n        setFieldError(fields.city, 'يرجى كتابة البلدية.');\n      }\n\n      if (!valid) {\n        setMessage('تأكد من تصحيح الحقول المطلوبة قبل تأكيد الطلب.', 'error');\n      }\n\n      return valid;\n    }\n\n    function updateOffer(button) {\n      offers.forEach(function (item) {\n        item.classList.remove('is-selected');\n        item.setAttribute('aria-checked', 'false');\n      });\n\n      button.classList.add('is-selected');\n      button.setAttribute('aria-checked', 'true');\n\n      selectedOffer = {\n        name: button.dataset.offer || 'غير محدد',\n        price: button.dataset.price || 'غير محدد',\n        value: Number(button.dataset.value || String(button.dataset.price).replace(\/[^0-9.]\/g, '')) || 0\n      };\n\n      selectedOfferEl.textContent = selectedOffer.name;\n      selectedPriceEl.textContent = selectedOffer.price;\n    }\n\n    offers.forEach(function (button) {\n      button.addEventListener('click', function () {\n        updateOffer(button);\n      });\n\n      button.addEventListener('keydown', function (event) {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          updateOffer(button);\n        }\n      });\n    });\n\n    Object.values(fields).forEach(function (input) {\n      input.addEventListener('input', function () {\n        setFieldError(input, '');\n      });\n\n      input.addEventListener('change', function () {\n        setFieldError(input, '');\n      });\n    });\n\n    \/*\n      إرسال الطلب إلى Google Sheet ثم التحويل إلى صفحة الشكر\n    *\/\n    form.addEventListener('submit', function (event) {\n      event.preventDefault();\n\n      if (!validateForm()) return;\n\n      submitBtn.disabled = true;\n      submitBtn.textContent = 'جاري تأكيد طلبك...';\n\n      setMessage('يتم الآن إرسال الطلب، يرجى عدم إغلاق الصفحة.', 'success');\n\n      const orderId = 'tibyan_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8);\n\n      const formData = new FormData();\n      formData.append('order_id', orderId);\n      formData.append('name', fields.name.value.trim());\n      formData.append('phone', normalizePhone(fields.phone.value));\n      formData.append('state', fields.state.value.trim());\n      formData.append('city', fields.city.value.trim());\n      formData.append('offer', selectedOffer.name + ' - ' + selectedOffer.price);\n      formData.append('price', selectedOffer.price);\n      formData.append('value', String(selectedOffer.value));\n      formData.append('source', 'Tibyan Landing Page');\n      formData.append('created_at', new Date().toISOString());\n\n      fetch(scriptURL, {\n        method: 'POST',\n        body: formData,\n        mode: 'no-cors'\n      })\n      .then(function () {\n        setMessage('تم إرسال طلبك بنجاح. سيتم تحويلك الآن...', 'success');\n\n        const orderForThanks = {\n          order_id: orderId,\n          offer: selectedOffer.name,\n          price: selectedOffer.price,\n          value: selectedOffer.value\n        };\n\n        try {\n          sessionStorage.setItem('tibyan_last_order', JSON.stringify(orderForThanks));\n        } catch (e) {}\n\n        const thanksParams = new URLSearchParams({\n          order_id: orderForThanks.order_id,\n          offer: orderForThanks.offer,\n          price: orderForThanks.price,\n          value: String(orderForThanks.value)\n        });\n\n        window.location.href = thankYouURL + '?' + thanksParams.toString();\n      })\n      .catch(function () {\n        setMessage('حدث خطأ في الشبكة. يرجى المحاولة مرة أخرى أو التأكد من الاتصال بالإنترنت.', 'error');\n        submitBtn.disabled = false;\n        submitBtn.textContent = 'تأكيد الطلب الآن';\n      });\n    });\n\n  })();\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":48319252856989,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0764\/0239\/3245\/files\/tebyan1.jpg?v=1780945297","url":"https:\/\/6jg0si-my.myshopify.com\/products\/flash-tibyan","provider":"My Store","version":"1.0","type":"link"}