/* الرئيسية على الجوال (≤760px): ترتيب بصري فقط. ترتيب النص في HTML لم يتغير ولا يُحذف أي نص.
   1) الرأس: الشعارات، العنوان، الوصف، ثم الأزرار، ثم الدفع والثقة و24/24 والروابط الاجتماعية.
   2) الأقسام: افتتاحي، 3 خطوات، شريط «ابدأ التحويل»، شاشات التطبيق، الأسئلة، المساعدة، الباقات، روابط الدول، نص SEO الطويل.
   3) شريط الموافقة مضغوط وملاصق لأسفل الشاشة كي لا يغطي الأزرار.
   4) الرأس الثابت يختفي عند التمرير لأسفل (home-header.js). */
@media (max-width:760px){
  main{display:flex;flex-direction:column}
  main>.hero{order:1}
  main>#how{order:2}
  main>#support{order:3}
  main>#app{order:4}
  main>#faq{order:5}
  main>#order-help{order:6}
  main>.operator-guides-entry{order:7}
  main>.bottom-seo-links{order:8}
  main>.seo-brief{order:9}

  .hero-copy>.operator-logos{order:1}
  .hero-copy>h1{order:2}
  .hero-copy>.hero-lead{order:3}
  .hero-copy>.hero-actions{order:4}
  .hero-copy>.payment-methods{order:5}
  .hero-copy>.payment-trust-subtext{order:6}
  .hero-copy>.hero-instant{order:7}
  .hero-copy>.social-links{order:8}
  .hero-copy>.hero-trust{order:9}

  .meta-consent{inset-inline:8px;inset-block-end:calc(8px + env(safe-area-inset-bottom,0px));padding:10px 12px;gap:8px;border-radius:14px}
  .meta-consent p{max-width:none;font-size:.78rem;line-height:1.4}
  .meta-consent-actions{margin-inline-start:auto}
  .meta-consent-actions button{min-height:36px;padding:0 14px;font-size:.85rem}

  .site-header{transition:transform .28s ease;will-change:transform}
  .site-header.is-hidden{transform:translateY(-100%)}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.site-header{transition:none}}