/* Stable navigation slots: language and account controls never swap parents. */
.topbar{min-height:84px;height:auto;flex-wrap:nowrap}
.topbar .header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-inline-start:auto;min-width:0}
.topbar .header-language-slot{flex:0 0 auto;min-width:132px;min-height:44px}
.topbar .header-account-slot{flex:0 0 auto;min-width:112px;min-height:44px}
.topbar .header-account-slot .account-nav{display:flex;align-items:center;justify-content:flex-end;margin:0;gap:10px;min-height:44px}
.header-account-placeholder{display:block;width:112px;height:44px;border:1px solid #34544d;border-radius:8px;background:#192f2c55}
.topbar .header-tools>.top-actions,.topbar .header-tools>nav{margin:0}
.topbar .header-tools>.workspace-menu{margin:0}
.topbar .workspace-menu-content .header-language-slot,.topbar .workspace-menu-content .header-account-slot{width:100%;min-width:0}
.topbar .workspace-menu-content .account-nav{display:grid;justify-content:stretch}
.topbar .workspace-menu-content .language-picker,.topbar .workspace-menu-content .language-trigger{width:100%}
.topbar .workspace-menu-content .language-menu{inset-inline:0;width:100%}
.topbar .workspace-menu-content #headerLine{display:none}

/* Source meter digits in the homepage lesson preview. */
.customer-home .home-lesson-preview figure{display:flex;flex-direction:column;align-items:stretch;padding-bottom:16px}
.customer-home .home-lesson-preview figure>span{padding:10px 8px 5px;text-align:center}
.customer-home .home-lesson-preview .lesson-meter{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:8px 10px 0;padding:12px 7px;border:1px solid #3f6965;border-radius:9px;background:#071b1d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#a4ead2;direction:ltr}
.lesson-meter strong{font-size:clamp(19px,2vw,28px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.customer-home .lesson-meter>span{font-size:9px;color:inherit;padding:0}
.customer-home .measurement-preview-note{font-size:12px;line-height:1.6;color:#a7bdb7;margin:16px 0 0}
.customer-repair .reading-card.is-warning .digital-display,.customer-home .lesson-meter.is-warning{color:#ff9e98;border-color:#b87573;background:linear-gradient(145deg,#321b21,#1c171f)}
.customer-repair .reading-card.is-warning .digital-display>span,.customer-repair .reading-card.is-warning .secondary-readings{color:#ffaca7;border-color:#693f43}
.customer-repair .reading-card.is-warning .digital-display>strong{text-shadow:0 0 14px #ff736522}
.customer-repair .reading-card.is-warning .reading-label b{color:#ffb7b1}
.customer-repair .reading-card.is-neutral .digital-display,.customer-home .lesson-meter.is-neutral{color:#c8d6df;border-color:#566b7b;background:#0e1d27}
.customer-repair .reading-card.is-neutral .digital-display>span,.customer-repair .reading-card.is-neutral .secondary-readings{color:#a6bbca;border-color:#344958}

/* One strong search field, with a compact brand selector beside it. */
.customer-catalog .filter-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,300px);gap:24px;align-items:start;padding:24px;border:1px solid #30494e;border-radius:18px;background:linear-gradient(130deg,#14292d,#101f25);box-shadow:0 8px 32px #0002;margin-bottom:24px}
.customer-catalog .filter-panel .search-field{grid-column:auto;display:grid;gap:9px;min-width:0}
.customer-catalog .filter-panel .search-field>span:first-child,.customer-catalog .manufacturer-field>span{font-size:12px;font-weight:650;color:#b8d9d0;text-transform:none;letter-spacing:0;line-height:1.4}
.customer-catalog .catalog-search-box{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:0 14px;border:1px solid #4a7270;border-radius:11px;background:#0b191e;color:#84cbbb;letter-spacing:0}
.customer-catalog .catalog-search-box:focus-within{border-color:#87e5cc;box-shadow:0 0 0 3px #87e5cc18}
.customer-catalog .catalog-search-box svg{flex:0 0 20px}
.customer-catalog .catalog-search-box #searchInput{flex:1;min-width:0;width:100%;height:52px;border:0;border-radius:0;background:transparent;padding:0;font-size:15px;color:#eff8f5;outline:0;box-shadow:none}
.customer-catalog .catalog-search-box #searchInput::-webkit-search-cancel-button{display:none}
.customer-catalog .catalog-search-box #searchInput::placeholder{color:#94ada8;opacity:1}
.customer-catalog #clearCatalogSearch{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:#233b3d;color:#cde4dc;font-size:22px;line-height:1}
.customer-catalog .search-field>small{font-size:11px;color:#90afa8;letter-spacing:0}
.customer-catalog .manufacturer-field{gap:9px}
.customer-catalog #manufacturerTrigger{height:54px;padding:0 15px;border:1px solid #3c5b5c;border-radius:11px;background:#182d30;color:#e8f4ee;box-shadow:none;font-size:14px;font-weight:550}
.customer-catalog #manufacturerTrigger:hover,.customer-catalog #manufacturerTrigger[aria-expanded=true]{border-color:#85d7c1;background:#203b3b}
.customer-catalog .manufacturer-popup{padding:10px;background:#12272a;border-color:#4b7971}
.customer-catalog .manufacturer-popup .manufacturer-image{width:30px;height:30px;padding:3px;border-radius:6px;flex-shrink:0}
.customer-catalog .catalog-meta{margin:22px 0 18px;color:#a8c4be}

/* Hover, keyboard focus and touch press share a clear interactive response. */
.customer-catalog #catalogGrid.manufacturer-grid{border:0;gap:14px}
.customer-catalog .manufacturer-card{position:relative;isolation:isolate;min-height:136px;border-radius:16px;border:1px solid #30454c;background:linear-gradient(140deg,#13252a,#101d23);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.customer-catalog .manufacturer-card .manufacturer-image{background:#c2d3d2!important;border:1px solid #d6e8e31a;transition:transform .22s ease,box-shadow .22s ease}
.customer-catalog .manufacturer-card>span:last-child{color:#98b7b0;transition:color .2s ease,transform .2s ease}
.customer-catalog .manufacturer-card:focus-visible{outline:2px solid #98eed5;outline-offset:4px;border-color:#90ddc9;box-shadow:0 0 0 4px #90ddc912}
.customer-catalog .manufacturer-card:active{transform:scale(.98);background:#1e3937}
@media(hover:hover) and (pointer:fine){
 .customer-catalog .manufacturer-card:hover{transform:translateY(-5px);border-color:#87dcc5;background:linear-gradient(140deg,#1b3938,#13282c);box-shadow:0 12px 25px #0005,0 0 0 1px #87dcc517}
 .customer-catalog .manufacturer-card:hover .manufacturer-image{transform:scale(1.07);box-shadow:0 5px 15px #0003}
 .customer-catalog .manufacturer-card:hover>span:last-child{color:#a4f0d5;transform:translateX(4px)}
 html[dir=rtl] .customer-catalog .manufacturer-card:hover>span:last-child{transform:translateX(-4px)}
}
@media(max-width:760px){
 .topbar{min-height:78px;padding-block:12px}
 .customer-catalog .filter-panel{gap:18px;padding:20px;grid-template-columns:minmax(0,1fr) minmax(185px,.7fr)}
 .customer-catalog .manufacturer-card{padding:18px;grid-template-columns:64px minmax(0,1fr);column-gap:14px}
 .customer-catalog .manufacturer-card .manufacturer-image{width:64px;height:64px}
 .customer-catalog .manufacturer-card h2{font-size:16px}
}
@media(max-width:600px){
 .topbar .keylab-emblem{width:35px;height:38px;object-fit:contain}
 .topbar .header-tools{gap:8px}
 .topbar .header-language-slot{min-width:108px;min-height:40px}
 .topbar .header-account-slot{min-width:95px;min-height:40px}
 .topbar .header-account-slot .account-nav{min-height:40px}
 .header-account-placeholder{width:95px;height:40px}
 .customer-repair .header-tools{flex-wrap:wrap;max-width:65%}
 .customer-repair .header-tools>.top-actions{display:none}
 .customer-catalog .filter-panel{grid-template-columns:1fr;gap:18px;padding:20px}
 .customer-catalog #catalogGrid.manufacturer-grid{gap:10px}
 .customer-catalog .manufacturer-card{padding:15px 12px;grid-template-columns:50px minmax(0,1fr);column-gap:10px;min-height:114px}
 .customer-catalog .manufacturer-card .manufacturer-image{width:50px;height:56px;padding:5px}
 .customer-catalog .manufacturer-card h2{font-size:14px}
 .customer-catalog .manufacturer-card>span:last-child{font-size:11px}
 .customer-home .home-lesson-preview .lesson-meter{margin:8px 7px 0;padding:10px 5px;gap:4px}
 .lesson-meter strong{font-size:20px}
 .customer-home .lesson-meter>span{font-size:8px}
}
@media(max-width:380px){
 .customer-home .topbar{flex-wrap:wrap;row-gap:12px}
 .customer-home .header-tools{width:100%;justify-content:flex-end}
 .customer-home .home-lesson-preview{gap:7px}
 .lesson-meter strong{font-size:17px}
 .customer-catalog .manufacturer-card{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:12px 9px}
 .customer-catalog .manufacturer-card .manufacturer-image{width:40px;height:48px}
}
@media(prefers-reduced-motion:reduce){
 .customer-catalog .manufacturer-card,.customer-catalog .manufacturer-card .manufacturer-image,.customer-catalog .manufacturer-card>span:last-child{transition:none}
 .customer-catalog .manufacturer-card:hover,.customer-catalog .manufacturer-card:hover .manufacturer-image,.customer-catalog .manufacturer-card:hover>span:last-child{transform:none}
}

/* Clear purchase offer and secondary demo action. */
.customer-home .home-hero .hero-offer{margin:24px 0 18px}
.customer-home .hero-offer-prices{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.customer-home .hero-offer-prices del{color:#a8b8bc;font-size:22px}
.customer-home .hero-offer-prices strong{color:#79ddc7;font-size:40px;line-height:1.1;font-weight:800}
.customer-home .hero-offer-saving{background:rgba(121,221,199,.12);border:1px solid rgba(121,221,199,.35);border-radius:999px;padding:6px 12px;color:#79ddc7;font-size:14px;font-weight:700}
.customer-home .home-hero .hero-offer-terms{font-size:14px;line-height:1.5;margin:10px 0 0;color:#b8c8cc}
.customer-home .home-hero .home-actions .button-primary{background:#79ddc7;color:#09211d;border:1px solid #79ddc7;font-weight:800}
.customer-home .home-hero .home-actions .button-primary:hover{background:#9bead9;border-color:#9bead9}
.customer-home .home-hero .home-actions .button-secondary{background:transparent;border:1px solid #79ddc7;color:#e8f3f1}
.customer-home .home-hero .home-actions a:focus-visible{outline:3px solid #e8f3f1;outline-offset:4px}
@media(max-width:420px){.customer-home .home-hero .home-actions{display:flex;flex-wrap:wrap;gap:12px}.customer-home .home-hero .home-actions a{flex:1 1 100%;justify-content:center;text-align:center}.customer-home .hero-offer-prices{gap:12px}}

body.customer-home .home-hero .home-actions .button-primary{--action-bg:#79ddc7;--action-text:#09211d;--action-border:#79ddc7;--action-hover:#9bead9;--action-pressed:#62cbb3}
body.customer-home .home-hero .home-actions .button-secondary{--action-bg:transparent;--action-text:#e8f3f1;--action-border:#79ddc7;--action-hover:#20312f}

/* Refined homepage actions: rounded purchase button and quiet demo link. */
body.customer-home .home-hero .home-actions{align-items:center;gap:22px;margin-top:24px}
body.customer-home .home-hero .home-actions .button-primary{border-radius:999px;padding:15px 25px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:.01em;box-sizing:border-box;--action-bg:linear-gradient(135deg,#91e4d1,#62cfb8);--action-hover:linear-gradient(135deg,#a3eddd,#79ddc7);--action-border:transparent;box-shadow:0 5px 20px #79ddc714!important}
body.customer-home .home-hero .home-actions .button-secondary{--action-border:transparent;--action-bg:transparent;--action-hover:transparent;border-radius:0;padding:12px 0;font-weight:500;font-size:14px}
body.customer-home .home-hero .home-actions .button-secondary:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:420px){body.customer-home .home-hero .home-actions{gap:8px}body.customer-home .home-hero .home-actions .button-primary{flex:1 1 100%}body.customer-home .home-hero .home-actions .button-secondary{flex:1 1 100%;padding:10px}}

body.customer-home .home-hero .home-actions .button-primary{border-radius:999px!important}

/* Keep homepage emphasis after translated headings are rebuilt. */
body.customer-home #insideKeyLab h2 .home-count-highlight,body.customer-home .home-growth h2 .home-count-highlight{color:#79ddc7!important;font-weight:800!important}