{"id":40,"date":"2026-05-20T19:04:03","date_gmt":"2026-05-20T19:04:03","guid":{"rendered":"https:\/\/arabarabic.com\/?page_id=40"},"modified":"2026-05-20T19:37:59","modified_gmt":"2026-05-20T19:37:59","slug":"books","status":"publish","type":"page","link":"https:\/\/arabarabic.com\/?page_id=40","title":{"rendered":"Books"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Tajawal:wght@300;400;500;700;800&family=Playfair+Display:wght@700&display=swap');\n\n:root{--ink:#1a1410;--sand:#f5ede0;--sand2:#ecdcca;--amber:#c8832a;--amber2:#e8a23a;--green:#2d6a4f;--green2:#40916c;--cream:#fdf8f2;--white:#ffffff;--gray:#7a6e65;--border:rgba(200,131,42,.18)}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\n.arab-books-page{font-family:'Tajawal',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}\n.aa-header{position:fixed;top:0;width:100%;z-index:100;background:rgba(253,248,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.logo{display:flex;align-items:center;gap:10px;text-decoration:none}\n.logo-icon{width:40px;height:40px;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Amiri',serif;color:#fff;font-size:20px;font-weight:700}\n.logo-text{font-family:'Amiri',serif;font-size:18px;font-weight:700;color:var(--ink)}\n.logo-text span{color:var(--amber);display:block;font-size:11px;font-weight:400;margin-top:-2px}\n.aa-header nav{display:flex;align-items:center;gap:24px}\n.aa-header nav a{font-size:13px;font-weight:500;color:var(--gray);text-decoration:none;transition:color .2s}\n.aa-header nav a:hover{color:var(--amber)}\n.nav-cta{background:var(--green);color:#fff!important;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600}\n.aa-footer{background:var(--ink);color:#fff;padding:50px 5% 24px;margin-top:80px}\n.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}\n.footer-brand p{font-size:13px;color:rgba(255,255,255,.5);margin-top:12px;line-height:1.7;max-width:240px}\n.footer-col h4{font-size:12px;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}\n.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.65);text-decoration:none;margin-bottom:9px;transition:color .2s}\n.footer-col a:hover{color:var(--amber)}\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}\n.footer-bottom p{font-size:12px;color:rgba(255,255,255,.35)}\n.aa-page-hero{padding:140px 5% 70px;background:linear-gradient(135deg,var(--cream) 0%,var(--sand) 100%);text-align:center;border-bottom:1px solid var(--border)}\n.aa-page-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:block}\n.aa-page-title{font-family:'Amiri',serif;font-size:clamp(2rem,4vw,3rem);color:var(--ink);margin-bottom:12px;line-height:1.25}\n.aa-page-sub{font-size:15px;color:var(--gray);max-width:540px;margin:0 auto;line-height:1.7}\n.container{max-width:1100px;margin:0 auto;padding:0 5%}\n.section{padding:70px 5%}\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-size:14px;font-weight:600;padding:13px 26px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .25s}\n.btn-primary:hover{background:var(--green2);transform:translateY(-2px)}\n.btn-amber{background:var(--amber);color:#fff}\n.btn-amber:hover{background:var(--amber2)!important}\n.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--green);font-size:14px;font-weight:600;padding:12px 24px;border-radius:10px;text-decoration:none;border:2px solid var(--green);cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .25s}\n.btn-outline:hover{background:var(--green);color:#fff}\n.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:28px}\n.form-group{margin-bottom:18px}\n.form-group label{font-size:13px;font-weight:500;color:var(--ink);display:block;margin-bottom:6px}\n.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);background:var(--cream);outline:none;transition:border .2s;direction:rtl}\n.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green)}\n.form-group textarea{min-height:100px;resize:vertical}\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n.badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px}\n.badge-green{background:rgba(45,106,79,.12);color:var(--green)}\n.badge-amber{background:rgba(200,131,42,.12);color:var(--amber)}\n.ins{border-radius:10px;padding:12px 16px;font-size:13px;border-right:3px solid;line-height:1.6;margin-top:12px}\n.ins-green{background:rgba(45,106,79,.07);border-color:var(--green);color:var(--green)}\n.ins-amber{background:rgba(200,131,42,.07);border-color:var(--amber);color:var(--amber)}\n@media(max-width:768px){.aa-header{padding:12px 4%}.aa-header nav a:not(.nav-cta){display:none}.footer-inner{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}\n<\/style>\n\n<div class=\"arab-books-page\">\n<header class=\"aa-header\">\n  <a class=\"logo\" href=\"\/\">\n    <div class=\"logo-icon\">\u0639<\/div>\n    <div class=\"logo-text\">Arab Arabic<span>\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span><\/div>\n  <\/a>\n  <nav>\n    <a href=\"\/books\/\">\u0627\u0644\u0643\u062a\u0628<\/a>\n    <a href=\"\/arabic-quran-online-lessons\/\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a<\/a>\n    <a href=\"\/downloads\/\">\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n    <a href=\"\/trial\/\" class=\"nav-cta\">\u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n  <\/nav>\n<\/header>\n\n\n<div class=\"aa-page-hero\">\n  <span class=\"aa-page-label\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span>\n  <h1 class=\"aa-page-title\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/h1>\n  <p class=\"aa-page-sub\">\u0643\u062a\u0628 PDF \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u0648\u0631\u064a \u2014 \u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631<\/p>\n<\/div>\n\n<div class=\"section\">\n\n  <!-- Filter Bar -->\n  <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;justify-content:center\">\n    <button onclick=\"filter('all',this)\" style=\"padding:8px 18px;border-radius:20px;border:2px solid var(--green);background:var(--green);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif\">\u0627\u0644\u0643\u0644<\/button>\n    <button onclick=\"filter('kids',this)\" style=\"padding:8px 18px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--gray);font-size:13px;cursor:pointer;font-family:'Tajawal',sans-serif\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644<\/button>\n    <button onclick=\"filter('adults',this)\" style=\"padding:8px 18px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--gray);font-size:13px;cursor:pointer;font-family:'Tajawal',sans-serif\">\u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646<\/button>\n    <button onclick=\"filter('quran',this)\" style=\"padding:8px 18px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--gray);font-size:13px;cursor:pointer;font-family:'Tajawal',sans-serif\">\u0627\u0644\u0642\u0631\u0622\u0646 \u0648\u0627\u0644\u062f\u064a\u0646<\/button>\n    <button onclick=\"filter('bundle',this)\" style=\"padding:8px 18px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--gray);font-size:13px;cursor:pointer;font-family:'Tajawal',sans-serif\">\u0627\u0644\u0628\u0627\u0642\u0627\u062a<\/button>\n  <\/div>\n\n  <div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px\" id=\"books-grid\">\n\n    <!-- Book 1 -->\n    <div class=\"book-item\" data-cat=\"kids\" style=\"background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"height:200px;background:linear-gradient(135deg,#2d6a4f,#52b788);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative\">\n        \ud83d\udcd7\n        <span style=\"position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 4\u20138<\/span>\n        <span style=\"position:absolute;top:12px;left:12px;background:var(--amber);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627\u064b<\/span>\n      <\/div>\n      <div style=\"padding:20px\">\n        <h3 style=\"font-family:'Amiri',serif;font-size:1.1rem;margin-bottom:4px\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0648\u0644<\/h3>\n        <p style=\"font-size:11px;color:var(--gray);font-style:italic;margin-bottom:10px\">Arabic for Kids &#8211; Level 1<\/p>\n        <p style=\"font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px\">\u0627\u0644\u062d\u0631\u0648\u0641\u060c \u0627\u0644\u0623\u0635\u0648\u0627\u062a\u060c \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u0649 \u0628\u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u0645\u0645\u062a\u0639. \u064a\u0634\u0645\u0644: 80 \u0635\u0641\u062d\u0629 + \u0645\u0644\u0641\u0627\u062a \u0635\u0648\u062a\u064a\u0629 + \u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px\">\n          <span class=\"badge badge-green\">PDF 80 \u0635\u0641\u062d\u0629<\/span>\n          <span class=\"badge badge-amber\">\u0645\u0644\u0641 \u0635\u0648\u062a\u064a<\/span>\n          <span class=\"badge badge-green\">\u062a\u0645\u0627\u0631\u064a\u0646<\/span>\n        <\/div>\n        <div style=\"display:flex;align-items:center;justify-content:space-between\">\n          <div style=\"font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;color:var(--amber)\">$19<\/div>\n          <button class=\"btn-primary\" style=\"font-size:12px;padding:9px 18px\" onclick=\"buyBook(this,'\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0648\u0644','$19')\">\ud83d\uded2 \u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Book 2 -->\n    <div class=\"book-item\" data-cat=\"kids\" style=\"background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"height:200px;background:linear-gradient(135deg,#c8832a,#e8a23a);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative\">\n        \ud83d\udcd9\n        <span style=\"position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u0644\u0644\u0623\u0637\u0641\u0627\u0644 8\u201312<\/span>\n      <\/div>\n      <div style=\"padding:20px\">\n        <h3 style=\"font-family:'Amiri',serif;font-size:1.1rem;margin-bottom:4px\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062b\u0627\u0646\u064a<\/h3>\n        <p style=\"font-size:11px;color:var(--gray);font-style:italic;margin-bottom:10px\">Arabic for Kids &#8211; Level 2<\/p>\n        <p style=\"font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px\">\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0648\u0627\u0644\u062c\u0645\u0644 \u0627\u0644\u0623\u0648\u0644\u0649 \u0648\u0627\u0644\u0642\u0635\u0635 \u0627\u0644\u0642\u0635\u064a\u0631\u0629 \u0627\u0644\u0645\u0635\u0648\u0631\u0629. \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0631\u0641\u0648\u0646 \u0627\u0644\u062d\u0631\u0648\u0641.<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px\">\n          <span class=\"badge badge-green\">PDF 95 \u0635\u0641\u062d\u0629<\/span>\n          <span class=\"badge badge-amber\">\u0642\u0635\u0635 \u0645\u0635\u0648\u0631\u0629<\/span>\n        <\/div>\n        <div style=\"display:flex;align-items:center;justify-content:space-between\">\n          <div style=\"font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;color:var(--amber)\">$19<\/div>\n          <button class=\"btn-primary\" style=\"font-size:12px;padding:9px 18px\" onclick=\"buyBook(this,'\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u2014 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062b\u0627\u0646\u064a','$19')\">\ud83d\uded2 \u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Book 3 -->\n    <div class=\"book-item\" data-cat=\"adults\" style=\"background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"height:200px;background:linear-gradient(135deg,#5a4fcf,#8b80f9);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative\">\n        \ud83d\udcd8\n        <span style=\"position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646<\/span>\n      <\/div>\n      <div style=\"padding:20px\">\n        <h3 style=\"font-family:'Amiri',serif;font-size:1.1rem;margin-bottom:4px\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u2014 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/h3>\n        <p style=\"font-size:11px;color:var(--gray);font-style:italic;margin-bottom:10px\">Arabic for Adults &#8211; From Zero<\/p>\n        <p style=\"font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px\">\u0645\u0646 \u0627\u0644\u062d\u0631\u0648\u0641 \u062d\u062a\u0649 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u2014 \u0645\u0646\u0647\u062c \u0645\u0646\u0638\u0645 \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px\">\n          <span class=\"badge badge-green\">PDF 120 \u0635\u0641\u062d\u0629<\/span>\n          <span class=\"badge badge-amber\">\u062a\u062f\u0631\u064a\u0628\u0627\u062a<\/span>\n        <\/div>\n        <div style=\"display:flex;align-items:center;justify-content:space-between\">\n          <div style=\"font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;color:var(--amber)\">$24<\/div>\n          <button class=\"btn-primary\" style=\"font-size:12px;padding:9px 18px\" onclick=\"buyBook(this,'\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0628\u0627\u0644\u063a\u064a\u0646','$24')\">\ud83d\uded2 \u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Book 4 -->\n    <div class=\"book-item\" data-cat=\"quran\" style=\"background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"height:200px;background:linear-gradient(135deg,#c9184a,#ff4d6d);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative\">\n        \ud83d\udcd5\n        <span style=\"position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u0642\u0631\u0622\u0646<\/span>\n      <\/div>\n      <div style=\"padding:20px\">\n        <h3 style=\"font-family:'Amiri',serif;font-size:1.1rem;margin-bottom:4px\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0622\u0646<\/h3>\n        <p style=\"font-size:11px;color:var(--gray);font-style:italic;margin-bottom:10px\">Arabic for Quran Understanding<\/p>\n        <p style=\"font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px\">\u0623\u0643\u062b\u0631 500 \u0643\u0644\u0645\u0629 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u0642\u0631\u0622\u0646 \u0645\u0639 \u0634\u0631\u062d \u0645\u0628\u0633\u0637 \u0648\u0627\u0644\u0633\u064a\u0627\u0642 \u0627\u0644\u0642\u0631\u0622\u0646\u064a. \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0645\u0633\u0644\u0645\u064a\u0646.<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px\">\n          <span class=\"badge badge-green\">PDF 100 \u0635\u0641\u062d\u0629<\/span>\n          <span class=\"badge badge-amber\">\u0634\u0631\u062d \u0645\u064a\u0633\u0631<\/span>\n        <\/div>\n        <div style=\"display:flex;align-items:center;justify-content:space-between\">\n          <div style=\"font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;color:var(--amber)\">$22<\/div>\n          <button class=\"btn-primary\" style=\"font-size:12px;padding:9px 18px\" onclick=\"buyBook(this,'\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0622\u0646','$22')\">\ud83d\uded2 \u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Book 5 -->\n    <div class=\"book-item\" data-cat=\"kids adults\" style=\"background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"height:200px;background:linear-gradient(135deg,#023e8a,#0096c7);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative\">\n        \u270d\ufe0f\n        <span style=\"position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px\">\u062e\u0637 \u0639\u0631\u0628\u064a<\/span>\n      <\/div>\n      <div style=\"padding:20px\">\n        <h3 style=\"font-family:'Amiri',serif;font-size:1.1rem;margin-bottom:4px\">\u0643\u062a\u0627\u0628 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a<\/h3>\n        <p style=\"font-size:11px;color:var(--gray);font-style:italic;margin-bottom:10px\">Arabic Handwriting Workbook<\/p>\n        <p style=\"font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px\">\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0631\u0648\u0641 \u0648\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0645\u0639 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629. \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0628\u0627\u0631.<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px\">\n          <span class=\"badge badge-green\">\u0637\u0628\u0627\u0639\u0629 \u0645\u0643\u0631\u0631\u0629<\/span>\n          <span class=\"badge badge-amber\">PDF 60 \u0635\u0641\u062d\u0629<\/span>\n        <\/div>\n        <div style=\"display:flex;align-items:center;justify-content:space-between\">\n          <div style=\"font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;color:var(--amber)\">$15<\/div>\n          <button class=\"btn-primary\" style=\"font-size:12px;padding:9px 18px\" onclick=\"buyBook(this,'\u0643\u062a\u0627\u0628 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u0628\u064a','$15')\">\ud83d\uded2 \u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bundle -->\n    <div class=\"book-item\" data-cat=\"bundle\" style=\"background:linear-gradient(135deg,var(--green),var(--green2));border-radius:16px;overflow:hidden;border:none;transition:transform .3s;color:#fff\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform=''\">\n      <div style=\"padding:24px;text-align:center\">\n        <div style=\"background:rgba(255,255,255,.15);border-radius:12px;padding:16px;margin-bottom:16px\">\n          <div style=\"font-size:2.5rem;margin-bottom:6px\">\ud83c\udf81<\/div>\n          <div style=\"font-size:13px;font-weight:600\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u2014 \u0643\u0644 \u0627\u0644\u0643\u062a\u0628<\/div>\n        <\/div>\n        <p style=\"font-size:13px;opacity:.85;line-height:1.6;margin-bottom:16px\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062e\u0645\u0633\u0629 \u0641\u064a \u0628\u0627\u0642\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u062e\u0641\u0636\u0629 \u2014 \u0648\u0641\u0651\u0631 40% \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0641\u0631\u062f\u064a<\/p>\n        <div style=\"display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:20px\">\n          <span style=\"background:rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px\">5 \u0643\u062a\u0628 \u0643\u0627\u0645\u0644\u0629<\/span>\n          <span style=\"background:rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px\">\u0645\u0644\u0641\u0627\u062a \u0635\u0648\u062a\u064a\u0629<\/span>\n          <span style=\"background:rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px\">\u0648\u0641\u0651\u0631 40%<\/span>\n        <\/div>\n        <div style=\"margin-bottom:16px\">\n          <span style=\"font-size:14px;opacity:.6;text-decoration:line-through\">$99<\/span>\n          <span style=\"font-family:'Amiri',serif;font-size:2rem;font-weight:700;margin-right:8px\">$59<\/span>\n        <\/div>\n        <button style=\"width:100%;padding:12px;background:#fff;color:var(--green);border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif\" onclick=\"buyBook(this,'\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629','$59')\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0642\u0629 \ud83c\udf89<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- Modal -->\n<div id=\"buy-modal\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;align-items:center;justify-content:center\">\n  <div style=\"background:#fff;border-radius:20px;padding:36px;max-width:440px;width:90%;text-align:center;direction:rtl\">\n    <div style=\"font-size:48px;margin-bottom:14px\">\ud83d\uded2<\/div>\n    <h2 style=\"font-family:'Amiri',serif;font-size:1.4rem;margin-bottom:6px\" id=\"modal-book-name\"><\/h2>\n    <p style=\"font-size:22px;font-weight:700;color:var(--amber);margin-bottom:20px\" id=\"modal-book-price\"><\/p>\n    <div class=\"form-group\"><input type=\"email\" placeholder=\"\u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0643\u062a\u0627\u0628\"\/><\/div>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px\">\n      <button class=\"btn-primary btn-amber\" style=\"justify-content:center;padding:12px\" onclick=\"confirmPurchase()\">\u2713 \u0623\u0643\u0645\u0644 \u0627\u0644\u0634\u0631\u0627\u0621<\/button>\n      <button class=\"btn-outline\" style=\"justify-content:center;padding:12px\" onclick=\"document.getElementById('buy-modal').style.display='none'\">\u0625\u0644\u063a\u0627\u0621<\/button>\n    <\/div>\n    <p style=\"font-size:12px;color:var(--gray);margin-top:14px\">\ud83d\udd12 \u062f\u0641\u0639 \u0622\u0645\u0646 \u00b7 \u062a\u062d\u0645\u064a\u0644 \u0641\u0648\u0631\u064a \u0628\u0639\u062f \u0627\u0644\u062f\u0641\u0639<\/p>\n  <\/div>\n<\/div>\n\n<script>\nfunction filter(cat,btn){\n  document.querySelectorAll('[onclick^=\"filter\"]').forEach(b=>{b.style.background='transparent';b.style.color='var(--gray)';b.style.borderColor='var(--border)'});\n  btn.style.background='var(--green)';btn.style.color='#fff';btn.style.borderColor='var(--green)';\n  document.querySelectorAll('.book-item').forEach(el=>{\n    el.style.display=cat==='all'||el.dataset.cat.includes(cat)?'':'none';\n  });\n}\nfunction buyBook(btn,name,price){\n  document.getElementById('modal-book-name').textContent=name;\n  document.getElementById('modal-book-price').textContent=price;\n  document.getElementById('buy-modal').style.display='flex';\n}\nfunction confirmPurchase(){\n  document.getElementById('buy-modal').style.display='none';\n  alert('\u0634\u0643\u0631\u0627\u064b! \u0633\u064a\u0635\u0644\u0643 \u0627\u0644\u0643\u062a\u0627\u0628 \u0639\u0644\u0649 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642 \ud83c\udf89');\n}\n<\/script>\n\n\n<footer class=\"aa-footer\">\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\">\n      <a class=\"logo\" href=\"\/\">\n        <div class=\"logo-icon\">\u0639<\/div>\n        <div class=\"logo-text\" style=\"color:#fff\">Arab Arabic<\/div>\n      <\/a>\n      <p>\u0645\u0646\u0635\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u0646\u0627\u0637\u0642\u064a\u0646 \u0628\u063a\u064a\u0631\u0647\u0627<\/p>\n    <\/div>\n    <div class=\"footer-col\"><h4>\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h4>\n      <a href=\"\/books\/\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/a>\n      <a href=\"\/arabic-quran-online-lessons\/\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/a>\n      <a href=\"\/downloads\/\">\u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n    <\/div>\n    <div class=\"footer-col\"><h4>\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/h4>\n      <a href=\"\/trial\/\">\u062d\u0635\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\n      <a href=\"\/register\/\">\u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628<\/a>\n      <a href=\"\/level-test\/\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/a>\n    <\/div>\n    <div class=\"footer-col\"><h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n      <a href=\"#\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n      <a href=\"#\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/a>\n      <a href=\"#\">\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <p>\u00a9 2026 Arab Arabic \u2014 arabarabic.com<\/p>\n    <p>Designed for Arabic learners worldwide \u2764\ufe0f<\/p>\n  <\/div>\n<\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0639 Arab Arabic\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u062a\u0646\u0632\u064a\u0644\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u062d\u0635\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0643\u062a\u0628 PDF \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0642\u0627\u0628\u0644\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":2,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}