@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#18181b;--body:#3f3f46;--muted:#71717a;--quiet:#a1a1a6;--paper:#fff;--canvas:#fafafa;--soft:#f4f4f4;--softer:#f8f8f8;--line:#e8e8e8;--line-2:#ececec;--accent:#2d5a3d;--sans:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--sans-ar:"IBM Plex Sans Arabic", "Noto Sans Arabic", "Inter", sans-serif;--serif:"Instrument Serif", "Georgia", serif;--mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas);color:var(--body);font-family:var(--sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.page{background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 32px}.wrap-narrow{width:100%;max-width:760px;margin:0 auto;padding:0 32px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px}.card.soft{background:var(--soft);border-color:#0000}.card.dark{background:var(--ink);color:#f4f4f4;border-color:#0000}.ring{border:1px solid var(--line);border-radius:12px}.rule{border:none;border-top:1px solid var(--line);margin:0}.ph{border:1px solid var(--line);background:linear-gradient(#fafafa 0%,#f1f1f1 100%);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ph:after{content:attr(data-label);font-family:var(--mono);color:var(--quiet);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:10px}.ph.diag:before{content:"";background-image:linear-gradient(45deg, transparent 49.6%, var(--line) 49.6% 50.4%, transparent 50.4%);opacity:.7;background-size:18px 18px;position:absolute;inset:0}.micro{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.eyebrow{letter-spacing:.04em;color:var(--muted);font-size:12.5px}.mute{color:var(--muted)}.quiet{color:var(--quiet)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);letter-spacing:-.015em;font-weight:400}.heavy{letter-spacing:-.02em;font-weight:600}.heavier{letter-spacing:-.025em;font-weight:700}.h-display{font-family:var(--sans);letter-spacing:-.025em;color:var(--ink);font-weight:500}.pill{border:1px solid var(--ink);background:var(--ink);color:var(--paper);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;line-height:1;transition:opacity .15s;display:inline-flex}.pill:hover{opacity:.85}.pill.ghost{color:var(--ink);border-color:var(--line);background:0 0}.pill.outline{background:var(--paper);color:var(--ink);border-color:var(--ink)}.pill.sm{padding:7px 12px;font-size:12px}.pill.lg{padding:12px 22px;font-size:14px}.pill.fill{flex:1;justify-content:center}.navpill{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:4px;padding:5px;display:inline-flex}.navpill a{color:var(--body);cursor:pointer;border-radius:999px;align-items:center;padding:7px 14px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.navpill a:hover:not(.on){background:var(--soft)}.navpill a.on{background:var(--ink);color:var(--paper)}.chip{border:1px solid var(--line);background:var(--paper);color:var(--body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;transition:background .15s;display:inline-flex}.chip:hover:not(.on){background:var(--soft)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.input{border:1px solid var(--line);background:var(--paper);font-family:var(--sans);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--ink)}.input.flush{border:none;border-bottom:1px solid var(--line);border-radius:0;padding-left:0;padding-right:0}.input::placeholder{color:var(--quiet)}textarea.input{resize:none}table.spec{border-collapse:collapse;width:100%;font-size:13px}table.spec td,table.spec th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 4px}table.spec th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}table.spec tr:last-child td{border-bottom:none}.cbox{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.cbox:before{content:"";border:1px solid var(--line-2);background:var(--paper);border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.cbox.on:before{background:var(--ink);border-color:var(--ink)}.qty{border:1px solid var(--line);background:var(--paper);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty>span{text-align:center;min-width:32px;font-family:var(--mono);cursor:pointer;padding:7px 10px;font-size:12px}.qty>span+span{border-left:1px solid var(--line)}.dot{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.dot:before{content:"";background:var(--quiet);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot.in:before{background:#3aa676}.dot.low:before{background:#c98a3c}.dot.out:before{background:#c75959}.row{display:flex}.col{flex-direction:column;display:flex}.grid{display:grid}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.fill{flex:1}.center{place-items:center;display:grid}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}[dir=rtl]{font-family:var(--sans-ar)}[dir=rtl] .h-display,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--sans-ar);letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .micro{letter-spacing:0}[dir=rtl] .mono{font-family:var(--sans-ar)}.nav-desktop{display:flex!important}.filter-toggle-wrap{display:none}.nav-mobile-btn{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;display:none!important}.nav-drawer{z-index:200;background:var(--paper);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.nav-drawer-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nav-drawer-link{border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink);padding:16px 20px;font-size:16px;font-weight:500;transition:background .12s;display:block}.nav-drawer-link:hover{background:var(--soft)}.nav-drawer-util{color:var(--muted);cursor:pointer;border-bottom:1px solid var(--line);padding:13px 20px;font-size:13px;transition:background .12s;display:block}.nav-drawer-util:hover{background:var(--soft)}@media (width<=768px){.wrap,.wrap-narrow,header>div{padding-left:16px!important;padding-right:16px!important}.nav-desktop{display:none!important}.nav-mobile-btn{display:flex!important}h1{letter-spacing:-.02em!important;font-size:clamp(26px,8.5vw,44px)!important;line-height:1.1!important}h2{font-size:clamp(18px,5.5vw,26px)!important}.grid,[style*=grid-template-columns]{grid-template-columns:1fr!important}.mob-2col,.mob-2col[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}footer .grid,footer [style*=grid-template-columns]{grid-template-columns:1fr 1fr!important;gap:20px!important}.mob-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.mob-scroll-inner{min-width:480px}.quote-item{flex-wrap:wrap;align-items:center;gap:12px;grid-template-columns:unset!important;display:flex!important}.quote-item>:first-child{flex-shrink:0}.quote-item>:nth-child(2){flex:1;min-width:0}.quote-item>:nth-child(3),.quote-item>:nth-child(4){flex-shrink:0}.img-grid{height:auto!important}.img-grid>.col{display:none}.logo-strip{flex-wrap:wrap!important;justify-content:center!important;gap:14px!important}table.spec{min-width:420px}.pill.lg{padding:10px 18px!important;font-size:13px!important}.filter-toggle-wrap{display:block!important}.catalog-sidebar{display:none!important}.catalog-sidebar.open{display:block!important}}