/* 🏠 الصفحة الرئيسية (فارس ٢ نوفمبر ٢٠٢٦، الصيغة الخامسة): شعار وتحته الهدف · فيديو يشتغل من نفسه · «جرّبه أسبوعًا مجانًا» · «من الأول إلى السادس الابتدائي»
   وحلقة كتب ثلاثية الأبعاد تدور بلا نهاية (عرض فقط: لا لمس ولا ضغط ولا توقّف) · بطاقة السلامة حمراء بكاملها وبطاقة الرياضيات خضراء وكتاب مجسّم
   بكعبٍ وصفحات · ثلاث مزايا بثلاثة ألوان · صور المتجر الثماني. الألوان من قاعدة الثيم (docs/theme/theme_ref.json)؛ البرتقالي ليس نصًّا على الرملي
   (تباين ٢٫٣) — النص حبر وبنفسجي، والمرجاني للأزرار فقط. الجوال أولًا. */
.tk{--tk-page:#E6D5C4;--tk-card:#FFF9EF;--tk-line:#E1D3BF;--tk-track:#F1EAE2;--tk-coral:#D96D56;--tk-coral-dn:#C85E48;--tk-purple:#9147C9;--tk-green:#2E8B57;--tk-red:#D64533;--tk-gold:#F5B700;--tk-ink:#3A3029;--tk-soft:#66594C;--tk-white:#FFFDF8;
  font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;color:var(--tk-ink)}
.tk *{box-sizing:border-box}
.tk h1,.tk h2,.tk h3{font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;line-height:1.45;margin:0;color:var(--tk-ink);letter-spacing:0;text-wrap:balance}
.tk p{margin:0;line-height:1.8}
.tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:58px;padding:0 30px;border-radius:999px;background:var(--tk-coral);color:#fff;font-weight:800;font-size:1.1rem;line-height:1.5;text-decoration:none;border:0;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(58,48,41,.6);transition:transform .2s ease-out,background-color .2s ease-out,filter .2s ease-out}
.tk-btn svg{width:22px;height:22px;flex:none}
.tk-btn:active{transform:scale(.98)}
@media(hover:hover){.tk-btn:hover{background:var(--tk-coral-dn);transform:scale(1.02)}}
/* زرّ فاتح فوق البطاقة الملوّنة: عاجي ونصّه بلون البطاقة */
.tk-btn.tk-lt{background:var(--tk-card);color:var(--tk-ink);box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
@media(hover:hover){.tk-btn.tk-lt:hover{background:#fff;filter:brightness(1.02)}}
.tk-red .tk-btn.tk-lt{color:var(--tk-red)}.tk-green .tk-btn.tk-lt{color:#1F6A42}
.tk-btn:focus-visible,.tk-login:focus-visible,.tk-brand:focus-visible,.tk-sound:focus-visible,.tk-tourRow:focus-visible{outline:3px solid var(--tk-purple);outline-offset:4px}

/* ── الترويسة: شعار في الوسط ورابط دخول صغير في الطرف ── */
.tk-top{background:var(--tk-page);padding-block:12px 0}
.tk-topIn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}
.tk-topNav{position:absolute;inset-inline-end:0;top:2px}
.tk-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid rgba(58,48,41,.22);color:var(--tk-ink);background:var(--tk-card);font-weight:800;font-size:.98rem;line-height:1.5;text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out}
@media(hover:hover){.tk-login:hover{background:#fff;transform:scale(1.02)}}
/* الشعار مربع كأيقونة تطبيق والاسم بجانبه (فارس: «خلّيه مربع كأنه تطبيق والاسم جنبه وصغّرهم شوي») */
.tk-brand{display:inline-flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none;color:var(--tk-ink)}
.tk-brand img{display:block;width:48px;height:48px;border-radius:14px;border:2px solid rgba(0,0,0,.14);box-shadow:0 3px 0 rgba(0,0,0,.12);background:#FFFBF7}
.tk-brand span{font-weight:800;font-size:1.35rem;line-height:1.45}

/* ── البطل: الهدف ثم الفيديو ثم الزرّ ثم الصفوف ── */
.tk-hero{background:var(--tk-page);padding-block:6px 0;overflow:hidden}
.tk-hero .wrap{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.tk-h1{font-size:clamp(1.6rem,1.1rem + 2.4vw,2.7rem);font-weight:800;line-height:1.45;max-width:17em}
.tk-h1 span{display:inline-block;color:var(--tk-purple);position:relative}
.tk-h1 span::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:6px;border-radius:6px;background:var(--tk-gold);opacity:.95}
.tk-film{position:relative;width:100%;max-width:860px;border-radius:22px;overflow:hidden;background:#2c2620;border:1px solid var(--tk-line);box-shadow:0 24px 40px -28px rgba(58,48,41,.7)}
.tk-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#E6D5C4}
.tk-sound{position:absolute;inset-inline-start:12px;bottom:12px;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:0 16px;border-radius:999px;border:0;background:rgba(58,48,41,.82);color:#fff;font:800 .98rem/1.5 Tajawal,sans-serif;cursor:pointer;backdrop-filter:blur(6px);animation:tk-pulse 1.6s ease-in-out infinite}
.tk-sound svg{width:22px;height:22px}
.tk-sound[hidden]{display:none}
@keyframes tk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.tk-cta{min-width:min(100%,320px)}
.tk-grades{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 20px;border-radius:999px;background:var(--tk-card);border:1px solid var(--tk-line);color:var(--tk-ink);font-weight:800;font-size:1.05rem;line-height:1.5;margin-top:4px;box-shadow:0 4px 0 0 rgba(58,48,41,.08)}

/* ── رفّ الكتب: شريط أفقي يمشي للأبد بلا قفزة ولا عناوين — عرض فقط (لا لمس · لا ضغط · لا توقّف) ── */
.tk-shelf{position:relative;margin-top:10px;padding-block:14px 26px;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tk-shelf::before{content:"";position:absolute;inset-inline:0;bottom:16px;height:12px;border-radius:8px;background:#D4BFA8;box-shadow:0 6px 0 0 rgba(58,48,41,.08)}
.tk-track{display:flex;width:max-content;animation:tk-roll 24s linear infinite;will-change:transform}
/* الكتاب يحمل فاصله (margin لا gap) فيكون نصف عرض الشريط = مجموعة كاملة، ويرجع الشريط إلى نقطته بلا قفزة */
.tk-book{flex:none;width:104px;margin-inline-end:16px}
.tk-book img{display:block;width:104px;height:139px;object-fit:cover;border-radius:12px;background:var(--tk-track);border:1px solid var(--tk-line);box-shadow:0 10px 18px -14px rgba(58,48,41,.6)}
@keyframes tk-roll{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.tk-track{animation:none}}

/* ── الدرسان التجريبيان: بطاقة حمراء وبطاقة خضراء، جوال بلقطات حركية، كتاب مجسّم، زر فاتح ── */
.tk-try{background:var(--tk-card);padding-block:30px 36px;border-top:1px solid var(--tk-line)}
.tk-parade{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.tk-pcard{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:22px 16px 24px;border-radius:28px;box-shadow:0 16px 30px -22px rgba(58,48,41,.8)}
.tk-pcard.tk-red{background:var(--tk-red)}.tk-pcard.tk-green{background:var(--tk-green)}
.tk-pcard h2,.tk-pcard p{color:#fff}
.tk-pcard h2{font-size:1.3rem;font-weight:800;line-height:1.5}
.tk-pcard p{font-size:1rem;font-weight:500;line-height:1.75;max-width:26em;opacity:.95}
.tk-pcard .tk-btn{width:min(100%,320px);min-height:56px;margin-top:4px}
.tk-stage{position:relative;width:min(100%,250px);padding-inline-end:52px;margin-bottom:6px}
.tk-phone{position:relative;width:100%;background:#2c2620;border-radius:26px;padding:7px;box-shadow:0 18px 30px -18px rgba(0,0,0,.7)}
.tk-phone video,.tk-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;border-radius:20px;background:#E6D5C4}
.tk-phone::after{content:"";position:absolute;top:9px;inset-inline-start:50%;width:34%;height:6px;margin-inline-start:-17%;border-radius:6px;background:#2c2620}
/* الكتاب المجسّم: صندوق بستة وجوه — الغلاف أمامًا، الكعب على اليمين (كتاب عربي) باتجاه الناظر، الصفحات يسارًا وأعلى، ويطفو ببطء */
.tk-book3d{--d:22px;position:absolute;inset-inline-end:-4px;bottom:22px;width:120px;height:160px;perspective:900px;filter:drop-shadow(0 24px 16px rgba(0,0,0,.35));animation:tk-float 4.2s ease-in-out infinite}
.tk-box{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-32deg) rotateX(7deg)}
.tk-box>*{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tk-bf{inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;transform:translateZ(calc(var(--d)/2));box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.tk-bs{top:0;bottom:0;width:var(--d);left:calc(100% - var(--d)/2);transform:rotateY(90deg);background:linear-gradient(90deg,var(--sp),color-mix(in srgb,var(--sp) 70%,#000) 100%);border-radius:0 3px 3px 0}
.tk-bs::after{content:"";position:absolute;inset:14% 7px;border-radius:2px;background:rgba(255,255,255,.14)}
.tk-bp{top:2px;bottom:2px;width:var(--d);left:calc(var(--d)/-2);transform:rotateY(-90deg);background:repeating-linear-gradient(90deg,var(--pg) 0 2px,#D9CBB5 2px 3px)}
.tk-bt{left:0;right:0;height:var(--d);top:calc(var(--d)/-2);transform:rotateX(90deg);background:repeating-linear-gradient(0deg,var(--pg) 0 2px,#D9CBB5 2px 3px)}
.tk-bb{left:0;right:0;height:var(--d);bottom:calc(var(--d)/-2);transform:rotateX(-90deg);background:var(--pg)}
.tk-bk{inset:0;transform:rotateY(180deg) translateZ(calc(var(--d)/2));background:var(--sp);border-radius:7px 3px 3px 7px}
@keyframes tk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── ثلاث مزايا بثلاثة ألوان (أخضر فاتح · ذهبي فاتح · بنفسجي فاتح) وأيقونة في قرص ملوّن ── */
.tk-why{background:var(--tk-page);padding-block:30px 10px}
.tk-whyGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.tk-whyCard{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:22px 18px 24px;border-radius:24px;border:2px solid rgba(0,0,0,.14);box-shadow:0 6px 0 0 rgba(0,0,0,.12);transition:transform .2s ease-out}
.tk-whyCard h2{font-size:1.2rem;font-weight:800;line-height:1.5}
.tk-whyCard p{font-size:.98rem;font-weight:500;line-height:1.75;color:var(--tk-ink);opacity:.85;max-width:22em}
.tk-whyIc{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;border:2px solid rgba(0,0,0,.14);box-shadow:0 3px 0 rgba(0,0,0,.14)}
.tk-whyIc svg{display:block}
.tk-w1{background:#DCEBD9}.tk-w1 .tk-whyIc{background:var(--tk-green)}.tk-w1 h2{color:#1F6A42}
.tk-w2{background:#FBEBC2;border-radius:24px 24px 24px 6px}.tk-w2 .tk-whyIc{background:#C98B00}.tk-w2 h2{color:#7A5300}
.tk-w3{background:#E8DCF3;border-radius:24px 6px 24px 24px}.tk-w3 .tk-whyIc{background:var(--tk-purple)}.tk-w3 h2{color:#5E2E88}
@media(hover:hover){.tk-whyCard:hover{transform:scale(1.02)}}

/* ── صور المتجر: موكب جوالات يُمرَّر جانبيًا ── */
.tk-tour{background:var(--tk-page);padding-block:26px 34px}
.tk-tourH{text-align:center;font-size:clamp(1.35rem,1.1rem+1vw,1.9rem);font-weight:800;color:var(--tk-soft);margin-bottom:16px}
.tk-tourRow{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px max(16px,calc(50% - 115px)) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tk-tourRow::-webkit-scrollbar{display:none}
.tk-shot{flex:none;width:230px;margin:0;scroll-snap-align:center;border-radius:30px;background:#2c2620;padding:7px;box-shadow:0 18px 30px -18px rgba(0,0,0,.65);transform:rotate(var(--r,0deg))}
.tk-shot:nth-child(odd){--r:-1.2deg}.tk-shot:nth-child(even){--r:1.2deg}
.tk-shot img{display:block;width:100%;height:auto;border-radius:24px;background:#E6D5C4}

@media(prefers-reduced-motion:reduce){.tk-book3d{animation:none}.tk-sound{animation:none}}

@media(min-width:861px){
  .tk-top{padding-block:18px 0}
  .tk-brand img{width:56px;height:56px;border-radius:16px}.tk-brand span{font-size:1.55rem}
  .tk-hero .wrap{gap:20px}
  .tk-book{width:132px;margin-inline-end:20px}.tk-book img{width:132px;height:176px}
  .tk-parade{grid-template-columns:1fr 1fr;max-width:900px;margin-inline:auto;gap:28px}
  .tk-pcard{padding:26px 24px 28px}
  .tk-stage{width:min(100%,280px)}
  .tk-whyGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;margin-inline:auto}
  .tk-tourRow{justify-content:flex-start;padding-inline:max(16px,calc(50% - 980px/2));gap:18px}
  .tk-shot{width:230px}
}

/* ══ الجزء السفلي يواكب الأعلى (فارس ٢ نوفمبر: «الجزء السفلي ما يشبه الجزء العلوي من الصفحة، خلّيه يواكبه») ══
   الأسعار والختام والذيل على نفس اللغة: أرضية رملية #E6D5C4 · بطاقات عاجية بحدّ ٢px وظلّ صلب · عناوين Tajawal بلا شرطة سوبر البرتقالية
   (المبرز بنفسجي تحته ذهبي كالعنوان الأول) · أزرار كبسولية مرجانية ممتلئة · ذيل حبريّ داكن بدل البرتقالي الفاقع. تطبّق فوق أنماط الصفحة القديمة. */
#plans,.final{background:#E6D5C4!important;font-family:Tajawal,"Segoe UI",Tahoma,sans-serif}
#plans h2.display,.final h2.display{font-family:Tajawal,"Segoe UI",Tahoma,sans-serif!important;font-weight:800!important;color:#3A3029!important;padding-bottom:0!important;font-size:clamp(1.6rem,1.1rem + 2.4vw,2.6rem)!important}
#plans h2.display::after,.final h2.display::after{display:none!important}
#plans h2.display u,.final h2.display u{text-decoration:none;color:#9147C9;position:relative;display:inline-block}
#plans h2.display u::after,.final h2.display u::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:6px;border-radius:6px;background:#F5B700;opacity:.95}
/* مفتاح شهري/سنوي: كبسولة عاجية بحدّ رقيق، المختار بنفسجي */
#plans .cyc{background:#FFF9EF!important;border:1px solid #E1D3BF!important;border-radius:999px!important;box-shadow:0 4px 0 0 rgba(58,48,41,.08)}
#plans .cyc button{color:#66594C!important;border-radius:999px!important;font-family:Tajawal,sans-serif!important}
#plans .cyc button[aria-pressed="true"]{background:#9147C9!important;color:#fff!important;box-shadow:none!important}
#plans .cyc em{background:#D96D56!important;border-color:#D96D56!important;box-shadow:none!important}
/* بطاقات الأسعار */
#plans .price{background:#FFF9EF!important;border:2px solid rgba(0,0,0,.14)!important;border-radius:24px!important;box-shadow:0 6px 0 0 rgba(0,0,0,.12)!important}
#plans .price.on,#plans .price[aria-pressed="true"]{border-color:#9147C9!important;box-shadow:0 6px 0 0 rgba(145,71,201,.45)!important}
#plans .price-t,#plans .price-s{font-family:Tajawal,sans-serif!important;color:#3A3029!important}
#plans .price-s{color:#66594C!important}
#plans .price-p{font-family:Tajawal,sans-serif!important;color:#3A3029!important}
#plans s.was{color:#D96D56!important}
#plans .price-b{background:#F5B700!important;color:#3A3029!important;border:2px solid rgba(0,0,0,.14)!important;border-radius:999px!important;font-family:Tajawal,sans-serif!important}
#plans .nx-eq{color:#66594C!important;font-family:Tajawal,sans-serif!important}
/* الأزرار: كبسولة مرجانية ممتلئة كالأعلى، والرابط الثانوي حبر */
#plans .nx-cta,.final .nx-cta{background:#D96D56!important;color:#fff!important;border:0!important;border-radius:999px!important;font-family:Tajawal,sans-serif!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(58,48,41,.6)!important;transition:transform .2s ease-out,background-color .2s ease-out!important}
#plans .nx-cta svg,.final .nx-cta svg{color:#fff}
@media(hover:hover){#plans .nx-cta:hover,.final .nx-cta:hover{background:#C85E48!important;transform:scale(1.02)!important}}
#plans .nx-cta:active,.final .nx-cta:active{transform:scale(.98)!important}
#plans .nx-link,.final .nx-link{color:#3A3029!important;font-family:Tajawal,sans-serif!important}
/* الختام */
.final{padding-top:40px!important}
.final .final-in{margin-bottom:24px!important}
/* الذيل: حبر داكن بدل البرتقالي الفاقع، والروابط عاجية */
footer.foot{background:#3A3029!important;color:#F1EAE2!important;font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;border-top:0!important}
footer.foot a,footer.foot span,footer.foot p,footer.foot h3,footer.foot .legal,footer.foot .legal b,footer.foot .brand,footer.foot b{color:#F1EAE2!important}
footer.foot h3{font-family:Tajawal,sans-serif!important;font-weight:800!important;color:#FFFDF8!important}
footer.foot .fl a,footer.foot .fl span{opacity:.92}
footer.foot .pay span{background:#FFF9EF!important;color:#3A3029!important;border:0!important;border-radius:999px!important}
footer.foot .nx-ios,footer.foot .nx-and,footer.foot .hp-store-links a{background:#FFF9EF!important;color:#3A3029!important;border:0!important;border-radius:999px!important}
footer.foot .nx-ios *,footer.foot .nx-and *,footer.foot .hp-store-links a *{color:#3A3029!important}
footer.foot .legal{border-top:1px solid rgba(241,234,226,.25)!important;opacity:.9}
footer.foot hr,footer.foot .foot-grid{border-color:rgba(241,234,226,.25)!important}
/* الذيل صار ثلاثة أعمدة بعد حذف عمود «المنصة» (فارس ٢ نوفمبر) */
@media(min-width:721px){footer.foot .foot-grid{grid-template-columns:1.6fr 1fr 1fr!important}}
@media(max-width:720px){footer.foot .foot-grid>div:first-child{grid-column:1/-1}}