/* ANDALUS_CSS_BUNDLE_V1: andalus-android-v1.css + andalus-site.css */
/* == andalus-android-v1.css == */
/* 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}

/* ANDALUS_SCROLL_CHEAP_V1 (30 Oct 2026, owner: «ريلمي … بطيء جدا»): mid-range Android phones (4+ GB, 8 cores) are not
   «an-lite», but they still paid layout/paint for the long blocks under the products on every scroll. Every Android now
   skips rendering those blocks until the visitor comes near them (the browser keeps their real size once seen). */
html.an-android body .an-site-footer,
html.an-android body .fbPostsSection,
html.an-android body section.an-vrail,
html.an-android body #faq,
html.an-android body .an-faq,
html.an-android body #from-showroom{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* cards and headings that already appeared stop holding their own GPU layer (will-change from andalus-motion.css kept
   ~20 layers with blur/opacity alive for the whole visit — the phone recomposed all of them on every scroll frame);
   the thin scroll-progress line (repainted from JS on every frame) is left out on Android */
html.an-android .an-reveal.is-revealed,
html.an-android .an-motion-card.is-revealed,
html.an-android .an-motion-heading.is-revealed{will-change:auto!important}
html.an-android .an-scroll-progress{display:none!important}

/* == andalus-site.css == */
:root{
  --an-ink:#231713;--an-muted:#79665b;--an-brand:#6f442f;--an-brand-2:#b9825e;
  --an-cream:#fbf6ef;--an-paper:#fff;--an-line:#eadbd0;--an-wa:#128c4a;
  --an-shadow:0 14px 36px rgba(61,35,24,.10);--an-radius:22px
}
.an-site-header,.an-site-footer{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;box-sizing:border-box}
.an-site-header *,.an-site-footer *{box-sizing:border-box}
.an-site-header a,.an-site-footer a{text-decoration:none}
.an-site-wrap{width:min(1500px,calc(100% - 32px));margin-inline:auto}
.an-site-header{position:sticky;top:0;z-index:1000;background:rgba(255,252,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--an-line);color:var(--an-ink)}
.an-site-header__row{min-height:70px;display:flex;align-items:center;gap:18px}
.an-site-brand{display:flex;align-items:center;gap:10px;min-width:220px;color:var(--an-ink)}
.an-site-brand img{width:46px;height:46px;object-fit:contain;border-radius:14px;border:1px solid var(--an-line);background:#fff;padding:3px;box-shadow:0 8px 20px rgba(61,35,24,.09)}
.an-site-brand__text{display:flex;flex-direction:column;line-height:1.25}.an-site-brand__text strong{font-size:1.02rem;font-weight:900}.an-site-brand__text small{font-size:.69rem;color:var(--an-muted);font-weight:800}

.an-site-header__actions{display:flex;align-items:center;gap:7px}.an-site-header__wa{height:42px;padding:0 15px;border-radius:13px;background:var(--an-wa);color:#fff!important;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 9px 20px rgba(18,140,74,.18)}

.an-site-quick{background:linear-gradient(90deg,#2a1a15,#6f442f);color:#fff}.an-site-quick__row{min-height:34px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:.74rem;font-weight:800}.an-site-quick__row a{color:#fff}.an-site-quick__dot{opacity:.45}
.an-site-footer{margin-top:50px;background:linear-gradient(180deg,#281914,#160d0b);color:#fff;padding:48px 0 22px}.an-site-footer__top{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:26px}.an-site-footer h2,.an-site-footer h3{margin:0 0 11px;color:#fff;font-weight:900}.an-site-footer h2{font-size:1.45rem}.an-site-footer h3{font-size:1rem}.an-site-footer p{margin:0;color:#d9c8be;line-height:1.8;font-weight:700}.an-site-footer__brand{max-width:440px}.an-site-footer__links{display:grid;gap:7px}.an-site-footer__links a{color:#e8d9d0;font-weight:750;font-size:.9rem}.an-site-footer__links a:hover{color:#fff;text-decoration:underline}.an-site-footer__contact{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.an-site-footer__contact a{color:#fff;font-weight:850}.an-site-footer__wa{display:flex!important;align-items:center;justify-content:center;margin-top:12px;min-height:44px;border-radius:13px;background:var(--an-wa);color:#fff!important;font-weight:900}.an-site-footer__social{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.an-site-footer__social-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 10px 5px 12px;background:rgba(255,255,255,.055);color:#fff;font-size:.8rem;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.an-site-footer__social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3);box-shadow:0 10px 22px rgba(0,0,0,.18)}.an-site-footer__social-link:focus-visible{outline:3px solid rgba(255,255,255,.32);outline-offset:3px}.an-site-footer__social-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;box-shadow:0 5px 13px rgba(0,0,0,.22)}.an-site-footer__social-icon svg{width:18px;height:18px;display:block;fill:currentColor}.an-site-footer__social-link--facebook .an-site-footer__social-icon{background:#1877f2}.an-site-footer__social-link--instagram .an-site-footer__social-icon{background:radial-gradient(circle at 30% 110%,#ffd600 0 10%,#ff7a00 28%,#ff0169 52%,#d300c5 72%,#7638fa 100%)}.an-site-footer__social-link--tiktok .an-site-footer__social-icon{background:#050505;box-shadow:-2px 1px 0 #25f4ee,2px -1px 0 #fe2c55,0 5px 13px rgba(0,0,0,.22)}.an-site-footer__social-link--youtube .an-site-footer__social-icon{background:#ff0000}.an-site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#bfaea5;font-size:.8rem;font-weight:700}.an-site-footer__policies{display:flex;flex-wrap:wrap;gap:10px}.an-site-footer__policies a{color:#d7c7bd}
.an-site-skip{position:fixed;top:8px;right:8px;z-index:2000;transform:translateY(-150%);background:#fff;color:var(--an-brand);padding:9px 14px;border-radius:10px;font-weight:900}.an-site-skip:focus{transform:none}
@media(max-width:1100px){.an-site-brand{min-width:190px}.an-site-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){.an-site-wrap{width:calc(100% - 20px)}.an-site-header__row{min-height:62px}.an-site-brand{min-width:0;margin-left:auto}.an-site-brand img{width:42px;height:42px}.an-site-brand__text small{display:none}.an-site-header__actions .an-site-header__wa{height:40px;padding-inline:11px;font-size:.82rem}.an-site-quick__row{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-inline:4px;gap:11px}.an-site-footer{padding-top:35px}.an-site-footer__top{grid-template-columns:1fr}.an-site-footer__bottom{align-items:flex-start;flex-direction:column}.an-site-footer__policies{gap:7px}}

/* Tablet portrait and compact landscape: 768–1024px */
@media(min-width:701px) and (max-width:1024px){
  .an-site-wrap{width:calc(100% - 28px)}
  .an-site-header__row{gap:12px}
  .an-site-brand{margin-left:auto}
  .an-site-brand__text small{display:block}
  .an-site-header__actions .an-site-header__wa{min-width:88px}
  
  
  
  .an-site-quick__row{scrollbar-width:none}
  .an-site-quick__row::-webkit-scrollbar{display:none}
  .an-site-footer__top{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .an-site-footer__brand{max-width:none}
  .an-site-footer__contact{min-height:100%}
  .an-site-footer__bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:380px){.an-site-header__actions .an-site-header__wa{display:none}}

/* ANDALUS_MOBILE_FOOTER_V19_START */
/* Customer-first responsive footer with automatic clearance for fixed bottom CTAs. */
.an-site-footer__copyright,.an-site-footer__bottom>span:first-child{display:block}

@media (max-width:1024px){
  .an-site-footer{
    --an-footer-card:rgba(255,255,255,.065);
    --an-footer-card-border:rgba(255,255,255,.12);
    --an-footer-link:rgba(255,255,255,.055);
    --an-footer-link-hover:rgba(255,255,255,.12);
    margin-top:36px!important;
    padding:34px 0 calc(30px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(180deg,#252429 0%,#19181c 100%)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    overflow:clip;
  }

  .an-site-footer>.an-site-wrap{
    width:min(calc(100% - 24px),1180px)!important;
  }

  .an-site-footer__top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .an-site-footer__brand,
  .an-site-footer__top>nav,
  .an-site-footer__contact{
    width:100%;
    max-width:none!important;
    min-width:0;
    padding:17px!important;
    border:1px solid var(--an-footer-card-border)!important;
    border-radius:20px!important;
    background:var(--an-footer-card)!important;
    box-shadow:none!important;
  }

  .an-site-footer h2{
    margin-bottom:8px!important;
    font-size:1.32rem!important;
    line-height:1.45!important;
  }

  .an-site-footer h3{
    margin-bottom:10px!important;
    font-size:1.02rem!important;
    line-height:1.5!important;
  }

  .an-site-footer p{
    font-size:.9rem!important;
    line-height:1.85!important;
  }

  .an-site-footer__links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px!important;
  }

  .an-site-footer__links a{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    min-height:42px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:var(--an-footer-link);
    color:#f2f0f3!important;
    font-size:.82rem!important;
    font-weight:850!important;
    line-height:1.45;
    overflow-wrap:anywhere;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }

  .an-site-footer__links a:hover,
  .an-site-footer__links a:focus-visible{
    background:var(--an-footer-link-hover);
    border-color:rgba(255,255,255,.22);
    transform:translateY(-1px);
    outline:none;
  }

  .an-site-footer__contact .an-site-footer__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .an-site-footer__wa{
    min-height:48px!important;
    margin-top:10px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:#35343a!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .an-site-footer__social{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
    margin-top:14px!important;
  }

  .an-site-footer__social-link{
    width:100%;
    min-width:0;
    min-height:44px!important;
    justify-content:flex-start;
    padding:6px 9px!important;
    border-radius:13px!important;
    background:var(--an-footer-link)!important;
  }

  .an-site-footer__social-icon{
    width:30px!important;
    height:30px!important;
  }

  .an-site-footer__bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    margin-top:16px!important;
    padding:18px 2px 0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }

  .an-site-footer__copyright,
  .an-site-footer__bottom>span:first-child{
    width:100%;
    color:#d2cfd5!important;
    text-align:center;
    font-size:.8rem;
    font-weight:750;
    line-height:1.8;
  }

  .an-site-footer__policies{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:8px!important;
  }

  .an-site-footer__policies a{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:42px;
    padding:8px 7px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.05);
    color:#eeebef!important;
    text-align:center;
    font-size:.76rem;
    font-weight:850;
    line-height:1.45;
  }

  .an-site-footer__policies a:last-child{
    grid-column:1/-1;
  }

  /* JS measures the actual visible bottom bar and writes this variable. */
  body.an-has-bottom-cta .an-site-footer{
    padding-bottom:calc(var(--an-bottom-cta-space,92px) + 24px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:370px){
  .an-site-footer__links,
  .an-site-footer__contact .an-site-footer__links,
  .an-site-footer__social,
  .an-site-footer__policies{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .an-site-footer__policies a:last-child{grid-column:auto}
}
/* ANDALUS_MOBILE_FOOTER_V19_END */

/* ANDALUS_MOBILE_NAV_TOGGLE_FIX_V2 */

/* ANDALUS_MOBILE_NAV_TOGGLE_FIX_V2_END */