/* ANDALUS_CSS_BUNDLE_V1: andalus-android-v1.css + andalus-site.css + andalus-header-v22.css + andalus-readability-v20.css + andalus-google-rating-v87.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;
  }

}

@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 */


/* ANDALUS_BOTTOM_DOCK_V1 (7 Nov 2026): andalus-site.js measures every bottom bar (+ the «قايمة جهازك» pill) and writes
   --an-bottom-cta-space at EVERY width — the footer ends above them, so its last line is never under a bar; a page with no
   site footer gets the same room at the end of the page. */
body.an-has-bottom-cta .an-site-footer{
  padding-bottom:calc(var(--an-bottom-cta-space,92px) + 16px)!important;
}
body.an-has-bottom-cta.an-dock-nofoot{
  padding-bottom:var(--an-bottom-cta-space,92px)!important;
}
/* the page's own «room for my bar» (/gehaz/ gz-has-bar, the model page .an-pd-body…) left a strip of page colour UNDER the
   footer; with the footer making the room, the page adds none. */
html body.an-has-bottom-cta:not(.an-dock-nofoot){padding-bottom:0!important}

/* == andalus-header-v22.css == */
/* Andalus customer-first header V22 — neutral, benefit-led, mobile-first. */
:root{
  --an-h15-ink:#211f25;
  --an-h15-deep:#151419;
  --an-h15-muted:#6f6a73;
  --an-h15-soft:#f4f2ef;
  --an-h15-paper:#fff;
  --an-h15-line:#e4e0db;
  --an-h15-accent:#a89f96;
  --an-h15-shadow:0 18px 46px rgba(24,22,29,.14);
}
.an-site-header{
  direction:rtl;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(33,31,37,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.65);
  transition:box-shadow .22s ease,background .22s ease;
  isolation:isolate;
}
.an-site-header.is-scrolled{box-shadow:0 12px 34px rgba(24,22,29,.11)!important;background:rgba(255,255,255,.985)!important}
.an-site-header svg{display:block;fill:currentColor}

/* Customer benefits strip */
.an-site-quick{background:var(--an-h15-deep)!important;color:#fff!important;border:0!important}
.an-site-quick__row{min-height:38px!important;justify-content:center!important;gap:0!important;overflow:visible!important;padding:0!important}
.an-site-benefit{position:relative;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;color:#fff!important;font-size:.76rem;font-weight:850;white-space:nowrap;opacity:.96}
.an-site-benefit+ .an-site-benefit:before{content:"";position:absolute;inset-block:10px;right:0;width:1px;background:rgba(255,255,255,.18)}
.an-site-benefit svg{width:17px;height:17px;opacity:.86;flex:0 0 auto}
a.an-site-benefit{transition:background .18s ease,opacity .18s ease}
a.an-site-benefit:hover,a.an-site-benefit:focus-visible{background:rgba(255,255,255,.08);opacity:1;outline:none!important}

/* Main header row and brand */
.an-site-header__row{position:relative;min-height:78px!important;gap:18px!important}
.an-site-brand{min-width:270px!important;gap:13px!important;color:var(--an-h15-ink)!important;flex:0 0 auto}
.an-site-brand img{width:132px!important;height:58px!important;max-width:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.an-site-brand__text{padding-inline-start:13px;border-inline-start:1px solid var(--an-h15-line);line-height:1.28!important}
.an-site-brand__text strong{font-size:1rem!important;color:var(--an-h15-ink)!important;letter-spacing:-.01em}
.an-site-brand__text small{font-size:.68rem!important;color:var(--an-h15-muted)!important;font-weight:800!important;margin-top:3px}

/* Desktop navigation */

/* High-value actions */
.an-site-header__actions{gap:8px!important;flex:0 0 auto}
.an-site-header__action{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:12px;font-size:.82rem;font-weight:900;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.an-site-header__action svg{width:18px;height:18px;flex:0 0 auto}
.an-site-header__action--calc{background:#fff;color:var(--an-h15-ink)!important;border:1px solid #ccc6c0;box-shadow:0 5px 14px rgba(24,22,29,.06)}
.an-site-header__action--wa{background:var(--an-h15-deep)!important;color:#fff!important;border:1px solid var(--an-h15-deep);box-shadow:0 9px 22px rgba(21,20,25,.17)!important}
.an-site-header__action:hover{transform:translateY(-1px)}
.an-site-header__action--calc:hover{background:var(--an-h15-soft);border-color:#afa79f}
.an-site-header__action--wa:hover{background:#302d35!important;box-shadow:0 12px 26px rgba(21,20,25,.22)!important}

/* Professional mobile menu control */

/* Mobile quick actions are hidden on desktop. */

@media(max-width:1320px) and (min-width:1025px){
  .an-site-brand{min-width:150px!important}
  .an-site-brand img{width:112px!important;height:50px!important}
  .an-site-brand__text{display:none!important}
  
  .an-site-header__action{padding-inline:11px}
}

@media(max-width:1024px){
  
  .an-site-header{overflow:visible!important}
  .an-site-quick{display:none!important}
  .an-site-header__row{min-height:64px!important;gap:10px!important;justify-content:space-between!important}
  .an-site-brand{min-width:0!important;margin:0!important;gap:0!important}
  .an-site-brand img{width:112px!important;height:46px!important}
  .an-site-brand__text{display:none!important}
  
  .an-site-header__actions{display:none!important}

  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  .an-site-header__row{z-index:7}
}

@media(max-width:420px){
  .an-site-wrap{width:calc(100% - 16px)!important}
  .an-site-brand img{width:102px!important;height:43px!important}
  
  
  
}

@keyframes anHeaderMenuIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .an-site-header,.an-site-header__action{transition:none!important;animation:none!important}
}

/* ANDALUS_MOBILE_MENU_CLEARANCE_V22_START
 * Keep the mobile/tablet menu fully below the quick-action bar.
 * The actual quick-action height is synchronised by andalus-site.js.
 */
.an-site-header{--an-mobile-actions-height:45px}

@media(max-width:1024px){
  .an-site-header__row{
    position:relative!important;
    z-index:10!important;
  }

  

  

  

  

  
}

/* ANDALUS_MOBILE_MENU_CLEARANCE_V22_END */

/* == andalus-readability-v20.css == */
/* Andalus Readability V15 — calmer Arabic rhythm and clearer separation between lines. */
:root{
  --an-read-heading-leading:1.30;
  --an-read-heading-leading-mobile:1.38;
  --an-read-copy-leading:1.82;
  --an-read-copy-leading-mobile:1.92;
  --an-read-list-gap:.58rem;
}

/* Keep controls compact; improve reading content only. */
main :where(h1,h2,h3,h4,h5,h6){
  line-height:var(--an-read-heading-leading)!important;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
main :where(p,li,blockquote,figcaption,dd){
  line-height:var(--an-read-copy-leading)!important;
  text-wrap:pretty;
}
main :where(ul,ol){
  padding-inline-start:1.35rem;
}
main :where(ul,ol)>li+li{
  margin-top:var(--an-read-list-gap);
}
main details>summary{
  line-height:1.58!important;
}
main :where(.lead,.hero-lead,.an-cat-hero p,.an-info-lead){
  line-height:1.9!important;
}

/* The live-page hero was the most visibly cramped title. */
#anLive .hero h1{
  line-height:1.30!important;
}
#anLive .hero h1 span{
  display:inline;
}

/* Do not let long Arabic labels collide inside cards and CTAs. */
main :where(a,button,.btn,.an-cat-btn,.quote,.tag){
  line-height:1.38;
}

@media(max-width:700px){
  main :where(h1,h2,h3,h4,h5,h6){
    line-height:var(--an-read-heading-leading-mobile)!important;
    letter-spacing:0!important;
  }
  main :where(p,li,blockquote,figcaption,dd){
    line-height:var(--an-read-copy-leading-mobile)!important;
  }
  main :where(ul,ol)>li+li{
    margin-top:.68rem;
  }
  #anLive .hero h1{
    line-height:1.42!important;
  }
  #anLive .hero h1 span{
    display:block;
    margin-top:.13em;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}

/* Standard product-share control — familiar connected-nodes symbol. */
.an-cat-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.an-cat-actions-row .an-cat-share{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:46px!important;min-height:46px!important;padding:0!important;border:1px solid #2b2d2f!important;border-radius:14px!important;background:#fff!important;color:#2b2d2f!important;box-shadow:0 5px 14px rgba(23,26,28,.08)!important;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important}
.an-cat-actions-row .an-cat-share svg{display:block!important;width:22px!important;height:22px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.an-cat-actions-row .an-cat-share:hover,.an-cat-actions-row .an-cat-share:focus-visible{background:#2b2d2f!important;color:#fff!important;border-color:#2b2d2f!important;transform:translateY(-1px)!important;box-shadow:0 9px 20px rgba(23,26,28,.16)!important;outline:3px solid rgba(43,45,47,.13)!important;outline-offset:2px!important}
.an-cat-actions-row .an-cat-share:active{transform:translateY(0) scale(.97)!important}
@media(max-width:700px){.an-cat-actions-row .an-cat-share{height:48px!important;min-height:48px!important;border-radius:15px!important}.an-cat-actions-row .an-cat-share svg{width:23px!important;height:23px!important}}

/* == andalus-google-rating-v87.css == */
/*
 * Andalus V87 — verified Google rating surfaces.
 * Trust data is sourced centrally from includes/site-config.php.
 */
.an-google-rating-badge{
  gap:6px!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.an-google-rating-badge__star{
  color:#fbbc04;
  font-size:1.14em;
  line-height:1;
}
.an-google-rating-badge strong{
  color:#fff;
  font-size:1.02em;
}
.an-google-rating-badge small{
  color:rgba(255,255,255,.78);
  font-size:.78em;
}
.an-google-rating-badge:focus-visible,
.an-google-rating-panel:focus-visible{
  outline:3px solid #fbbc04;
  outline-offset:3px;
}
.an-google-rating-panel{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:4px 12px;
  align-items:center;
  margin:16px 0 18px;
  padding:14px 16px;
  border:1px solid rgba(251,188,4,.36);
  border-radius:16px;
  background:rgba(255,255,255,.065);
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.an-google-rating-panel:hover{
  transform:translateY(-2px);
  border-color:rgba(251,188,4,.75);
  background:rgba(255,255,255,.095);
}
.an-google-rating-panel__stars{
  grid-row:1/3;
  color:#fbbc04;
  font-size:1.18rem;
  letter-spacing:1px;
  direction:ltr;
}
.an-google-rating-panel__copy{
  display:grid;
  gap:2px;
}
.an-google-rating-panel__copy strong{
  color:#fff;
  font-size:.96rem;
}
.an-google-rating-panel__copy small{
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.55;
}
.an-google-rating-panel__link{
  grid-column:2;
  color:#fbbc04;
  font-size:13px;
  font-weight:800;
}
@media (max-width:900px){
  .an-site-quick__row{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .an-site-quick__row::-webkit-scrollbar{display:none}
}
@media (max-width:620px){
  .an-google-rating-panel{
    grid-template-columns:1fr;
  }
  .an-google-rating-panel__stars,
  .an-google-rating-panel__link{
    grid-row:auto;
    grid-column:1;
  }
}

/* Facebook rating next to Google (shown only when a fresh rating exists) */
.an-google-rating-panel + .an-facebook-rating-panel{
  margin-top:-8px;
}