:root{
  --cs-ink:#1B1A18;--cs-char:#2A2825;--cs-body:#6E6A65;--cs-muted:#9C9791;
  --cs-bg:#FBFAF8;--cs-white:#fff;--cs-line:#E3DFDA;--cs-copper:#8A5A3B;--cs-accent:#EE8C60;
  --cs-pad:clamp(22px,4vw,68px);--cs-head:76px;--cs-ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--cs-ink);background:var(--cs-bg);font-family:"Cairo",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}
html[dir="ltr"] body{font-family:"Poppins",system-ui,sans-serif}
body.cs-nav-open{overflow:hidden}

/* ---- one header system for every page ---- */
#hdr.cs-header{position:fixed!important;inset:0 0 auto!important;z-index:500!important;height:var(--cs-head)!important;min-height:var(--cs-head)!important;padding:0 var(--cs-pad)!important;display:grid!important;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;align-items:center!important;gap:26px!important;background:rgba(251,250,248,.965)!important;border-bottom:1px solid rgba(227,223,218,.82)!important;box-shadow:none!important;backdrop-filter:blur(16px) saturate(1.1)!important;-webkit-backdrop-filter:blur(16px) saturate(1.1)!important;direction:ltr!important;transform:none!important;opacity:1!important}
#hdr.cs-header.scrolled{box-shadow:0 18px 45px -38px rgba(18,17,15,.55)!important}
.cs-brand{grid-column:1!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;color:var(--cs-ink)!important;font-family:"Poppins",sans-serif!important;font-size:17px!important;line-height:1!important;letter-spacing:.12em!important;font-weight:300!important;white-space:nowrap!important;overflow:visible!important;width:auto!important;height:auto!important;background:none!important;opacity:1!important;transform:none!important}
.cs-brand b{font-weight:700!important;letter-spacing:.015em!important}
#hdr.cs-header #mainNav.cs-nav{grid-column:2!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:clamp(18px,2.2vw,34px)!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;direction:rtl!important}
html[dir="ltr"] #hdr.cs-header #mainNav.cs-nav{direction:ltr!important}
#hdr.cs-header #mainNav.cs-nav::before{display:none!important;content:none!important}
#hdr.cs-header #mainNav.cs-nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:10px 0!important;margin:0!important;border:0!important;color:var(--cs-ink)!important;font-size:13.5px!important;line-height:1.2!important;font-weight:500!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;transform:none!important;position:relative!important}
#hdr.cs-header #mainNav.cs-nav>a::after{content:""!important;position:absolute!important;inset-inline-start:0!important;bottom:4px!important;width:0!important;height:1px!important;background:var(--cs-copper)!important;border:0!important;opacity:1!important;transform:none!important;transition:width .3s ease!important}
#hdr.cs-header #mainNav.cs-nav>a:hover::after,#hdr.cs-header #mainNav.cs-nav>a[aria-current="page"]::after{width:100%!important}
.cs-nav-foot{display:none}
.cs-tools{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:14px!important;direction:ltr!important;position:relative!important;z-index:504!important}
.cs-social{display:flex;gap:9px;color:var(--cs-body)}.cs-social a{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;transition:background .25s,color .25s}.cs-social a:hover{background:#F0EDEA;color:var(--cs-ink)}
.cs-langbox{position:relative}.cs-lang{border:0;background:none;padding:8px 0;display:flex;align-items:center;gap:7px;color:var(--cs-ink);cursor:pointer;font-size:12.5px;white-space:nowrap}.cs-lang svg{transition:transform .25s}.cs-langbox.open .cs-lang svg{transform:rotate(180deg)}
.cs-langmenu{position:absolute;top:calc(100% + 10px);right:0;min-width:130px;background:#fff;border:1px solid var(--cs-line);padding:6px;margin:0;list-style:none;box-shadow:0 20px 45px -28px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.25s var(--cs-ease);z-index:520}.cs-langbox.open .cs-langmenu{opacity:1;visibility:visible;transform:none}.cs-langmenu button{width:100%;border:0;background:none;text-align:start;padding:9px 10px;cursor:pointer;color:var(--cs-body);font-size:12px}.cs-langmenu button[aria-current="true"]{color:var(--cs-copper);background:#F8F5F1}
.cs-menu-toggle{display:none!important;width:40px!important;height:40px!important;border:1px solid var(--cs-line)!important;border-radius:12px!important;background:#F7F5F2!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;padding:0!important;color:var(--cs-ink)!important;cursor:pointer!important;box-shadow:none!important}
.cs-menu-toggle span{width:17px!important;height:1px!important;background:currentColor!important;display:block!important;transition:transform .4s var(--cs-ease)!important}.cs-nav-open .cs-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)!important}.cs-nav-open .cs-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)!important}
.cs-nav-backdrop{position:fixed;z-index:495;inset:var(--cs-head) 0 0;background:rgba(20,19,17,.26);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cs-nav-open .cs-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}

/* spacing helpers */
.cs-page{padding-top:var(--cs-head);min-height:100vh}.cs-shell{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--cs-pad)}
.cs-kicker{font-family:"Poppins",sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--cs-copper);font-weight:600}.lang-ar .cs-kicker{font-family:"Cairo",sans-serif;letter-spacing:0;font-size:12px}
.cs-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border:1px solid var(--cs-ink);background:var(--cs-ink);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .3s var(--cs-ease),background .25s,color .25s}.cs-button.alt{background:transparent;color:var(--cs-ink);border-color:var(--cs-line)}.cs-button:hover{transform:translateY(-2px)}.cs-button.alt:hover{background:#F2EFEB}

@media(max-width:1120px){
  :root{--cs-head:68px;--cs-pad:clamp(18px,4vw,36px)}
  #hdr.cs-header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding-inline:var(--cs-pad)!important}
  .cs-brand{font-size:15.5px!important}.cs-tools{grid-column:2!important;gap:9px!important}.cs-social{display:none!important}.cs-menu-toggle{display:flex!important}
  #hdr.cs-header #mainNav.cs-nav{display:flex!important;position:fixed!important;z-index:502!important;top:var(--cs-head)!important;bottom:0!important;width:min(390px,88vw)!important;height:auto!important;padding:20px 24px calc(24px + env(safe-area-inset-bottom))!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;background:#FBFAF8!important;overflow-y:auto!important;overscroll-behavior:contain!important;visibility:hidden!important;pointer-events:none!important;transition:transform .5s var(--cs-ease),visibility .5s!important;opacity:1!important}
  html[dir="rtl"] #hdr.cs-header #mainNav.cs-nav{right:0!important;left:auto!important;text-align:right!important;direction:rtl!important;border-left:1px solid var(--cs-line)!important;transform:translate3d(104%,0,0)!important;box-shadow:-24px 0 70px rgba(22,20,18,.12)!important}
  html[dir="ltr"] #hdr.cs-header #mainNav.cs-nav{left:0!important;right:auto!important;text-align:left!important;direction:ltr!important;border-right:1px solid var(--cs-line)!important;transform:translate3d(-104%,0,0)!important;box-shadow:24px 0 70px rgba(22,20,18,.12)!important}
  .cs-nav-open #hdr.cs-header #mainNav.cs-nav{visibility:visible!important;pointer-events:auto!important;transform:none!important}
  #hdr.cs-header #mainNav.cs-nav::before{display:block!important;content:"MENU"!important;color:var(--cs-muted)!important;padding:3px 0 14px!important;margin:0 0 5px!important;border-bottom:1px solid var(--cs-line)!important;font-family:"Poppins",sans-serif!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:600!important}
  html[dir="rtl"] #hdr.cs-header #mainNav.cs-nav::before{content:"القائمة"!important;font-family:"Cairo",sans-serif!important;letter-spacing:0!important;font-size:11px!important}
  #hdr.cs-header #mainNav.cs-nav>a{display:flex!important;justify-content:space-between!important;min-height:53px!important;padding:13px 0!important;border-bottom:1px solid var(--cs-line)!important;font-size:19px!important;font-weight:500!important;white-space:normal!important}
  #hdr.cs-header #mainNav.cs-nav>a::after{content:""!important;position:static!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-top:1.3px solid currentColor!important;border-right:1.3px solid currentColor!important;background:none!important;opacity:.36!important;transition:opacity .2s!important}
  html[dir="rtl"] #hdr.cs-header #mainNav.cs-nav>a::after{transform:rotate(-135deg)!important}html[dir="ltr"] #hdr.cs-header #mainNav.cs-nav>a::after{transform:rotate(45deg)!important}
  .cs-nav-foot{display:flex;margin-top:auto;padding-top:22px;justify-content:space-between;gap:14px;color:var(--cs-muted);font:10px "Poppins",sans-serif;letter-spacing:.08em;direction:ltr}.cs-nav-foot span:last-child{display:flex;gap:12px;letter-spacing:0}.cs-nav-foot a{font-size:11px!important;min-height:0!important;border:0!important;padding:0!important}.cs-nav-foot a::after{display:none!important}
}
@media(max-width:600px){
  :root{--cs-head:62px;--cs-pad:16px}
  #hdr.cs-header{padding-inline:16px!important}.cs-brand{font-size:14.5px!important;letter-spacing:.1em!important}.cs-lang{font-size:11.5px}.cs-menu-toggle{width:38px!important;height:38px!important;border-radius:11px!important}
  #hdr.cs-header #mainNav.cs-nav{width:min(335px,88vw)!important;padding:18px 20px calc(20px + env(safe-area-inset-bottom))!important}
  #hdr.cs-header #mainNav.cs-nav>a{font-size:18px!important;min-height:49px!important;padding:11px 0!important}
}
@media(hover:none),(pointer:coarse){.cs-button:hover{transform:none}.cs-social a:hover{background:transparent}.cs-media-zoom:hover img{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* legacy home aliases: the homepage script uses body.nav-open */
body.nav-open{overflow:hidden!important}body.nav-open::after{display:none!important;content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-open .cs-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.nav-open .cs-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)!important}.nav-open .cs-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)!important}
@media(max-width:1120px){body.nav-open #hdr.cs-header #mainNav.cs-nav{visibility:visible!important;pointer-events:auto!important;transform:none!important}}


/* V4 mobile drawer clipping fix */
@media(max-width:1120px){
  #hdr.cs-header{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    transform:none!important;
    contain:none!important;
    overflow:visible!important;
    clip-path:none!important;
  }
  #hdr.cs-header #mainNav.cs-nav{
    height:calc(100dvh - var(--cs-head))!important;
    max-height:calc(100dvh - var(--cs-head))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #hdr.cs-header #mainNav.cs-nav>a{
    flex:0 0 auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
}


/* =========================================================
   V5 — one mobile/tablet navigation behavior on every page
   Transparent backdrop + Font Awesome social actions
========================================================= */
body.nav-open,body.cs-nav-open{overflow:hidden!important}
.cs-nav-backdrop{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.nav-open .cs-nav-backdrop,
body.cs-nav-open .cs-nav-backdrop{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.nav-open .cs-menu-toggle span:first-child,
body.cs-nav-open .cs-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)!important}
body.nav-open .cs-menu-toggle span:last-child,
body.cs-nav-open .cs-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)!important}

@media(max-width:1120px){
  body.nav-open #hdr.cs-header #mainNav.cs-nav,
  body.cs-nav-open #hdr.cs-header #mainNav.cs-nav{
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }

  #hdr.cs-header #mainNav.cs-nav{
    isolation:isolate!important;
  }

  .cs-nav-foot{
    display:flex!important;
    margin-top:auto!important;
    padding-top:24px!important;
    border-top:1px solid var(--cs-line)!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    direction:ltr!important;
  }
  .cs-nav-sign{
    max-width:88px!important;
    color:var(--cs-muted)!important;
    font-family:"Poppins",sans-serif!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1.45!important;
    letter-spacing:.10em!important;
  }
  .cs-nav-social{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  #hdr.cs-header #mainNav.cs-nav .cs-nav-social a{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid var(--cs-line)!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    color:var(--cs-ink)!important;
    font-size:16px!important;
    line-height:1!important;
    transition:background .25s ease,color .25s ease,border-color .25s ease,transform .3s var(--cs-ease)!important;
  }
  #hdr.cs-header #mainNav.cs-nav .cs-nav-social a::after{display:none!important;content:none!important}
  #hdr.cs-header #mainNav.cs-nav .cs-nav-social a:hover{
    background:var(--cs-ink)!important;
    border-color:var(--cs-ink)!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
  }
}
@media(max-width:600px){
  .cs-nav-foot{padding-top:18px!important}
  #hdr.cs-header #mainNav.cs-nav .cs-nav-social a{width:40px!important;height:40px!important;min-height:40px!important;font-size:15px!important}
}
@media(hover:none),(pointer:coarse){
  #hdr.cs-header #mainNav.cs-nav .cs-nav-social a:hover{transform:none!important;background:#fff!important;color:var(--cs-ink)!important;border-color:var(--cs-line)!important}
}