/* ANDALUS_ANDROID_LITE_V1 (27 Oct 2026) — owner: «صفحات الويب سايت بتاعت الزائر محتاجة تحسين في العرض ع هواتف أندرويد
   خاصة الرخيصة … بطيئة … وبعض الكلام داخل في بعضه … تعديل مجمع يظبط كل دا مع بعضه».
   One shared layer for every visitor page, loaded from includes/tracking-head.php. Three parts:
   1) phones (≤760px, every brand): Arabic text never touches or runs into the next line, buttons grow
      with their text instead of cutting it, nothing under 13px (the site rule), long words wrap.
   2) html.an-android (any Android): the glass blur behind sticky bars and the blurred copy of every photo
      are switched off — on Android GPUs they are what makes scrolling stutter. Solid colours instead.
   3) html.an-lite (cheap phones: ≤4 GB memory or ≤4 cores on Android, ≤2 GB anywhere, data saver, 2G):
      no endless pulse/glow animations, no scroll-reveal motion, off-screen sections skip rendering until
      they come near. The class is set by the tiny script at the top of tracking-head.php
      (?lite=1 / ?lite=0 on any link forces it on or off for testing). */

/* ---------- 1) Phones: readable Arabic text ---------- */
@media (max-width:760px){
  html body :is(h1,h2,h3){line-height:1.32;overflow-wrap:anywhere;text-wrap:balance}
  html body :is(h4,h5,h6){line-height:1.4;overflow-wrap:anywhere}
  html body :is(p,li,dd,blockquote,figcaption,label){overflow-wrap:break-word}

  /* buttons and chips: a fixed height cut the text when it went to two lines (small screens, big phone font) */
  html body :is(.heroBtn,.allBtn,.an-cat-btn,a.btn,button.btn,.sst-btn,.mt-chip,a.chip,button.chip,a.an-motion-cta,button.an-motion-cta):not(:has(> svg:only-child)){height:auto;line-height:1.3}

  /* the site rule: no text under 13px (the 11–12px tags, hints and <small> lines) */
  html body small,
  html body .fbPostOpenHint,
  html body .fbPostBadge,
  html body .an-hp__tag,
  html body .an-stock__s,
  html body .afs-collapse-toggle,
  html body :is(a,button,span).chip,
  html body .catalog .tag,
  html body .an-home-catalog-embed .tag{font-size:max(13px,1em)}
}

/* ---------- 2) Android: no glass blur, no blurred photo copies ---------- */
html.an-android *,
html.an-android *::before,
html.an-android *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.an-android .an-site-header,
html.an-android .an-home-catalog-embed .top{background-color:#fffcf8!important}
html.an-android .an-home-catalog-embed .tools,
html.an-android .catalog ~ .tools,
html.an-android section.tools{background-color:#fbf6ef!important}

/* photo galleries: the contained photo sits on a soft warm colour instead of its own blurred copy */
html.an-android .anp-gal .anp-gal__slide .anp-gal__bg,
html.an-android .an-yt__bg,
html.an-android .catCard--photo .catPhoto i,
html.an-android .an-sc__photo i{display:none!important}
html.an-android .anp-gal__slide{background:#f3eee8}
html.an-android .catCard--photo .catPhoto,
html.an-android .an-sc__photo{background-color:#f3eee8}

/* ---------- 3) Cheap phones: calm motion and lazy rendering ---------- */
html.an-lite *,
html.an-lite *::before,
html.an-lite *::after{animation-iteration-count:1!important;scroll-behavior:auto!important}
html.an-lite .an-yt__btn,
html.an-lite .an-ft__newyear,
html.an-lite .an-attention-cue,
html.an-lite .an-attention-cue::before,
html.an-lite .an-attention-cue::after,
html.an-lite .an-motion-cta::before,
html.an-lite .an-motion-cta::after{animation:none!important}
html.an-lite .an-reveal,
html.an-lite .an-reveal:not(.is-revealed){opacity:1!important;transform:none!important}
/* spinners keep spinning (they mean «loading») */
html.an-lite .an-ug__spinner,
html.an-lite [class*="spinner"],
html.an-lite [class*="loader"]{animation-iteration-count:infinite!important}

/* big blocks below the first screen are laid out only when the visitor scrolls near them */
html.an-lite body .an-site-footer,
html.an-lite body .fbPostsSection,
html.an-lite body section.an-vrail,
html.an-lite body #faq,
html.an-lite body .an-faq{content-visibility:auto;contain-intrinsic-size:auto 900px}