/* HardwareX accessibility menu — dark RTL design matching the site */
.hwxa-skip{position:fixed;top:-60px;right:12px;z-index:100001;background:#C9252B;color:#fff;padding:10px 16px;border-radius:6px;font:700 15px Heebo,sans-serif;text-decoration:none}
.hwxa-skip:focus{top:12px;outline:3px solid #fff;outline-offset:2px}

.hwxa-btn{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:100000;width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:#C9252B;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.45);padding:0}
.hwxa-btn svg{width:30px;height:30px;fill:currentColor}
.hwxa-btn:hover{background:#E0303A}
.hwxa-btn:focus-visible,.hwxa-panel button:focus-visible,.hwxa-panel a:focus-visible{outline:3px solid #FFD54A;outline-offset:2px}

.hwxa-panel{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:100000;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;background:#11151A;color:#EEF1F4;border:1px solid #2A333D;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.55);padding:14px;font-family:Heebo,system-ui,sans-serif;direction:rtl;text-align:right}
.hwxa-panel[hidden]{display:none!important}
.hwxa-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.hwxa-head h2{margin:0;font:800 18px Rubik,Heebo,sans-serif;color:#EEF1F4}
.hwxa-close{background:none;border:0;color:#9AA5B1;font-size:24px;line-height:1;cursor:pointer;min-width:40px;min-height:40px}
.hwxa-size{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:10px;background:#0A0C0F;border:1px solid #1E252D;border-radius:8px;padding:8px}
.hwxa-size span{font-size:14px;color:#C7D0D9;text-align:center;min-width:56px;font-variant-numeric:tabular-nums}
.hwxa-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hwxa-panel button.hwxa-opt,.hwxa-size button{min-height:44px;border-radius:8px;border:1px solid #2A333D;background:#0A0C0F;color:#EEF1F4;font:600 14px Heebo,sans-serif;cursor:pointer;padding:6px 8px}
.hwxa-panel button.hwxa-opt[aria-pressed=true]{background:#C9252B;border-color:#C9252B;color:#fff}
.hwxa-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:14px}
.hwxa-foot a{color:#FF8A8F}
.hwxa-reset{background:none;border:0;color:#C7D0D9;text-decoration:underline;cursor:pointer;font:600 14px Heebo,sans-serif;min-height:32px}

/* ---- the options ---- */
#hwx{zoom:var(--hwxa-zoom,1)}
html.hwxa-contrast #hwx,html.hwxa-contrast #hwx *{background-color:#000!important;color:#fff!important;border-color:#fff!important;text-shadow:none!important;box-shadow:none!important}
html.hwxa-contrast #hwx a,html.hwxa-contrast #hwx a *{color:#FFE066!important}
html.hwxa-contrast #hwx img{filter:none!important}
html.hwxa-gray body{filter:grayscale(1)}
html.hwxa-links #hwx a{text-decoration:underline!important;text-underline-offset:3px;outline:2px dashed #FFD54A;outline-offset:2px}
html.hwxa-readable #hwx,html.hwxa-readable #hwx *{font-family:Arial,"Segoe UI",Heebo,sans-serif!important;letter-spacing:.02em!important}
html.hwxa-readable #hwx p,html.hwxa-readable #hwx li{line-height:1.9!important}
html.hwxa-noanim *,html.hwxa-noanim *::before,html.hwxa-noanim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.hwxa-cursor,html.hwxa-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M2 2l30 22-13 2 8 16-6 3-8-16-11 9z' fill='%23000' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") 2 2,auto!important}
html.hwxa-headings #hwx h1,html.hwxa-headings #hwx h2,html.hwxa-headings #hwx h3{outline:2px solid #FFD54A;outline-offset:4px}
@media (prefers-reduced-motion:reduce){.hwxa-btn,.hwxa-panel{transition:none}}