.topbar{gap:12px;flex-wrap:wrap}.topbar>nav{margin-inline-start:auto}.language-picker{display:flex;align-items:center;gap:7px;border:1px solid #548f85;background:#192f2c;color:#e9f4f2;border-radius:8px;padding:0 10px;min-height:42px;flex-shrink:0;font:600 14px/1.3 system-ui,sans-serif}.language-picker select{font:inherit;color:inherit;background:transparent;border:0;padding:10px 2px;max-width:145px;cursor:pointer;min-height:40px;width:auto}.language-picker option{background:#13232a;color:#e9f4f2}.language-picker:focus-within{outline:2px solid #79e0cc;outline-offset:3px}.language-picker select:focus{outline:none}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .eyebrow,html[dir=rtl] .section-kicker{letter-spacing:0}html[dir=rtl] .home-hero h1{line-height:1.25;letter-spacing:0}html[dir=rtl] .keylab-brand{direction:ltr}html[dir=rtl] .product-stats{direction:rtl}html[dir=rtl] .account-form,html[dir=rtl] .lesson-copy,html[dir=rtl] .proof-card{text-align:start}html[dir=rtl] .password-field input{padding-inline-end:48px;padding-inline-start:12px}html[dir=rtl] .password-toggle{right:auto;left:8px}
/* The physical board and overlays must share their original coordinate system. */
#boardStage,.board-stage,.pcb-stage,.preview-boards,.card-board-pair,.preview-tech,.product-summary dd,#keyId,#frontEngraving,#backEngraving,input[type=email],input[type=password],input[name=password],input[name=currentPassword],.email-confirmation-address{direction:ltr;unicode-bidi:isolate}
.home-record-preview small,.technical-summary dd,.product-stats strong{direction:ltr;unicode-bidi:isolate}.i18n-record-note{font-size:12px;line-height:1.5;color:#a4bdb9;margin:12px 0}
.customer-viewer .zoom-controls{direction:ltr}.customer-viewer .zoom-controls #fitView{width:auto;min-width:48px;padding-inline:9px;flex:0 0 auto;font-size:13px}.customer-viewer .zoom-controls #zoomSlider{width:0;min-width:35px;flex:1 1 35px}.customer-viewer .zoom-controls button{flex-shrink:0}
html:not([lang=en]) .home-hero h1{font-size:clamp(34px,4.5vw,68px)}html:not([lang=en]) .home-actions{flex-wrap:wrap}html:not([lang=en]) .pcb-legend-grid{min-width:0}html:not([lang=en]) .pcb-legend-item{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.topbar{padding:12px 16px;gap:8px}.language-picker{min-height:38px;font-size:12px;padding:0 6px}.language-picker select{max-width:115px;min-height:36px;padding:8px 0}.language-picker>span{display:none}.topbar>nav a{padding:10px 12px}.topbar .keylab-emblem{width:35px;height:auto}.topbar .keylab-wordmark{font-size:20px}html:not([lang=en]) .topbar>nav{flex-wrap:wrap;gap:6px}html:not([lang=en]) .home-hero h1{font-size:40px}}
.topbar .language-picker{position:relative;display:block;padding:0;border:0;background:none;outline:none;min-height:0;z-index:100;direction:ltr}
.topbar .language-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;height:44px;min-width:132px;padding:0 13px;border:1px solid #47786f;border-radius:10px;background:linear-gradient(145deg,#203b35,#142923);color:#edf7f4;font:600 13px/1.2 system-ui,sans-serif;letter-spacing:0;cursor:pointer;box-shadow:inset 0 1px #ffffff08;transition:background .16s,border-color .16s,box-shadow .16s}
.topbar .language-trigger:hover,.topbar .language-trigger[aria-expanded=true]{border-color:#7adbc4;background:#23483e;box-shadow:0 0 0 3px #71dbc00c}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid #80e3ca;outline-offset:3px}
.language-flag{display:block;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff24;flex:0 0 24px}.language-name{flex:1;text-align:start}.language-chevron{color:#8fcbbd;font-size:18px;line-height:1;transition:transform .16s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 10px);right:0;width:204px;padding:7px;background:#12221f;border:1px solid #3a6257;border-radius:13px;box-shadow:0 18px 45px #0008;z-index:101}.language-menu[hidden]{display:none}.topbar .language-option{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 10px;margin:0;border:0;border-radius:7px;background:transparent;color:#e6efec;text-align:start;font:500 14px/1.2 system-ui,sans-serif;letter-spacing:0;cursor:pointer}.language-option>span[lang]{flex:1}.topbar .language-option:hover,.topbar .language-option:focus-visible{background:#244138}.topbar .language-option[aria-checked=true]{color:#99efd8;background:#1d3a31}.language-check{visibility:hidden;color:#80e3ca}.language-option[aria-checked=true] .language-check{visibility:visible}
html[dir=rtl] .language-menu{right:auto;left:0}
@media(max-width:600px){.topbar .language-trigger{height:40px;min-width:0;gap:7px;padding:0 9px;font-size:12px}.language-menu{width:190px}.topbar .language-flag{width:22px;height:16.5px;flex-basis:22px}}
/* Menu rows are lightweight options, not the site's large action buttons. */
.topbar .language-picker:focus-within{outline:none}
.topbar #languageMenu .language-option{border:0!important;background:transparent!important;box-shadow:none!important;color:#e6efec!important}
.topbar #languageMenu .language-option[aria-checked=true]{background:#1d3a31!important;color:#99efd8!important}
.topbar #languageMenu .language-option:hover,.topbar #languageMenu .language-option:focus-visible{background:#284a3e!important;outline:none;box-shadow:inset 0 0 0 1px #6dbeaa!important}
.manufacturer-field{display:grid;gap:6px;min-width:0}.manufacturer-field>span{font-size:12px;font-weight:600;color:#79dbc5;letter-spacing:.06em}.manufacturer-picker{position:relative;min-width:0}.manufacturer-picker #manufacturerTrigger{display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 12px;text-align:start;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;border-radius:9px}.manufacturer-chevron{margin-inline-start:auto;color:#9fd2c4}.manufacturer-popup{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:max(100%,280px);max-width:calc(100vw - 40px);padding:8px;background:#12221f;border:1px solid #3a6257;border-radius:12px;box-shadow:0 18px 45px #0009;z-index:80}.manufacturer-popup[hidden]{display:none}.manufacturer-popup input{width:100%;min-width:0;height:42px;padding:8px 11px;border:1px solid #35594f;border-radius:7px;background:#0d1916;color:#edf7f4;font:14px system-ui,sans-serif}.manufacturer-popup input:focus{outline:2px solid #80e3ca;outline-offset:1px}#manufacturerOptions{max-height:300px;overflow:auto;overscroll-behavior:contain;margin-top:6px;scrollbar-width:thin;scrollbar-color:#47685d transparent}.manufacturer-picker #manufacturerOptions button{display:flex;align-items:center;gap:11px;width:100%;height:45px;padding:5px 9px;border:0!important;border-radius:7px;background:transparent!important;color:#e6efec!important;box-shadow:none!important;text-align:start;font:500 14px/1.2 system-ui,sans-serif;cursor:pointer}.manufacturer-picker #manufacturerOptions button[hidden]{display:none}.manufacturer-picker #manufacturerOptions button[aria-selected=true]{background:#1d3a31!important;color:#99efd8!important}.manufacturer-picker #manufacturerOptions button:hover,.manufacturer-picker #manufacturerOptions button:focus-visible{background:#284a3e!important;outline:1px solid #6dbeaa;outline-offset:-1px}.manufacturer-check{margin-inline-start:auto;visibility:hidden;color:#80e3ca}[aria-selected=true]>.manufacturer-check{visibility:visible}.manufacturer-picker .manufacturer-image{display:grid!important;place-items:center;width:38px!important;min-width:38px!important;height:28px!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:3px!important;border-radius:5px!important;flex:0 0 38px;background:#93aab0}.manufacturer-picker .manufacturer-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;padding:0!important}.all-brands-icon{display:grid;place-items:center;width:38px;color:#80e3ca;font-size:24px}.manufacturer-empty{padding:10px;color:#aec7bd;font-size:13px}.filter-panel{overflow:visible!important}
/* Compact control alignment: use a geometric chevron, not a font-dependent glyph. */
.language-chevron,.manufacturer-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;font-size:0;line-height:0;align-self:center}
.language-chevron::after,.manufacturer-chevron::after{content:'';display:block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
#manufacturerTrigger[aria-expanded=true] .manufacturer-chevron{transform:rotate(180deg)}
.manufacturer-picker .manufacturer-image{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;line-height:0}
.manufacturer-picker .manufacturer-image img{display:block;width:32px!important;height:22px!important;min-width:0;min-height:0;max-width:32px!important;max-height:22px!important;flex:0 0 auto;object-fit:contain;object-position:center;transform:none;margin:0;padding:0!important}
.customer-catalog #clearFilters,.customer-catalog #manufacturerTrigger{font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0}
/* Keep the language control beside the account action as one wrapping unit. */
.topbar .account-nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin-inline-start:auto}.topbar .account-nav .language-picker{margin:0;flex-shrink:0}
.topbar{position:relative;z-index:100}
/* Shared header control sizing. */
.topbar .account-nav>a,.topbar nav>a,.topbar .top-actions>a,.topbar .language-trigger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;padding:0 14px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap}
@media(max-width:600px){.topbar .account-nav>a,.topbar nav>a,.topbar .top-actions>a,.topbar .language-trigger{height:40px;min-height:40px;padding:0 10px;font-size:12px}}