/* ملاحظات م. زيدان — نوفمبر 2026 */
@font-face { font-family: "Ruaq"; src: url("fonts/itfRuaqArabic-Light.otf") format("opentype"); font-weight: 300; font-display: swap; }
/* النصوص الفرعية بخط رواق الخفيف */
:root { --body: "Ruaq", "Tajawal", system-ui, sans-serif; }
body { font-family: var(--body); font-weight: 300; }
b, strong, .btn, .nav > a, .nav .dd > button, summary { font-weight: 500; }
input, select, textarea, button { font-family: inherit; }
/* وضوح النصوص في الوضع الداكن */
[data-theme="dark"] .ticks li,
[data-theme="dark"] .vsteps p,
[data-theme="dark"] .lead,
[data-theme="dark"] .note { color: #DDE5EC; }
/* عرض الجوال: الترويسة لا تتجاوز عرض الشاشة */
html, body { overflow-x: clip; }
@media (max-width: 640px) {
  .top .wrap { gap: 8px; }
  .brand { flex: 1 1 auto; min-width: 0; gap: 8px; }
  .brand img { height: 40px; }
  .brand b { font-size: 14px; line-height: 1.3; }
  .top-tools { gap: 6px; margin-inline-start: 0; }
  .tool { width: 36px; height: 36px; font-size: 13px; }
  .tool svg { width: 17px; height: 17px; }
  .burger { width: 40px; height: 40px; margin-inline-start: 2px; flex: none; }
}
/* قسم متجر المخططات في الرئيسية */
.store-teaser { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.store-teaser ul { margin: 14px 0 22px; }
@media (max-width: 760px) { .store-teaser { grid-template-columns: 1fr; } }
.store-teaser figure { margin: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px; box-shadow: var(--shadow); }
.store-teaser figure img { width: 100%; height: auto; border-radius: 8px; }
/* شريط آراء العملاء */
.reviews-sec { padding-block: clamp(36px, 5vw, 64px); }
.reviews-marquee { overflow: hidden; margin-top: 22px; }
.reviews-track { display: flex; gap: 16px; width: max-content; animation: mq 70s linear infinite; }
.reviews-marquee:hover .reviews-track { animation-play-state: paused; }
.review { width: 320px; flex: none; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; }
.review p { margin: 0 0 8px; font-size: 15px; line-height: 1.7; color: var(--ink); }
.review b { font-size: 14px; }
.review .stars { color: #E2A63A; letter-spacing: 2px; font-size: 13px; display: block; }
@media (prefers-reduced-motion: reduce) { .reviews-track { animation: none; flex-wrap: wrap; width: auto; } .review { width: auto; flex: 1 1 280px; } }
/* المتجر */
.plan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px; }
.plan-card { display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.plan-card .plan-img { background: #fff; aspect-ratio: 4 / 3; display: grid; place-items: center; padding: 8px; }
.plan-card .plan-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.plan-card .plan-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.plan-card h3 { font-size: 18px; margin: 0; }
.plan-price { font-weight: 700; color: var(--gold-d); }
.plan-gallery { display: grid; gap: 14px; }
.plan-gallery img { width: 100%; height: auto; background: #fff; border: 1px solid var(--line); border-radius: 10px; }