/* 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-fullwidth-v1.css + andalus-smooth-v1.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 */


/* == 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;
}

/* == andalus-fullwidth-v1.css == */
/* ANDALUS_FULLWIDTH_V2 (21 Oct 2026) — desktop only (>1024px).
   Two widths, not one:
   - FRAME = header, footer, product grids, video rails, the search/tools bar, category
     cards, Facebook posts: ~94% of the viewport, so wide screens have no empty gutters.
   - CONTENT = everything else (hero, services, steps, FAQ, forms, 2-column boxes):
     a centered column capped at --an-content-max, so text and cards keep their designed
     size instead of stretching with the screen.
   Product grids use auto-fill: a wider screen gets MORE cards per row (5 at 1920px,
   4 at 1440px), never bigger cards.
   offers.andalusfurniture.com (.ofr-*) is deliberately NOT covered: that sales page is
   designed around its own 1180px frame and spreads thin when widened.
   Loaded site-wide from includes/tracking-head.php. Mobile/tablet untouched. */
:root{
  --an-fullwidth:94%;
  --an-fullwidth-max:2400px;
  --an-content-max:1480px;   /* reading / content column */
  --an-card-min:260px;       /* product card min width in auto-fill grids: 5 cards at 1536px, 6 at 1920px */
}
@media (min-width:1025px){
  /* 1) Default: every page container is a CONTENT column (centered, capped). */
  html body :is(
    .wrap,
    .fbLatest .wrap,
    .an-product-tools>.wrap,
    .an-product-tools>.an-product-tools__wrap,
    .an-site-wrap,
    .an-cat-wrap,
    .an-info-wrap,
    .an-vrail__wrap,
    .mattressWrap,
    .mt-wrap,
    .sbx-wrap,
    .sst-wrap,
    .ang-wrap,
    .s10-wrap,
    .sb-wrap
  ){
    width:min(var(--an-fullwidth),var(--an-content-max))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  /* 2) FRAME: these sections' containers take the wide width. */
  html body :is(
    .an-site-header, .an-site-footer, .an-site-quick,
    .an-cat-categories,
    .start,                     /* homepage category cards row */
    .an-product-tools,          /* search / sort / category chips bar */
    .an-vrail, .an-vtours,      /* video rails */
    .an-cat-main,               /* category page product grid */
    .catalogBlock,              /* /live product grid */
    #catalog,                   /* /24 catalog grid + homepage catalog */
    .mt-results,                /* mattresses grid */
    .sst-models,                /* stainless tables grid */
    .fbLatest                   /* Facebook posts grid */
  ) > :is(.wrap,.an-site-wrap,.an-cat-wrap,.an-vrail__wrap,.mt-wrap,.sst-wrap,.an-product-tools__wrap),
  html body .an-site-wrap{
    width:min(var(--an-fullwidth),var(--an-fullwidth-max))!important;
  }

  /* 3) Product/catalog grids: more columns, same card size. */
  html body :is(
    .an-cat-grid,
    #catalog #grid,
    #anLive #catalog #productGrid.productGrid.grid,
    .mt-grid,
    .catalogGrid
  ){
    grid-template-columns:repeat(auto-fill,minmax(var(--an-card-min),1fr))!important;
  }
  html body .categoryPick{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}

  /* 4) Product cards on desktop: 4:3 photo box (photos are mostly landscape; the blurred
        backdrop added in PHP fills the box for portrait ones), so cards are shorter and
        rows are tighter. */
  html body :is(.an-cat-photo,.an-home-photo,.an-live-photo){--anp-ratio:4/3}
  html body :is(.an-cat-card,.product[data-product]){container-type:inline-size}
  /* Narrow cards (5–6 per row): WhatsApp button on its own row, details + icon-only share below. */
  @container (max-width:309px){
    html body .an-cat .an-cat-card .an-cat-actions-row.pactions.has-details,
    html body #catalog .product .actions.threeActions{grid-template-columns:minmax(0,1fr) 48px!important}
    html body .an-cat .an-cat-card .an-cat-actions-row.pactions.has-details > .ask,
    html body #catalog .product .actions.threeActions > .ask{grid-column:1 / -1!important;grid-row:1!important}
    html body .an-cat .an-cat-card .an-cat-actions-row.pactions.has-details > .an-cat-btn--details,
    html body #catalog .product .actions.threeActions > .productDetails{grid-column:1!important;grid-row:2!important}
    html body .an-cat .an-cat-card .an-cat-actions-row.pactions.has-details > .an-cat-share,
    html body #catalog .product .actions.threeActions > .shareProduct{grid-column:2!important;grid-row:2!important;width:48px!important;min-width:48px!important;max-width:48px!important;padding:0!important}
    html body .an-cat .an-cat-card .an-cat-actions-row.pactions.has-details > .an-cat-share .an-cat-sr-only,
    html body #catalog .product .actions.threeActions > .shareProduct span{display:none!important}
  }

  /* 5) Reading blocks inside the content column stay at a readable line length. */
  html body :is(.seoText .wrap,.ang-wrap--wide){max-width:min(var(--an-fullwidth),1400px)!important}
  html body :is(.andalus-info-subtitle,.sst-models__note,.sbx-faq p,.contactCard p,.fbPostsEmpty p,.an-info-lead,.an-section-intro p,.an2-guide p,.seoText p,.ang-lead,.an-pd__specs-note){max-width:78ch;margin-inline:auto}
  html body :is(.faqAnswer,details>p){max-width:78ch}
}

/* == andalus-smooth-v1.css == */
/* ANDALUS_SMOOTH_SITE_V1 — see assets/andalus-smooth-v1.js. Transforms + opacity only (no layout while scrolling). */
/* ANDALUS_HDR_GLIDE_V4: the header slide is done by assets/andalus-smooth-v1.js with Web Animations (graphics thread).
   No CSS transition on the header on purpose — it would fight those animations. */
@media (max-width:1024px){
  html body .an-site-header{will-change:transform}
}
/* home page: the models' search/filter bar only exists once a section is chosen (.show — andalus-home-catalog-v29.js),
   as the home page was built (andalus-home-v1a.css .tools{display:none}); andalus-product-tools-v42.css forced it on
   (display:block!important) so it showed — and stuck on top over «خدماتنا» — with no models open (owner 03:31, 03:44) */
html body section#tools.tools.an-product-tools:not(.show){display:none!important}
/* ANDALUS_TOOLS_LEAVE_V1: past the last models the filter bar fades away (assets/andalus-smooth-v1.js adds .an-tools-gone) */
html body .tools.an-tools-gone,html body .an-product-tools.tools.an-tools-gone{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility 0s linear .22s!important}
html body .tools,html body .an-product-tools.tools{transition:opacity .22s ease,visibility 0s!important}
/* opening a section in a card: the content unfolds (where the browser can animate it) and fades in everywhere else */
html body .an-cat-card details,html body .an-pd details{interpolate-size:allow-keywords}
@supports selector(::details-content){
  html body .an-cat-card details::details-content,html body .an-pd details::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.22,.8,.24,1),content-visibility .3s allow-discrete}
  html body .an-cat-card details[open]::details-content,html body .an-pd details[open]::details-content{block-size:auto}
}
html body .an-cat-card details[open]>:not(summary),html body .an-pd details[open]>:not(summary){animation:anSmoothIn .26s ease both}
@keyframes anSmoothIn{from{opacity:0;transform:translate3d(0,-4px,0)}to{opacity:1;transform:none}}
/* the buttons inside a card: one clear main action (واتساب), the two «open» rows quiet and the same, «شارك» small */
html body .an-cat-card summary{transition:background-color .18s ease,color .18s ease}
html body .an-cat-card summary:active{background:rgba(111,68,47,.06)}
html body .an-cat-card .an-cat-btn,html body .an-cat-card .an-cat-share{transition:transform .12s ease,background-color .18s ease,box-shadow .18s ease}
html body .an-cat-card .an-cat-btn:active,html body .an-cat-card .an-cat-share:active{transform:scale(.98)}
/* «شارك» is the third action: quiet, smaller, no frame — the green WhatsApp button stays the one main action */
html body .an-cat-card .an-cat-actions-row.pactions>.an-cat-share{min-height:40px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#6f442f!important;font-size:14px!important}
html body .an-cat-card .an-cat-actions-row.pactions>.an-cat-share:active{background:rgba(111,68,47,.06)!important}
/* ANDALUS_HIDE_MODELS_V1: «إخفاء الموديلات» next to the count in the filter bar (assets/andalus-smooth-v1.js) */
html body .toolrow:has(>.an-hide-models),html body section#tools.tools .toolsPanel .toolrow:has(>.an-hide-models){grid-template-columns:minmax(0,1fr) auto auto!important}
html body .toolrow>.selected{grid-column:1/-1}
@media (min-width:1025px){html body .toolrow:has(>.an-hide-models),html body section#tools.tools .toolsPanel .toolrow:has(>.an-hide-models){grid-template-columns:minmax(200px,.8fr) minmax(260px,1.35fr) minmax(150px,.55fr) auto!important}html body .toolrow>.selected{grid-column:auto}}
html body .an-hide-models .an-hm-l{display:none}
@media (min-width:700px){html body .an-hide-models .an-hm-l{display:inline}html body .an-hide-models .an-hm-s{display:none}}
html body .an-hide-models{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;align-self:stretch;min-height:44px;padding:0 12px;border:1px solid #d9c3b4;border-radius:14px;background:#fff;color:#6f442f;font:inherit;font-size:.86rem;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,transform .12s ease}
html body .an-hide-models svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
html body .an-hide-models[aria-expanded="false"]{background:#6f442f;border-color:#6f442f;color:#fff}
html body .an-hide-models[aria-expanded="false"] svg{transform:rotate(180deg)}
html body .an-hide-models:active{transform:scale(.97)}
html body .an-models-off{display:none!important}
html body .tools.an-models-closed,html body .an-product-tools.an-models-closed{position:relative!important;top:auto!important;transform:none!important}
@media (prefers-reduced-motion:reduce){
  html body .an-site-header,html body .tools,html body .an-product-tools.tools{transition:none!important}
  html body .an-cat-card details::details-content,html body .an-pd details::details-content{transition:none!important}
  html body .an-cat-card details[open]>:not(summary),html body .an-pd details[open]>:not(summary){animation:none!important}
}