/* opex-homeskin-r2 (20261103): every page wears the live home page (mock5) look: home tokens/fonts (same values/files as home-20261101.css),
   home header (search pill -> OS search window, EN/FR/AR, theme toggle) and the home mobile tab bar, all under oh-* / [data-theme] scope
   (home-20261101.css is not linked: its generic classes collide). Leftover teal links -> home accent (--acT). No text, no network, no tracking. */
@font-face{font-family:PJ;src:url(/products/_shared/fonts/plus-jakarta-sans-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:NA;src:url(/products/_shared/fonts/noto-sans-arabic-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
/* home tokens: light = home :root, dark = home .dark */
html[data-theme][data-theme][data-theme]{--bg:#f6f1e9;--pn:#fffcf7;--gl:rgba(255,252,247,.78);--ln:rgba(60,40,20,.12);--hi:rgba(255,255,255,.9);--tx:#1b1916;--mu:#5f574d;--ac2:#ff6a00;--acT:#a14f00;--sh:0 1px 2px rgba(40,25,10,.06),0 8px 24px rgba(40,25,10,.08);--grid:transparent}
html[data-theme=dark][data-theme][data-theme]{--bg:#0d0e10;--pn:#141517;--gl:rgba(26,27,30,.72);--ln:rgba(255,255,255,.10);--hi:rgba(255,255,255,.06);--tx:#f3eee6;--mu:#b0a89d;--acT:#ff9a3d;--sh:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.45);--grid:rgba(255,255,255,.035)}
/* map shell / engine / skin-r2 / toolcards-r2 tokens onto the home tokens */
html[data-theme][data-theme][data-theme]{--op-font:PJ,system-ui,sans-serif;--op-bg:var(--bg);--op-ink:var(--tx);--op-ink-2:var(--mu);--op-ink-3:var(--mu);--op-line:var(--ln);--op-line-2:var(--ln);
 --op-brand:var(--ac2);--op-brand-strong:#e85a00;--op-brand-wash:rgba(255,106,0,.12);--op-wall:var(--bg);--oe-brand:#e85a00;
 --sk-fg:var(--tx);--sk-mut:var(--mu);--sk-card:var(--gl);--sk-card2:var(--pn);--sk-ln:var(--ln);--sk-ln2:rgba(255,106,0,.45);--sk-acc:var(--acT);--sk-acc2:var(--ac2);--sk-chip:rgba(255,106,0,.12);--sk-sh:var(--sh);--sk-shh:0 2px 6px rgba(40,25,10,.08),0 18px 40px -14px rgba(255,106,0,.35);--sk-bar:var(--gl);
 --o2-fg:var(--tx);--o2-mut:var(--mu);--o2-card:var(--gl);--o2-card2:var(--pn);--o2-ln:var(--ln);--o2-ln2:rgba(255,106,0,.45);--o2-acc:var(--acT);--o2-acc2:var(--ac2);--o2-chip:rgba(255,106,0,.12);--o2-sh:var(--sh);--o2-shh:0 2px 6px rgba(40,25,10,.08),0 18px 40px -14px rgba(255,106,0,.35);--o2-bar:var(--gl);
 background:var(--bg)!important;color-scheme:light}
html[data-theme=dark][data-theme][data-theme]{color-scheme:dark}
/* background + type (home body) */
html[data-theme] body{font-family:PJ,system-ui,sans-serif!important;background-color:var(--bg)!important;color:var(--tx)!important;-webkit-font-smoothing:antialiased;
 background-image:radial-gradient(900px 500px at 45% 20%,rgba(255,106,0,.10),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px)!important;background-size:auto,32px 32px,32px 32px!important;background-attachment:fixed}
html[data-theme][dir=rtl] body,html[data-theme] [dir=rtl]{font-family:NA,PJ,system-ui,sans-serif!important}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{font-family:inherit;color:var(--tx);letter-spacing:-.01em}
html[data-theme] :focus-visible{outline:2px solid var(--ac2);outline-offset:2px}
/* header: home glass top bar */
html[data-theme] .os-bar,html[data-theme] .os-winbar,html[data-theme] .opr-bar,html[data-theme] .oe-topbar,html[data-theme] .oe2-bar{background:var(--gl)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--ln)!important;box-shadow:var(--sh),inset 0 1px 0 var(--hi);color:var(--tx)!important;font-family:PJ,system-ui,sans-serif}
html[data-theme] .os-logo{background:linear-gradient(135deg,#ff8a1f,#d94e00)!important;border-radius:10px;box-shadow:0 4px 14px rgba(255,106,0,.4)}
/* cards: home glass panels */
html[data-theme] .oe-card,html[data-theme] .oe-panel,html[data-theme] .oe-win,html[data-theme] .ob-card,html[data-theme] [data-skc],html[data-theme] .oe2-card,html[data-theme] .catalog-card,html[data-theme] .c-card,html[data-theme] .oe-gcard,html[data-theme] .card{background:var(--gl)!important;border:1px solid var(--ln)!important;border-radius:20px!important;box-shadow:var(--sh),inset 0 1px 0 var(--hi)!important;color:var(--tx)}
html[data-theme] .oe-tag,html[data-theme] .oe-chip,html[data-theme] .oe2-chip,html[data-theme] .chip,html[data-theme] .pill{background:var(--pn)!important;border:1px solid var(--ln)!important;color:var(--mu)!important;border-radius:999px}
html[data-theme] .oe2-chip[aria-pressed=true]{background:linear-gradient(180deg,#ff8a2a,#e85a00)!important;color:#1a0d00!important;border-color:transparent!important}
/* buttons: home .btn (primary) and .btn.g (secondary) */
html[data-theme] .btn-primary,html[data-theme] .oe-btn--pri,html[data-theme] .ob-btn,html[data-theme] .opr-btn,html[data-theme] a[data-sk="b"]{background:linear-gradient(180deg,#ff8a2a,#e85a00)!important;color:#1a0d00!important;border:0!important;border-radius:14px!important;font-weight:800;box-shadow:0 6px 20px rgba(255,106,0,.35),inset 0 1px 0 rgba(255,255,255,.45)!important}
html[data-theme] .btn-ghost,html[data-theme] .btn-secondary,html[data-theme] .oe-btn:not(.oe-btn--pri),html[data-theme] .nw-btn{background:var(--pn)!important;color:var(--tx)!important;border:1px solid var(--ln)!important;border-radius:14px!important;box-shadow:none!important}
html[data-theme=dark] .btn-ghost,html[data-theme=dark] .btn-secondary,html[data-theme=dark] .oe-btn:not(.oe-btn--pri),html[data-theme=dark] .nw-btn{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}
html[data-theme] a[data-sk="l"],html[data-theme] main a:not([class]){color:var(--acT)}
/* inputs */
html[data-theme] [data-sk-c] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html[data-theme] [data-sk-c] select,html[data-theme] [data-sk-c] textarea,html[data-theme] .oe-field input,html[data-theme] .oe-field select,html[data-theme] .oe-field textarea{background:var(--pn)!important;border:1px solid var(--ln)!important;color:var(--tx)!important;border-radius:14px!important}
/* footer: home footer */
html[data-theme] .opr-foot,html[data-theme] .oe-foot-links,html[data-theme] footer[data-skf],html[data-theme] .site-footer{background:transparent!important;border-top:1px solid var(--ln)!important;color:var(--mu)!important;font-size:13px}
html[data-theme] .opr-foot a,html[data-theme] .oe-foot-links a,html[data-theme] footer[data-skf] a{color:var(--mu)!important}
html[data-theme] .opr-foot a:hover,html[data-theme] .oe-foot-links a:hover,html[data-theme] footer[data-skf] a:hover{color:var(--tx)!important}
@media print{html[data-theme] body{background:#fff!important;color:#000!important}}
/* ---- r2: home header (built by opex-os-20261103a.js as .os-bar.oh-tb) ---- */
html[data-theme] .os-bar.oh-tb{display:flex!important;justify-content:space-between;align-items:center;gap:8px;position:fixed!important;top:calc(10px + env(safe-area-inset-top,0px))!important;left:14px!important;right:14px!important;z-index:1000;margin:0!important;transform:none!important;padding:6px!important;height:auto!important;min-height:0!important;border:1px solid var(--ln)!important;border-radius:20px!important;background:var(--gl)!important}
html[data-theme] .os-bar.oh-tb>*:not(.oh-se):not(.oh-rt){display:none!important}
html[data-theme] .oh-tb .oh-se{flex:1;min-width:0;max-width:360px;min-height:42px;border-radius:14px;padding:0 12px;background:var(--pn)!important;border:1px solid var(--ln)!important;color:var(--mu)!important;display:flex!important;gap:8px;align-items:center;font:500 13.5px/1 PJ,system-ui,sans-serif;white-space:nowrap;overflow:hidden;cursor:pointer;box-shadow:none!important;text-align:start}
html[data-theme] .oh-tb .oh-se span{overflow:hidden;text-overflow:ellipsis}
html[data-theme] .oh-rt{display:flex;gap:6px;align-items:center;flex:none}
html[data-theme] .oh-seg{display:flex!important;padding:3px;border-radius:12px;background:var(--pn)!important;border:1px solid var(--ln)!important;font:700 12px/1 PJ,system-ui,sans-serif;gap:0!important}
html[data-theme] .oh-seg>*:not(a){display:none!important}
html[data-theme] .oh-seg a{padding:0 7px!important;min-height:34px;min-width:32px;display:grid!important;place-items:center;border-radius:9px;color:var(--mu)!important;background:none!important;text-decoration:none!important}
html[data-theme] .oh-seg a[aria-current=true]{background:var(--tx)!important;color:var(--bg)!important}
html[data-theme] .oh-ib{width:40px;height:40px;border-radius:12px;display:grid!important;place-items:center;background:var(--pn)!important;border:1px solid var(--ln)!important;color:var(--tx)!important;padding:0;cursor:pointer}
html[data-theme] .oh-ib .oh-sun,html[data-theme=light] .oh-ib .oh-moon{display:none}
html[data-theme=light] .oh-ib .oh-sun{display:block}
@media (min-width:861px){html[data-theme] .os-bar.oh-tb{top:16px!important;left:18px!important;right:18px!important;padding:10px 12px!important}html[data-theme] .oh-tb .oh-se{width:360px;flex:0 1 360px}html[data-theme] .oh-seg a{padding:0 10px!important;min-width:38px}html[data-theme] .oh-ib{width:42px;height:42px}}
/* the os shell scrolls <body> between --os-top and --os-dock-res: size them to the home header / tab bar */
html[data-theme].os-js:not(.os-embed):not(.os-home){--os-top:84px;--os-dock-res:16px}
@media (min-width:861px){html[data-theme].os-js:not(.os-embed):not(.os-home){--os-top:96px}}
@media (max-width:860px){html[data-theme].os-js:not(.os-embed):not(.os-home){--os-dock-res:calc(62px + 22px + env(safe-area-inset-bottom,0px))}}
/* old shell pieces replaced by the header */
html[data-theme] .os-winbar:not(.os-dn-w .os-winbar):not(.os-win .os-winbar){display:none!important}
html[data-theme] body>.os-winbar{display:none!important}
/* ---- r2: home mobile tab bar (.oh-tabbar) ---- */
.oh-tabbar{display:none}
@media (max-width:860px){
 html[data-theme] .oh-tabbar{display:flex;position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));height:62px;z-index:55;border-radius:22px;justify-content:space-around;align-items:center;font:600 11px/1.2 PJ,system-ui,sans-serif;color:var(--mu);background:var(--gl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ln);box-shadow:var(--sh),inset 0 1px 0 var(--hi)}
 html[data-theme][dir=rtl] .oh-tabbar{font-family:NA,PJ,system-ui,sans-serif}
 html[data-theme] .oh-tabbar a{text-align:center;min-width:56px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit!important;text-decoration:none!important}
 html[data-theme] .oh-tabbar svg{width:20px;height:20px;margin-bottom:3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 html[data-theme] .oh-tabbar .on{color:var(--acT)!important}
 html[data-theme] body:has(.oh-tabbar){padding-bottom:calc(62px + 28px + env(safe-area-inset-bottom,0px))!important}}
@media print{.oh-tabbar,.os-bar.oh-tb{display:none!important}}
/* ---- r2: leftover teal links/active states -> home accent ---- */
html[data-theme] a{--lmt-5eead4:var(--acT);--lmt-2dd4bf:var(--acT);--lmt-14b8a6:var(--acT);--oe-acc:var(--acT)}
html[data-theme] .oe-crumbs a:hover,html[data-theme] .oe-classic a,html[data-theme] .oe-crumbs a{color:var(--acT)!important}
html[data-theme] .oe-langs a[aria-current],html[data-theme] .oe-seg button[aria-pressed=true],html[data-theme] .oe-tabs button[aria-selected=true]{color:var(--acT)!important}
html[data-theme].os-js button.on,html[data-theme].os-js .dm-tab.on,html[data-theme].os-js .filter-chip[aria-pressed=true],html[data-theme].os-js .chips a.on,html[data-theme] .os-js button.on,html[data-theme] .os-js .chips a.on{background:var(--ac2)!important;color:#1a0d00!important;border-color:var(--ac2)!important}
html[data-theme] .oe-field input:focus,html[data-theme] .oe-field select:focus,html[data-theme] .oe-field textarea:focus{border-color:var(--ac2)!important;outline-color:var(--ac2)!important}