/* Locale controls use the existing footer palette and native disclosure behavior. */
details.site-language { position: relative; display: inline-block; flex: 0 0 auto; max-width: 100%; height: auto !important; min-height: 0 !important; padding: 0 !important; color: inherit; font: inherit; white-space: normal; }
.site-language > summary { display: flex; align-items: center; gap: .5rem; width: fit-content; min-height: 2.75rem; padding: .45rem 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; cursor: pointer; list-style: none; font-size: .75rem; line-height: 1.4; }
.site-language > summary .footer-language-label { font-size: inherit; line-height: inherit; }
.site-language > summary .footer-language-icon { flex: 0 0 auto; width: 1rem; height: 1rem; }
.site-language > summary::-webkit-details-marker { display: none; }
.site-language > summary::after { content: ''; width: .4rem; height: .4rem; border-right: 1px solid; border-bottom: 1px solid; transform: translateY(-.1rem) rotate(45deg); }
.site-language[open] > summary::after { transform: translateY(.1rem) rotate(225deg); }
.site-language > ul { position: absolute; z-index: 30; bottom: calc(100% + .4rem); right: 0; width: max-content; min-width: 100%; max-width: min(22rem, calc(100vw - 2rem)); margin: 0; padding: .3rem; list-style: none; background: var(--tao-color-footer-surface, #F5F5F7); color: var(--tao-color-footer-ink, #1D1D1F); border: 1px solid var(--line, #e9e9f1); border-radius: .25rem; box-shadow: 0 .3rem 1rem rgb(0 0 0 / 10%); }
.site-language > ul > li { margin: 0; padding: 0; }
.site-language > ul > li > a { display: block; min-height: 2.75rem; padding: .65rem .8rem; color: inherit; font-size: .875rem; line-height: 1.4; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.site-language > ul > li > a:hover, .site-language > ul > li > a[aria-current="page"], .site-language > ul > li > a[aria-current="true"] { background: rgb(0 0 0 / 6%); }
.site-language > summary:focus-visible, .site-language a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.site-footer-bottom { flex-wrap: wrap; }
.site-footer-bottom .site-footer-legal { min-width: 0; max-width: 100%; flex-wrap: wrap; row-gap: .5rem; white-space: normal; }
.site-footer-bottom .site-footer-legal .footer-copyright { flex: 0 1 auto; max-width: 100%; white-space: normal; }
@media (min-width: 701px) { .site-footer-bottom .site-footer-legal { flex: 1 1 34rem; } }
@media (min-width: 1025px) {
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .header .nav { min-width: 0; gap: 18px; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .header .header-actions { flex-shrink: 0; }
}
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .pilot-enquiry-actions, html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .pilot-project-actions { flex-wrap: wrap; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .pilot-compare-remove { overflow-wrap: anywhere; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .tao-editorial :is(h1, h2, h3) { hyphens: auto; }
/* A route-language note is a badge on image cards, not an extra layout column. */
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) [data-home-content] .home-card-link[data-language-fallback] { position: relative; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) [data-home-content] .home-card-link > .site-language-note { position: absolute; z-index: 2; top: .5rem; left: .5rem; display: inline-block; max-width: calc(100% - 1rem); margin: 0; padding: .2rem .4rem; border: 1px solid rgb(255 255 255 / 75%); border-radius: .25rem; background: rgb(255 255 255 / 94%); color: #424245; font-size: .6875rem; font-weight: 500; line-height: 1.35; white-space: nowrap; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) [data-home-content] .home-view-all > .site-language-note { margin-inline-start: .2em; font-weight: 400; }
.cta-localized-copy { display: none; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) [data-home-content] .hero-main { background-image: linear-gradient(90deg, #071327 0%, #071327 40%, rgb(7 19 39 / 94%) 58%, rgb(7 19 39 / 45%) 76%, rgb(7 19 39 / 5%) 100%), url("images/hero-architectural-lighting.webp?v=1.0.1-beta.1"); }
/* Present the existing mascot crop beside native, translatable copy. */
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-hit { display: grid; grid-template-columns: minmax(0, 28%) minmax(0, 1fr) auto; align-items: center; gap: 1.75rem; padding: 1.5rem 1.75rem 1.5rem 0; background: #f7f2fb; color: #1d1d1f; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-exact-v23-art { width: 100%; height: auto; aspect-ratio: 1.12; object-fit: cover; object-position: left center; border-radius: 0; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-localized-copy { display: block; min-width: 0; line-height: 1.5; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-localized-copy h2 { margin: 0 0 .75rem; color: #1d1d1f; font-size: clamp(1.5rem, 2.25vw, 2rem); line-height: 1.18; letter-spacing: -.025em; text-wrap: balance; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-localized-copy p { max-width: 40ch; margin: 0; color: #697085; font-size: 1rem; line-height: 1.55; }
html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-label { position: static; width: auto; min-width: 10rem; min-height: 3rem; height: auto; margin: 0; padding: .8rem 1rem; font-size: .9375rem; }
@media (max-width: 1000px) {
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-hit { grid-template-columns: minmax(0, 32%) minmax(0, 1fr); gap: 1rem 1.5rem; padding-right: 1.5rem; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-exact-v23-art { grid-column: 1; grid-row: 1 / span 2; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-localized-copy { grid-column: 2; grid-row: 1; align-self: end; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-label { grid-column: 2; grid-row: 2; align-self: start; justify-self: start; }
}
@media (max-width: 640px) {
  html:is([lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .products-pilot.tao-editorial--catalog.pilot-refined-browse .pilot-results-toolbar label { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  html:is([lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .products-pilot.tao-editorial--catalog.pilot-refined-browse .pilot-results-toolbar select { box-sizing: border-box; width: 100%; max-width: 100%; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-hit { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; padding: 1rem 1rem 1.5rem; text-align: center; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-exact-v23-art { grid-area: auto; width: min(100%, 260px); justify-self: center; border-radius: .75rem; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-localized-copy { grid-area: auto; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-localized-copy h2 { font-size: 1.5rem; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-localized-copy p { margin-inline: auto; font-size: .9375rem; }
  html:is([lang="de"], [lang="fr"], [lang="es"], [lang="it"], [lang="zh-Hant"], [lang="ja"], [lang="ar"]) .cta-exact-v23 .cta-v23-label { grid-area: auto; justify-self: center; }
}
@media (max-width: 600px) { .site-language { margin-top: .5rem; } }

/* Preserve readable native line breaking and available local font fallbacks. */
html[lang="zh-Hant"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif; }
html:is([lang="zh-Hant"], [lang="ja"]) :is(h1, h2, h3, h4, p, li, dt, dd, a, button, label, input, select, textarea) { word-break: normal; line-break: strict; hyphens: none; }
html:is([lang="zh-Hant"], [lang="ja"]) .tao-editorial :is(h1, h2, h3) { letter-spacing: 0; }
html[lang="ja"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Noto Sans CJK JP", sans-serif; }

/* Arabic direction is declared in HTML; logical alignment follows that direction. */
html[lang="ar"][dir="rtl"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif; }
html[lang="ar"][dir="rtl"] :is(h1, h2, h3, h4, p, li, dt, dd, a, button, label, input, select, textarea),
html[lang="ar"][dir="rtl"] .tao-editorial :is(h1, h2, h3),
html[lang="ar"][dir="rtl"] .cta-localized-copy h2 { letter-spacing: normal; hyphens: none; }
html[lang="ar"][dir="rtl"] bdi { unicode-bidi: isolate; }
html[lang="ar"][dir="rtl"] .site-language > ul { right: auto; inset-inline-end: 0; }
html[lang="ar"][dir="rtl"] .site-language > ul > li > a { text-align: start; }
html[lang="ar"][dir="rtl"] [data-home-content] .home-card-link > .site-language-note { left: auto; inset-inline-start: .5rem; }
html[lang="ar"][dir="rtl"] [data-home-content] .home-search-results { text-align: start; }
html[lang="ar"][dir="rtl"] [data-home-content] .home-article-scroll-hint { text-align: end; }
html[lang="ar"][dir="rtl"] [data-home-content] #business .home-article-scroll-hint { right: auto; inset-inline-end: 0; }
/* Cover the original image's embedded heading while keeping its architecture unmirrored. */
html[lang="ar"][dir="rtl"] [data-home-content] .hero-main { background-image: linear-gradient(180deg, #071327 0%, #071327 50%, rgb(7 19 39 / 0%) 75%), linear-gradient(270deg, #071327 0%, #071327 40%, rgb(7 19 39 / 94%) 58%, rgb(7 19 39 / 45%) 76%, rgb(7 19 39 / 5%) 100%), url("images/hero-architectural-lighting.webp?v=1.0.1-beta.1"); background-position: center right; background-size: cover; background-repeat: no-repeat; }
html[lang="ar"][dir="rtl"] [data-home-content] .hero-copy { left: auto; inset-inline-start: 38px; }
html[lang="ar"][dir="rtl"] .cta-exact-v23 .cta-v23-hit { padding-inline-start: 0; padding-inline-end: 1.75rem; }
html[lang="ar"][dir="rtl"] .products-pilot :is(.pilot-active-filters button, .pilot-shop-departments, .pilot-intro, .pilot-intro p, .pilot-intro .pilot-notice),
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial--catalog #product-results :is(.pilot-card-body, .pilot-card-body h3, .pilot-code, .pilot-specs > div, dt, dd, .pilot-card-key-specs, .pilot-card-key-specs > span),
html[lang="ar"][dir="rtl"] main.products-pilot.tao-editorial--catalog:is(.pilot-commerce-detail, .pilot-category-editorial),
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial--catalog :is(.pilot-detail-information, .pilot-b2b-panel, .pilot-full-specification, .pilot-notes, .pilot-model-notes, .pilot-model-questions, #product-downloads, .pilot-breadcrumb, .pilot-related-models),
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial--catalog.pilot-commerce-detail > :is(.pilot-full-specification, .pilot-model-notes, .pilot-model-questions, #product-downloads, .pilot-notes) :is(p, li, dd),
html[lang="ar"][dir="rtl"] .products-pilot .pilot-related-scroll :is(caption, th, td) { text-align: start; }
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial--brand .pilot-intro > h1 + p:not(.pilot-eyebrow):not(.pilot-notice):not(.pilot-code) { text-align: start; }
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial--catalog.pilot-commerce-detail > :is(.pilot-full-specification, .pilot-model-notes, .pilot-model-questions, #product-downloads, .pilot-notes) { margin-inline-start: 0; margin-inline-end: auto; }
html[lang="ar"][dir="rtl"] :is(.pilot-notes, .pilot-compare-notes, .contact-pilot) ul { padding-left: 0; padding-inline-start: var(--tao-space-3); }
html[lang="ar"][dir="rtl"] :is(.products-pilot.tao-editorial .pilot-notice, .contact-pilot.tao-contact-editorial .contact-notice) { border-left: 0; border-inline-start: 2px solid var(--tao-color-accent); }
html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial .pilot-compare-difference { border-left: 0; border-inline-start: 3px solid var(--tao-color-accent); padding-left: 0; padding-inline-start: 10px; }
html[lang="ar"][dir="rtl"] .products-pilot .pilot-related-scroll :is(tbody, tfoot) th { left: auto; inset-inline-start: 0; }
html[lang="ar"][dir="rtl"] :is(input, textarea)[dir="auto"] { text-align: start; }
@media (max-width: 1000px) {
  html[lang="ar"][dir="rtl"] .cta-exact-v23 .cta-v23-hit { padding-inline-end: 1.5rem; }
}
@media (max-width: 700px) {
  html[lang="ar"][dir="rtl"] [data-home-content] .hero-copy { inset-inline-start: 24px; }
}
@media (max-width: 640px) {
  html[lang="ar"][dir="rtl"] .cta-exact-v23 .cta-v23-hit { padding-inline: 1rem; }
  html[lang="ar"][dir="rtl"] .products-pilot.tao-editorial .pilot-comparison-tray > [data-comparison-review] { margin-inline-start: auto; margin-inline-end: 0; }
}
@media (max-width: 240px) {
  html[lang="ar"][dir="rtl"] [data-home-content] .hero-copy { inset-inline-start: auto; }
  html[lang="ar"][dir="rtl"] .header-inner .header-actions { margin-inline-start: auto; margin-inline-end: 0; }
}