/* GENERATED by tools/build-header-css.py from site.css — do not edit by hand. */
:root .site-header{--green:#1CA97C; --green-600:#16916A; --green-900:#0B4432; --dark:#0A2E22; --ink:#0C1A14; --ink-2:#16241D; --muted:#6E8079; --muted-2:#93A39C; --mint:#E9F7F0; --mint-2:#F2FAF6; --line:#E2EAE6; --fine:#6EC1E4; --mid:#E0C536; --subq:#8E5CC2; --brown:#8A5B1E; --brown-600:#6F4915; --brown-300:#C9A46A; --sand:#F8F2E8; --sand-2:#FBF7F1; --sand-line:#EADFCB; --warn-bg:var(--sand); --warn-ink:var(--brown); --warn-line:var(--sand-line); --ff:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif; --ff-d:'Cairo','IBM Plex Sans Arabic',sans-serif; --ff-lat:'Archivo','Cairo',sans-serif; --container:1290px; --r-sm:12px; --r-md:20px; --r-lg:28px; --shadow-card:0 24px 60px -24px rgba(10,46,34,.22); --shadow-soft:0 12px 34px -14px rgba(10,46,34,.16); --ease:cubic-bezier(.25,.8,.35,1);
  font-family:var(--ff);font-size:16px;line-height:1.8;color:var(--ink);-webkit-font-smoothing:antialiased;text-align:start}
html[dir="ltr"] .site-header{--ff:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif; --ff-d:'Archivo','Plus Jakarta Sans',sans-serif; --ff-lat:'Archivo','Plus Jakarta Sans',sans-serif;}
*:where(.site-header,.site-header *):not(#_),*:where(.site-header,.site-header *):not(#_)::before,*:where(.site-header,.site-header *):not(#_)::after{box-sizing:border-box}
img:where(.site-header,.site-header *):not(#_){max-width:100%;display:block}
a:where(.site-header,.site-header *):not(#_){color:inherit;text-decoration:none}
ul:where(.site-header,.site-header *):not(#_){margin:0;padding:0;list-style:none}
p:where(.site-header,.site-header *):not(#_){margin:0}
button:where(.site-header,.site-header *):not(#_){font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible:where(.site-header,.site-header *):not(#_){outline:2px solid var(--green);outline-offset:3px}
.lat:where(.site-header,.site-header *):not(#_){font-family:var(--ff-lat)}
/* style.css / rtl.css leaks (before the generated rules, so a real site.css value wins) */
.logo__text:where(.site-header,.site-header *):not(#_){letter-spacing:normal}
.nav:where(.site-header,.site-header *):not(#_){margin:0}
.nav__list:where(.site-header,.site-header *):not(#_){box-shadow:none}
.btn:where(.site-header,.site-header *):not(#_){display:inline-flex;align-items:center;gap:13px; padding:7px;padding-inline-start:24px; border-radius:999px; font-size:14.5px;font-weight:600;white-space:nowrap; transition:transform .35s var(--ease),background .3s,color .3s;}
.btn:hover:where(.site-header,.site-header *):not(#_){transform:translateY(-2px)}
.btn__circle:where(.site-header,.site-header *):not(#_){width:34px;height:34px;border-radius:50%; display:grid;place-items:center; transition:transform .4s var(--ease);}
.btn:hover .btn__circle:where(.site-header,.site-header *):not(#_){transform:rotate(-45deg)}
.btn--dark:where(.site-header,.site-header *):not(#_){background:var(--ink);color:#fff}
.btn--dark:hover:where(.site-header,.site-header *):not(#_){background:var(--green-900)}
.btn--dark .btn__circle:where(.site-header,.site-header *):not(#_){background:var(--green);color:#fff}
.btn--green:where(.site-header,.site-header *):not(#_){background:var(--green);color:#fff}
.btn--green:hover:where(.site-header,.site-header *):not(#_){background:var(--green-600)}
.btn--green .btn__circle:where(.site-header,.site-header *):not(#_){background:#fff;color:var(--green)}
.btn--white:where(.site-header,.site-header *):not(#_){background:#fff;color:var(--ink)}
.btn--white .btn__circle:where(.site-header,.site-header *):not(#_){background:var(--green);color:#fff}
.btn--ghost:where(.site-header,.site-header *):not(#_){background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost:hover:where(.site-header,.site-header *):not(#_){box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green-900)}
.btn--ghost .btn__circle:where(.site-header,.site-header *):not(#_){background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost-light:where(.site-header,.site-header *):not(#_){background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.btn--ghost-light .btn__circle:where(.site-header,.site-header *):not(#_){background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn[disabled]:where(.site-header,.site-header *):not(#_){opacity:.45;pointer-events:none}
.wa-btn:where(.site-header,.site-header *):not(#_){display:inline-flex;align-items:center;gap:9px; padding:10px 20px;border-radius:999px; font-size:14px;font-weight:700;background:var(--green);color:#fff; transition:background .3s,transform .3s;}
.wa-btn:hover:where(.site-header,.site-header *):not(#_){background:var(--green-600);transform:translateY(-2px)}
.site-header:where(.site-header,.site-header *):not(#_){position:sticky;top:0;z-index:60; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
.site-header__inner:where(.site-header,.site-header *):not(#_){width:100%;max-width:1560px;margin-inline:auto; padding:14px 34px; display:flex;align-items:center;gap:22px;}
.logo:where(.site-header,.site-header *):not(#_){display:flex;align-items:center;gap:10px;color:var(--ink);flex:none}
.logo__mark:where(.site-header,.site-header *):not(#_){width:30px;height:30px;border-radius:9px; display:grid;place-items:center; background:var(--green);color:#fff;}
.logo__text:where(.site-header,.site-header *):not(#_){display:flex;flex-direction:column;line-height:1.2}
.logo__text b:where(.site-header,.site-header *):not(#_){font-family:var(--ff-d);font-size:16.5px;font-weight:800}
.logo__text i:where(.site-header,.site-header *):not(#_){font-style:normal;font-family:var(--ff-lat);font-size:8px;letter-spacing:.22em;color:var(--brown);font-weight:700}
.nav__list:where(.site-header,.site-header *):not(#_){display:flex;align-items:center;gap:2px; padding:6px;background:#fff; border:1px solid var(--line);border-radius:999px;}
.nav__item:where(.site-header,.site-header *):not(#_){position:relative}
.nav__link:where(.site-header,.site-header *):not(#_){display:inline-flex;align-items:center;gap:6px; padding:9px 15px;border-radius:999px; font-size:14px;font-weight:600;color:var(--ink-2); transition:background .3s,color .3s;}
.nav__link svg:where(.site-header,.site-header *):not(#_){opacity:.5;transition:transform .3s}
.nav__link:hover:where(.site-header,.site-header *):not(#_),.nav__link.is-active:where(.site-header,.site-header *):not(#_){background:var(--mint);color:var(--green-900)}
.nav__item:hover .nav__link svg:where(.site-header,.site-header *):not(#_){transform:rotate(180deg)}
.dropdown:where(.site-header,.site-header *):not(#_){position:absolute;top:calc(100% + 12px);inset-inline-start:0; min-width:230px;padding:10px; background:#fff;border-radius:16px; box-shadow:var(--shadow-card); opacity:0;visibility:hidden;transform:translateY(12px); transition:.32s var(--ease); z-index:70;}
.nav__item:hover .dropdown:where(.site-header,.site-header *):not(#_),.nav__item.is-open .dropdown:where(.site-header,.site-header *):not(#_){opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a:where(.site-header,.site-header *):not(#_){display:block;padding:9px 14px;border-radius:10px; font-size:13.5px;font-weight:500;color:var(--muted); transition:.25s;}
.dropdown a:hover:where(.site-header,.site-header *):not(#_){background:var(--mint);color:var(--green-900)}
.header__actions:where(.site-header,.site-header *):not(#_){display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.burger:where(.site-header,.site-header *):not(#_){width:44px;height:44px;border-radius:14px;background:var(--ink); display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.burger span:where(.site-header,.site-header *):not(#_){display:block;width:17px;height:2px;background:#fff;border-radius:2px;transition:.3s}
.burger.is-open span:nth-child(1):where(.site-header,.site-header *):not(#_){transform:translateY(6px) rotate(45deg)}
.burger.is-open span:nth-child(2):where(.site-header,.site-header *):not(#_){opacity:0}
.burger.is-open span:nth-child(3):where(.site-header,.site-header *):not(#_){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1280px){
  .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 11px;font-size:13px}
  .site-header__inner:where(.site-header,.site-header *):not(#_){padding-inline:22px;gap:14px}
}
@media (max-width:1080px){
  .nav:where(.site-header,.site-header *):not(#_){position:fixed;inset:0 auto 0 0;width:min(330px,86vw); background:#fff;padding:96px 22px 30px; box-shadow:20px 0 60px -30px rgba(0,0,0,.4); transform:translateX(-110%);transition:transform .45s var(--ease); z-index:70;overflow-y:auto;}
  .nav.is-open:where(.site-header,.site-header *):not(#_){transform:none}
  .nav__list:where(.site-header,.site-header *):not(#_){flex-direction:column;align-items:stretch;gap:2px;border:0;padding:0}
  .nav__link:where(.site-header,.site-header *):not(#_){justify-content:space-between;padding:13px 16px;font-size:15px}
  .dropdown:where(.site-header,.site-header *):not(#_){position:static;opacity:1;visibility:visible;transform:none; box-shadow:none;padding:0 12px 8px;max-height:0;overflow:hidden; transition:max-height .4s var(--ease);}
  .nav__item.is-open .dropdown:where(.site-header,.site-header *):not(#_){max-height:400px}
  .burger:where(.site-header,.site-header *):not(#_){display:flex}
  .header__actions .btn:where(.site-header,.site-header *):not(#_){display:none}
}
@media (max-width:680px){
  .site-header__inner:where(.site-header,.site-header *):not(#_){padding-inline:18px;gap:10px}
  .wa-btn:where(.site-header,.site-header *):not(#_){padding:11px;gap:0}
  .wa-btn__txt:where(.site-header,.site-header *):not(#_){display:none}
}
html[dir="ltr"] .btn:hover .btn__circle:where(.site-header,.site-header *):not(#_){transform:rotate(45deg)}
.lang-pill:where(.site-header,.site-header *):not(#_){display:inline-flex;align-items:center;gap:6px; padding:9px 16px;border-radius:999px; font-size:13px;font-weight:700; color:var(--ink-2);background:#fff; border:1.5px solid var(--line); transition:.3s;white-space:nowrap;}
.lang-pill:hover:where(.site-header,.site-header *):not(#_){border-color:var(--green);color:var(--green-900)}
@media (max-width:1080px){
  .nav:where(.site-header,.site-header *):not(#_){inset-inline:auto 0;transform:translateX(110%)}
  html[dir="rtl"] .nav:where(.site-header,.site-header *):not(#_){inset:0 auto 0 0;transform:translateX(-110%);box-shadow:20px 0 60px -30px rgba(0,0,0,.4)}
  html[dir="ltr"] .nav:where(.site-header,.site-header *):not(#_){inset:0 0 0 auto;box-shadow:-20px 0 60px -30px rgba(0,0,0,.4)}
  .nav.is-open:where(.site-header,.site-header *):not(#_){transform:none}
}
.btn--wa:where(.site-header,.site-header *):not(#_){background:#25D366;color:#0A1A12;font-weight:700}
.btn--wa:hover:where(.site-header,.site-header *):not(#_){background:#1EBE5A;color:#0A1A12}
.btn--wa svg:where(.site-header,.site-header *):not(#_){flex:none}
@media (hover:hover) and (pointer:fine){
  .btn--dark:hover:where(.site-header,.site-header *):not(#_),.btn--green:hover:where(.site-header,.site-header *):not(#_){box-shadow:0 14px 30px -14px rgba(10,46,34,.55)}
}
@media (prefers-reduced-motion:reduce){
  .btn:hover:where(.site-header,.site-header *):not(#_){transform:none}
}
.site-header:where(.site-header,.site-header *):not(#_){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header:where(.site-header,.site-header *):not(#_)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:rgba(255,255,255,.94); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.nav__link:where(.site-header,.site-header *):not(#_){white-space:nowrap}
.burger:where(.site-header,.site-header *):not(#_){position:relative;z-index:80}
@media (min-width:1081px) and (max-width:1280px){
  .nav:where(.site-header,.site-header *):not(#_){position:fixed;top:0;bottom:0;width:min(330px,86vw); background:#fff;padding:96px 22px 30px; transition:transform .45s var(--ease);z-index:70;overflow-y:auto;}
  html[dir="ltr"] .nav:where(.site-header,.site-header *):not(#_){inset:0 0 0 auto;transform:translateX(110%);box-shadow:-20px 0 60px -30px rgba(0,0,0,.4)}
  html[dir="rtl"] .nav:where(.site-header,.site-header *):not(#_){inset:0 auto 0 0;transform:translateX(-110%);box-shadow:20px 0 60px -30px rgba(0,0,0,.4)}
  .nav__list:where(.site-header,.site-header *):not(#_){flex-direction:column;align-items:stretch;gap:2px;border:0;padding:0;box-shadow:none}
  .nav__link:where(.site-header,.site-header *):not(#_){justify-content:space-between;padding:13px 16px;font-size:15px}
  .dropdown:where(.site-header,.site-header *):not(#_){position:static;opacity:1;visibility:visible;transform:none; box-shadow:none;padding:0 12px 8px;max-height:0;overflow:hidden; transition:max-height .4s var(--ease);}
  .burger:where(.site-header,.site-header *):not(#_){display:flex}
}
@media (max-width:1280px){
  .nav:where(.site-header,.site-header *):not(#_){visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
  html[dir] .nav.is-open:where(.site-header,.site-header *):not(#_){transform:none;visibility:visible;transition:transform .45s var(--ease)}
  .nav__item:hover .dropdown:where(.site-header,.site-header *):not(#_){max-height:0}
  .nav__item.is-open .dropdown:where(.site-header,.site-header *):not(#_),.nav__item.is-open:hover .dropdown:where(.site-header,.site-header *):not(#_){max-height:640px}
}
@media (min-width:1281px) and (max-width:1536px){
  .site-header__inner:where(.site-header,.site-header *):not(#_){gap:12px;padding-inline:22px}
  .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 9px;font-size:13.5px;gap:4px}
  .site-header .wa-btn:where(.site-header,.site-header *):not(#_){padding:11px;gap:0}
  .site-header .wa-btn__txt:where(.site-header,.site-header *):not(#_){display:none}
}
@media (max-width:380px){
  .site-header__inner:where(.site-header,.site-header *):not(#_){padding-inline:14px;gap:8px}
  .header__actions:where(.site-header,.site-header *):not(#_){gap:6px}
  .lang-pill:where(.site-header,.site-header *):not(#_){padding:8px 10px}
  .site-header .wa-btn:where(.site-header,.site-header *):not(#_){padding:10px}
  .burger:where(.site-header,.site-header *):not(#_){width:40px;height:40px}
  .site-header .logo:where(.site-header,.site-header *):not(#_){gap:8px}
  .site-header .logo__text b:where(.site-header,.site-header *):not(#_){font-size:15px}
}
.nav-scrim{position:fixed;inset:0;background:rgba(6,20,14,.45);z-index:55; opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.nav-scrim.is-on{opacity:1;visibility:visible}
html.nav-locked{overflow:hidden}
.btn__circle:where(.site-header,.site-header *):not(#_){flex:none}
@media (max-width:680px){
  .btn:where(.site-header,.site-header *):not(#_){white-space:normal;max-width:100%;text-align:start;line-height:1.35}
}
.logo__text i:where(.site-header,.site-header *):not(#_){font-size:9.5px}
@media (max-width:1280px){
  .dropdown:where(.site-header,.site-header *):not(#_){padding-bottom:0!important}
  .nav__item.is-open .dropdown:where(.site-header,.site-header *):not(#_){padding-bottom:8px!important}
  .nav__item:hover .nav__link svg:where(.site-header,.site-header *):not(#_){transform:none}
  .nav__item.is-open .nav__link svg:where(.site-header,.site-header *):not(#_){transform:rotate(180deg)}
}
@media (max-width:680px){
  .btn:where(.site-header,.site-header *):not(#_){min-height:40px}
}
html .btn:hover .btn__circle:where(.site-header,.site-header *):not(#_),html[dir] .btn:hover .btn__circle:where(.site-header,.site-header *):not(#_),html[dir] .btn--sm:hover .btn__circle:where(.site-header,.site-header *):not(#_){transform:none}
html.nav-locked .wa-float{opacity:0;pointer-events:none}
.site-header .logo--brand:where(.site-header,.site-header *):not(#_){gap:11px;color:var(--ink)}
.site-header .logo--brand .logo__mark:where(.site-header,.site-header *):not(#_){width:26px;height:26px;border-radius:8px}
.site-header .logo--brand .logo__mark svg:where(.site-header,.site-header *):not(#_){width:16px;height:16px}
.site-header .logo--brand .logo__stack:where(.site-header,.site-header *):not(#_){display:flex;flex-direction:column;line-height:1.15}
.site-header .logo--brand .logo__text:where(.site-header,.site-header *):not(#_){display:inline;font-family:var(--ff-d); font-size:23px;font-weight:800;letter-spacing:.02em;line-height:1.15; color:var(--ink);white-space:nowrap;}
html[dir="rtl"] .site-header .logo--brand .logo__text:where(.site-header,.site-header *):not(#_){letter-spacing:0}
.site-header .logo--brand .logo__u:where(.site-header,.site-header *):not(#_){color:var(--green)}
.site-header .logo--brand .logo__r:where(.site-header,.site-header *):not(#_){color:var(--brown)}
.site-header .logo--brand .logo__sub:where(.site-header,.site-header *):not(#_){display:block;font-style:normal;font-family:var(--ff-lat,inherit); font-size:11px;font-weight:700;letter-spacing:.24em; color:var(--brown);margin-top:3px;}
.site-header .logo--brand .logo__sub[lang="ar"]:where(.site-header,.site-header *):not(#_){font-family:inherit;letter-spacing:0;font-size:12px}
@media (max-width:380px){
  .site-header .logo--brand .logo__text:where(.site-header,.site-header *):not(#_){font-size:18px}
}
@media (max-width:520px){
  .site-header .logo--brand .logo__text:where(.site-header,.site-header *):not(#_){font-size:20px}
  .site-header .logo--brand .logo__sub:where(.site-header,.site-header *):not(#_){font-size:10px}
}
@media (min-width:1281px) and (max-width:1366px){
  .site-header .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 7px;font-size:13px}
}
@media (max-width:380px){
  .site-header .header__actions .wa-btn:where(.site-header,.site-header *):not(#_){display:none}
}
.hdr-search:where(.site-header,.site-header *):not(#_){flex:none;width:42px;height:42px;border-radius:50%; display:grid;place-items:center;cursor:pointer; border:1px solid var(--line,#E6EEEA);background:#fff;color:var(--ink,#0C1A14); transition:border-color .2s,color .2s;}
.hdr-search:hover:where(.site-header,.site-header *):not(#_){border-color:var(--green,#1CA97C);color:var(--green-900,#0B4432)}
.nav__search:where(.site-header,.site-header *):not(#_){display:none}
@media (max-width:1280px){
  .nav__search:where(.site-header,.site-header *):not(#_){display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px; padding:13px 16px;border-radius:14px;border:1px solid var(--line,#E6EEEA);background:#F4FAF7; font:inherit;font-size:14.5px;font-weight:700;color:#6E8079;cursor:pointer;text-align:start;}
}
.header__actions .icon-btn--light:where(.site-header,.site-header *):not(#_),html[dir] .header__actions .icon-btn--light:where(.site-header,.site-header *):not(#_){display:grid}
@media (max-width:380px){
  .header__actions .icon-btn--light:where(.site-header,.site-header *):not(#_),html[dir] .header__actions .icon-btn--light:where(.site-header,.site-header *):not(#_),.site-header .hdr-search:where(.site-header,.site-header *):not(#_){display:none}
}
@media (min-width:1281px) and (max-width:1366px){
  .nav__link:where(.site-header,.site-header *):not(#_){padding-inline:6px}
  .header__actions:where(.site-header,.site-header *):not(#_){gap:6px}
  .header__actions .icon-btn--light:where(.site-header,.site-header *):not(#_),.site-header .hdr-search:where(.site-header,.site-header *):not(#_){width:36px;height:36px}
}
@media (max-width:420px){
  .site-header .header__actions .wa-btn:where(.site-header,.site-header *):not(#_){display:none}
}
@media (min-width:1281px) and (max-width:1320px){
  .site-header .nav__link:where(.site-header,.site-header *):not(#_){padding-inline:5px}
  .site-header__inner:where(.site-header,.site-header *):not(#_){gap:10px}
}

/* ---- nested brand menus (ReMedium / HA Filler), mirrors site.css ---- */
.dropdown__group:where(.site-header,.site-header *):not(#_){position:relative}
.dropdown__parent:where(.site-header,.site-header *):not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px}
.dropdown__parent svg:where(.site-header,.site-header *):not(#_){flex:none;opacity:1;color:var(--ink);stroke-width:2.6;transition:transform .3s}
.dropdown__sub a:first-child:where(.site-header,.site-header *):not(#_){font-weight:600;color:var(--ink-2);margin-bottom:4px;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
@media (min-width:1281px){
  .dropdown__parent svg:where(.site-header,.site-header *):not(#_){transform:rotate(-90deg)}
  html[dir="rtl"] .dropdown__parent svg:where(.site-header,.site-header *):not(#_){transform:rotate(90deg)}
  .dropdown__sub:where(.site-header,.site-header *):not(#_){position:absolute;top:-10px;inset-inline-start:calc(100% + 6px); min-width:210px;padding:10px; background:#fff;border-radius:16px;box-shadow:var(--shadow-card); opacity:0;visibility:hidden;transform:translateY(8px); transition:.28s var(--ease);z-index:71;}
  .dropdown__sub::before{content:"";position:absolute;top:0;bottom:0;inset-inline-end:100%;width:18px}
  .dropdown__group:hover .dropdown__sub:where(.site-header,.site-header *):not(#_),.dropdown__group:focus-within .dropdown__sub:where(.site-header,.site-header *):not(#_){opacity:1;visibility:visible;transform:none}
  .dropdown__group:hover .dropdown__parent:where(.site-header,.site-header *):not(#_){background:var(--mint);color:var(--green-900)}
}
@media (max-width:1280px){
  .dropdown__sub:where(.site-header,.site-header *):not(#_){max-height:0;overflow:hidden;padding-inline-start:12px;transition:max-height .4s var(--ease)}
  .dropdown__group.is-open .dropdown__sub:where(.site-header,.site-header *):not(#_){max-height:420px}
  .dropdown__group.is-open .dropdown__parent svg:where(.site-header,.site-header *):not(#_){transform:rotate(180deg)}
  .nav__item.is-open .dropdown:where(.site-header,.site-header *):not(#_),.nav__item.is-open:hover .dropdown:where(.site-header,.site-header *):not(#_){max-height:1100px}
}
.dropdown__name:where(.site-header,.site-header *):not(#_){display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0}
.dropdown__name b:where(.site-header,.site-header *):not(#_){font-weight:700;color:var(--ink-2)}
.dropdown__tag:where(.site-header,.site-header *):not(#_){font-style:normal;font-weight:700;font-size:12px;color:var(--brown)}
.dropdown__parent:where(.site-header,.site-header *):not(#_){white-space:nowrap}
.dropdown:has(.dropdown__group):where(.site-header,.site-header *):not(#_){min-width:250px}
@media (min-width:1537px){
  html[dir="ltr"] .site-header__inner:where(.site-header,.site-header *):not(#_){gap:12px;padding-inline:22px}
  html[dir="ltr"] .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 9px;font-size:13.5px;gap:4px}
  html[dir="ltr"] .site-header .wa-btn:where(.site-header,.site-header *):not(#_){padding:11px;gap:0}
  html[dir="ltr"] .site-header .wa-btn__txt:where(.site-header,.site-header *):not(#_){display:none}
}
@media (min-width:1281px) and (max-width:1536px){
  html[dir="ltr"] .site-header__inner:where(.site-header,.site-header *):not(#_){gap:10px;padding-inline:14px}
  html[dir="ltr"] .nav__list:where(.site-header,.site-header *):not(#_){gap:0}
  html[dir="ltr"] .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 6px;font-size:12.5px;gap:3px}
  html[dir="ltr"] .header__actions:where(.site-header,.site-header *):not(#_){gap:6px}
}
@media (min-width:1281px) and (max-width:1366px){
  html[dir="ltr"] .nav__link:where(.site-header,.site-header *):not(#_){padding:8px 4px;font-size:12px}
}

/* logo: the Beauty Roots emblem image replaces the green symbol (Oct 2026) */
.logo__mark.logo__mark--img:where(.site-header,.site-header *):not(#_){width:auto;height:46px;background:none;border-radius:0;padding:0;display:block}
.logo__mark--img img:where(.site-header,.site-header *):not(#_){display:block;height:100%;width:auto}
.site-header .logo--brand .logo__mark.logo__mark--img:where(.site-header,.site-header *):not(#_){width:auto;height:50px;border-radius:0}