/*
Theme Name: LUXBONTOP Astra Child
Theme URI: https://luxbontop.com/
Description: Astra child theme for LUXBONTOP custom site code and styles.
Author: Zhongshan BONTOP Lighting Co., Ltd.
Template: astra
Version: 1.9.7
Text Domain: luxbontop-astra-child
*/ :root { --lux-bg: #F7F3EC; --lux-bg-light: #FBF8F2; --lux-bg-alt: #EFE8DE; --lux-surface: #FFFFFF; --lux-heading: #27231F; --lux-text: #625B55; --lux-muted: #7A726B; --lux-brown: #C29D7A; --lux-border: #DED4C8; --lux-orange: #F4A623; --lux-orange-hover: #F2B554; --lux-orange-light: #F8F0E2; --lux-orange-soft-border: #D3A673; --lux-orange-light-hover: #F5E5CC; --lux-whatsapp: #25D366; --lux-text-on-dark: #27231F; } /* LUXBONTOP header quote button */ .main-header-menu a.menu-link[href*="/request-quote/"] { display: inline-flex; align-items: center; justify-content: center; margin: 10px 0 10px 12px; padding: 12px 22px !important; color: var(--lux-surface) !important; background: var(--lux-orange); border: 2px solid var(--lux-orange); border-radius: 999px; font-weight: 700; line-height: 1.1; text-decoration: none; white-space: nowrap; box-shadow: 0 7px 18px rgba(244,166,35,.22); transition: all .2s ease; } .main-header-menu a.menu-link[href*="/request-quote/"]:hover, .main-header-menu a.menu-link[href*="/request-quote/"]:focus { color: var(--lux-surface) !important; background: var(--lux-orange); border-color: var(--lux-orange); transform: translateY(-1px); box-shadow: 0 9px 22px rgba(244,166,35,.28); } body .main-header-menu a.menu-link[href*="/request-quote/"] { margin: 10px 0 10px 12px !important; padding: 12px 22px !important; background: var(--lux-orange) !important; border-color: var(--lux-orange) !important; border-radius: 999px !important; } body .main-header-menu a.menu-link[href*="/request-quote/"]:hover, body .main-header-menu a.menu-link[href*="/request-quote/"]:focus { background: var(--lux-orange) !important; border-color: var(--lux-orange) !important; } @media (max-width: 921px) { .main-header-menu a.menu-link[href*="/request-quote/"] { margin: 10px 20px 18px; padding: 11px 20px !important; } } /* B2B primary navigation and solution mega menu */ .main-header-menu > .menu-item:not(.lux-quote-menu) > .menu-link { color: var(--lux-heading) !important; transition: color .18s ease; } .main-header-menu > .menu-item:not(.lux-quote-menu):hover > .menu-link, .main-header-menu > .menu-item:not(.lux-quote-menu):focus-within > .menu-link, .main-header-menu > .menu-item:not(.lux-quote-menu).current-menu-item > .menu-link, .main-header-menu > .menu-item:not(.lux-quote-menu).current-menu-ancestor > .menu-link, .main-header-menu > .menu-item:not(.lux-quote-menu).is-open > .menu-link { color: var(--lux-orange) !important; } .main-header-menu > .menu-item > .menu-link { padding-inline: 11px !important; white-space: nowrap; } .main-header-menu .lux-nav-arrow { display: inline-block; margin-left: 3px; font-size: 15px; line-height: 1; transition: transform .18s ease; } .main-header-menu > .lux-nav-dropdown:hover > .menu-link .lux-nav-arrow, .main-header-menu > .lux-nav-dropdown:focus-within > .menu-link .lux-nav-arrow, .main-header-menu > .lux-nav-dropdown.is-open > .menu-link .lux-nav-arrow { transform: rotate(180deg); } .main-header-menu > .lux-nav-dropdown > .sub-menu { display: block !important; width: 290px; padding: 12px; background: var(--lux-surface); border: 1px solid rgba(39,35,31,.12); border-radius: 15px; box-shadow: 0 18px 46px rgba(194,157,122,.16); opacity: 0 !important; visibility: hidden !important; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; } .main-header-menu > .lux-nav-dropdown:hover > .sub-menu, .main-header-menu > .lux-nav-dropdown:focus-within > .sub-menu, .main-header-menu > .lux-nav-dropdown.is-open > .sub-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } .main-header-menu > .lux-nav-dropdown > .sub-menu a { display: block; padding: 10px 12px; color: var(--lux-heading); font-size: 14px; line-height: 1.35; text-decoration: none; border-radius: 9px; } .main-header-menu > .lux-nav-dropdown > .sub-menu a:hover, .main-header-menu > .lux-nav-dropdown > .sub-menu a:focus-visible { color: var(--lux-orange); background: var(--lux-bg); } .main-header-menu > .lux-nav-dropdown > .sub-menu .current-menu-item > a { color: var(--lux-orange); } .main-header-menu > .lux-solutions-menu > .lux-solutions-mega { position: fixed; top: var(--luxbontop-menu-top, 82px); left: 0; right: 0; width: 100vw; padding: 30px max(5vw, 24px); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 42px; border-radius: 0; border-inline: 0; } .main-header-menu > .lux-solutions-menu:hover > .lux-solutions-mega, .main-header-menu > .lux-solutions-menu:focus-within > .lux-solutions-mega, .main-header-menu > .lux-solutions-menu.is-open > .lux-solutions-mega { display: grid !important; } .lux-solutions-mega .lux-menu-group { min-width: 0; padding: 0; } .lux-solutions-mega .lux-menu-group > a { padding: 5px 0 !important; background: transparent !important; } .lux-solutions-mega .lux-menu-group > .lux-menu-group__title { margin-bottom: 7px; color: var(--lux-heading) !important; font-size: 16px !important; font-weight: 800; } .lux-solutions-mega .lux-menu-group > a:not(.lux-menu-group__title):not(.lux-menu-group__cta) { color: var(--lux-text); } .lux-solutions-mega .lux-menu-group > a:not(.lux-menu-group__title):hover, .lux-solutions-mega .lux-menu-group > a:not(.lux-menu-group__title):focus-visible { color: var(--lux-orange); } .lux-solutions-mega .lux-menu-group--featured { padding: 18px 20px; background: var(--lux-bg); border-radius: 14px; } .lux-solutions-mega .lux-menu-group--featured > span { display: block; color: var(--lux-text); font-size: 13px; line-height: 1.55; } .lux-solutions-mega .lux-menu-group > .lux-menu-group__cta { margin-top: 10px; color: var(--lux-orange) !important; font-weight: 800; } @media (min-width: 922px) and (max-width: 1240px) { .main-header-menu > .menu-item > .menu-link { padding-inline: 7px !important; font-size: 13px; } .main-header-menu a.menu-link[href*="/request-quote/"] { padding-inline: 16px !important; } } @media (max-width: 921px) { .main-header-menu > .menu-item > .menu-link { padding-inline: 20px !important; } .main-header-menu > .lux-nav-dropdown > .sub-menu, .main-header-menu > .lux-solutions-menu > .lux-solutions-mega { position: static; display: none !important; width: auto; margin: 0 18px 10px; padding: 10px; opacity: 1 !important; visibility: visible !important; transform: none; grid-template-columns: 1fr; gap: 8px; box-shadow: none; border-radius: 12px; } .main-header-menu > .lux-nav-dropdown.is-open > .sub-menu, .main-header-menu > .lux-solutions-menu.is-open > .lux-solutions-mega { display: grid !important; } .lux-solutions-mega .lux-menu-group { padding: 8px 10px; } } /* LUXBONTOP code-built homepage */ .home .entry-header, .home .entry-title { display: none; } .home .site-content .ast-container, .home .site-main, .home .site-main > article, .home .entry-content { max-width: none; padding: 0; margin: 0; } .home #primary.content-area { margin: 0 !important; } .lux-home { --lux-gold: var(--lux-orange); --lux-gold-deep: var(--lux-orange); --lux-orange-dark: var(--lux-orange); --lux-navy: var(--lux-heading); --lux-ink: var(--lux-heading); --lux-muted: var(--lux-text); --lux-warm-white: var(--lux-bg); --lux-card: var(--lux-surface); --lux-premium-dark: var(--lux-brown); --lux-premium-light: var(--lux-bg-light); --lux-footer: var(--lux-brown); color: var(--lux-heading); } .lux-home *, .lux-home *::before, .lux-home *::after { box-sizing: border-box; } .lux-home a { text-decoration: none; } .lux-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .lux-section { padding: 88px 0; } .lux-section--soft { background: var(--lux-warm-white); } .lux-section--dark { background: var(--lux-brown); color: var(--lux-surface); } .lux-section--coffee { background: var(--lux-premium-dark); color: var(--lux-surface); } #lux-oem-odm { background: var(--lux-premium-light); } #lux-oem-odm .lux-feature-list li, #lux-oem-odm .lux-process li { background: rgba(255,255,255,.82); } .lux-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--lux-gold-deep); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .lux-eyebrow::before { content: ""; width: 28px; height: 3px; border-radius: 99px; background: var(--lux-orange); } .lux-section h2 { max-width: 820px; margin: 0 0 18px; color: var(--lux-navy); font-size: clamp(34px, 4vw, 52px); line-height: 1.08; letter-spacing: -.035em; } .lux-section--dark h2, .lux-section--coffee h2 { color: var(--lux-surface); } .lux-lead { max-width: 760px; margin: 0 0 42px; color: var(--lux-muted); font-size: 18px; line-height: 1.75; } .lux-section--dark .lux-lead, .lux-section--coffee .lux-lead { color: var(--lux-border); } .lux-section--dark .lux-eyebrow, .lux-section--coffee .lux-eyebrow { color: var(--lux-orange); } .lux-hero { position: relative; display: grid; min-height: 680px; align-items: center; overflow: hidden; background: var(--lux-brown); color: var(--lux-surface); } .lux-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .lux-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(194,157,122,.78); } .lux-hero__inner { position: relative; z-index: 2; padding: 96px 0; } .lux-hero h1 { max-width: 850px; margin: 0; color: var(--lux-surface); font-size: clamp(46px, 6vw, 76px); line-height: 1.02; letter-spacing: -.045em; } .lux-hero__sub { max-width: 740px; margin: 26px 0 0; color: var(--lux-surface); font-size: clamp(18px,2vw,22px); line-height: 1.65; } .lux-hero__facts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 30px 0 0; padding: 0; list-style: none; font-size: 15px; font-weight: 700; } .lux-hero__facts li::before { content: "✓"; margin-right: 8px; color: var(--lux-orange); } .lux-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; } .lux-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 12px 26px; border: 2px solid transparent; border-radius: 999px; font-weight: 800; line-height: 1.2; transition: transform .2s ease, background .2s ease, border-color .2s ease; } .lux-btn:hover, .lux-btn:focus-visible { transform: translateY(-2px); } .lux-btn--primary { background: var(--lux-orange); color: var(--lux-surface); } .lux-btn--primary:hover, .lux-btn--primary:focus-visible { background: var(--lux-orange-dark); color: var(--lux-surface); } .lux-btn--ghost { border-color: rgba(255,255,255,.55); color: var(--lux-surface); } .lux-btn--ghost:hover, .lux-btn--ghost:focus-visible { border-color: var(--lux-surface); background: rgba(255,255,255,.1); color: var(--lux-surface); } .lux-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; background: var(--lux-surface); border-bottom: 1px solid var(--lux-surface); } .lux-stat { padding: 28px 18px; background: var(--lux-surface); text-align: center; } .lux-stat strong { display: block; color: var(--lux-gold-deep); font-size: 25px; } .lux-stat span { display: block; margin-top: 5px; color: var(--lux-text); font-size: 13px; font-weight: 700; } .lux-market-map { position: relative; width: 100%; max-width: none; margin: 42px auto 0; overflow: hidden; border: 1px solid var(--lux-surface); border-radius: 28px; background: var(--lux-bg); box-shadow: 0 24px 65px rgba(194,157,122,.1); } .lux-market-map__base { display: block; width: 100%; height: auto; opacity: .72; filter: grayscale(1) contrast(.75) brightness(1.12); } .lux-market-map__routes { position: absolute; inset: 0; width: 100%; height: 100%; } .lux-market-map__routes path { fill: none; stroke: var(--lux-orange); stroke-width: 2.1; stroke-linecap: round; opacity: .75; } .lux-market-map__routes .lux-route-dash { stroke-dasharray: 7 9; } .lux-market-map__routes circle { fill: var(--lux-orange); stroke: var(--lux-surface); stroke-width: 3; } .lux-market-map__routes .lux-map-hub { fill: var(--lux-orange); stroke-width: 5; } .lux-market-map__routes text { fill: var(--lux-heading); font-family: Arial,sans-serif; font-size: 20px; font-weight: 800; paint-order: stroke; stroke: rgba(255,255,255,.92); stroke-width: 5px; stroke-linejoin: round; } .lux-market-map__routes .lux-hub-label { fill: var(--lux-orange); font-size: 20px; } .lux-market-note { max-width: 900px; margin: 24px auto 0; color: var(--lux-text); text-align: center; font-size: 14px; line-height: 1.7; } .lux-region-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; } .lux-region-list li { padding: 9px 15px; border: 1px solid var(--lux-orange); border-radius: 999px; background: var(--lux-bg); color: var(--lux-heading); font-size: 13px; font-weight: 800; } .lux-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } .lux-card { position: relative; display: flex; min-height: 270px; flex-direction: column; padding: 30px; overflow: hidden; border: 1px solid rgba(39,35,31,.08); border-radius: 22px; background: var(--lux-surface); box-shadow: 0 12px 35px rgba(194,157,122,.06); transition: transform .22s ease, box-shadow .22s ease; } .lux-card:hover { transform: translateY(-5px); box-shadow: 0 20px 48px rgba(194,157,122,.12); } .lux-card__number { color: var(--lux-orange); font-size: 13px; font-weight: 900; letter-spacing: .14em; } .lux-card h3 { margin: 30px 0 12px; color: var(--lux-navy); font-size: 25px; line-height: 1.2; } .lux-card p { margin: 0 0 24px; color: var(--lux-text); font-size: 15px; line-height: 1.65; } .lux-card a { margin-top: auto; color: var(--lux-gold-deep); font-weight: 800; } .lux-card a:hover, .lux-card a:focus-visible { color: var(--lux-gold); } .lux-card a::after, .lux-text-link::after { content: " →"; } .lux-split { display: grid; grid-template-columns: 1.02fr .98fr; gap: 70px; align-items: center; } .lux-split--top { align-items: start; } .lux-feature-list, .lux-check-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; } .lux-feature-list li, .lux-check-list li { padding: 15px 16px; border-radius: 12px; background: var(--lux-surface); box-shadow: 0 8px 22px rgba(194,157,122,.06); font-weight: 700; } .lux-feature-list li::before, .lux-check-list li::before { content: "✓"; margin-right: 9px; color: var(--lux-gold-deep); } .lux-factory-image { display: block; width: 100%; min-height: 480px; object-fit: cover; border-radius: 28px; box-shadow: 0 26px 70px rgba(194,157,122,.18); } .lux-factory-figure { margin: 0; } .lux-factory-figure figcaption { margin-top: 13px; color: var(--lux-text); font-size: 13px; line-height: 1.55; } .lux-process { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; margin-top: 42px; padding: 0; list-style: none; counter-reset: lux-process; } .lux-process li { position: relative; min-height: 140px; padding: 54px 18px 18px; border: 1px solid rgba(244,166,35,.28); border-radius: 16px; background: var(--lux-surface); color: var(--lux-heading); box-shadow: 0 10px 26px rgba(194,157,122,.06); font-size: 14px; font-weight: 800; counter-increment: lux-process; } .lux-process li::before { content: "0" counter(lux-process); position: absolute; top: 17px; left: 18px; color: var(--lux-orange); font-size: 13px; letter-spacing: .08em; } .lux-tech-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; } .lux-tech-grid span { display: grid; min-height: 94px; place-items: center; padding: 18px; border: 1px solid rgba(244,166,35,.38); border-radius: 16px; background: rgba(255,255,255,.10); color: var(--lux-surface); font-size: 17px; font-weight: 850; box-shadow: 0 10px 26px rgba(0,0,0,.16); } .lux-text-link { display: inline-flex; color: var(--lux-gold-deep); font-weight: 850; } .lux-text-link:hover, .lux-text-link:focus-visible { color: var(--lux-orange); } .lux-value-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px; } .lux-value-grid article { min-height: 255px; padding: 27px 24px; border: 1px solid rgba(39,35,31,.08); border-radius: 20px; background: var(--lux-surface); box-shadow: 0 12px 35px rgba(194,157,122,.06); } .lux-value-grid strong { color: var(--lux-orange); font-size: 13px; letter-spacing: .14em; } .lux-value-grid h3 { margin: 44px 0 12px; color: var(--lux-navy); font-size: 21px; line-height: 1.2; } .lux-value-grid p { margin: 0; color: var(--lux-text); font-size: 14px; line-height: 1.65; } .lux-application-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; } .lux-application-grid a { display: flex; min-height: 128px; align-items: flex-end; justify-content: space-between; padding: 24px; border: 1px solid rgba(39,35,31,.08); border-radius: 18px; background: var(--lux-surface); color: var(--lux-navy); box-shadow: 0 10px 30px rgba(194,157,122,.05); transition: transform .2s ease, border-color .2s ease; } .lux-application-grid a:hover, .lux-application-grid a:focus-visible { border-color: var(--lux-orange); color: var(--lux-navy); transform: translateY(-3px); } .lux-application-grid span { color: var(--lux-orange); font-size: 12px; font-weight: 850; letter-spacing: .12em; } .lux-application-grid strong { font-size: 23px; } .lux-faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; align-items: start; } .lux-faq-layout .lux-faq { margin-top: 0; } .lux-faq { max-width: 900px; margin-top: 36px; } .lux-faq details { border-top: 1px solid var(--lux-surface); } .lux-faq details:last-child { border-bottom: 1px solid var(--lux-surface); } .lux-faq summary { cursor: pointer; padding: 22px 40px 22px 0; color: var(--lux-navy); font-size: 18px; font-weight: 800; } .lux-faq p { max-width: 800px; margin: -4px 0 22px; color: var(--lux-text); line-height: 1.75; } .lux-cta { position: relative; padding: 70px 0 110px; overflow: hidden; background: var(--lux-brown); color: var(--lux-surface); } .lux-cta::after { display: none; content: none; } .lux-cta__inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .lux-cta h2 { margin: 0 0 10px; color: var(--lux-surface); font-size: clamp(32px,4vw,48px); } .lux-cta p { margin: 0; color: var(--lux-bg); font-size: 17px; } .lux-cta .lux-btn { flex: 0 0 auto; color: var(--lux-surface); background: var(--lux-orange); border: 2px solid rgba(255,255,255,.9); box-shadow: 0 10px 24px rgba(194,157,122,.18); } .lux-cta .lux-btn:hover, .lux-cta .lux-btn:focus-visible { color: var(--lux-surface); background: var(--lux-orange); border-color: var(--lux-surface); } @media (max-width: 960px) { .lux-stats { grid-template-columns: repeat(3,1fr); } .lux-grid { grid-template-columns: repeat(2,1fr); } .lux-split { grid-template-columns: 1fr; gap: 42px; } .lux-process { grid-template-columns: repeat(3,1fr); } .lux-value-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .lux-faq-layout { grid-template-columns: 1fr; gap: 30px; } } @media (max-width: 640px) { .lux-container { width: min(100% - 28px,1180px); } .lux-section { padding: 62px 0; } .lux-hero { min-height: 650px; background-position: 62% center; } .lux-hero::before { background: rgba(194,157,122,.86); } .lux-hero__inner { padding: 72px 0; } .lux-hero h1 { font-size: 44px; } .lux-actions { align-items: stretch; flex-direction: column; } .lux-btn { width: 100%; } .lux-stats { grid-template-columns: repeat(2,1fr); } .lux-stat:last-child { grid-column: 1 / -1; } .lux-grid, .lux-feature-list, .lux-check-list, .lux-process, .lux-tech-grid, .lux-value-grid, .lux-application-grid { grid-template-columns: 1fr; } .lux-market-map { border-radius: 18px; } .lux-market-map__routes text { font-size: 26px; } .lux-market-map__routes .lux-hub-label { font-size: 29px; } .lux-card { min-height: auto; } .lux-factory-image { min-height: 340px; } .lux-cta__inner { align-items: flex-start; flex-direction: column; } } /* Core solution pages: fast, semantic, Astra-native B2B layouts */ .lux-core-page .entry-header { display: none; } .lux-core-page .site-content > .ast-container, .lux-core-page .content-area, .lux-core-page .site-main, .lux-core-page .entry-content { width: 100%; max-width: none; margin: 0; padding: 0; } .lux-core-page .site-content > .ast-container { display: block; } .lux-core-page .entry-content > .lux-content-page { width: 100%; max-width: none; margin: 0; } .lux-content-page { --lux-page-orange: var(--lux-orange); --lux-page-gold: var(--lux-orange); --lux-page-charcoal: var(--lux-heading); --lux-page-text: var(--lux-heading); --lux-page-muted: var(--lux-text); --lux-page-warm: var(--lux-bg); --lux-page-card: var(--lux-surface); --lux-page-premium-dark: var(--lux-brown); --lux-page-premium-light: var(--lux-bg-light); --lux-page-footer: var(--lux-brown); color: var(--lux-text); background: var(--lux-bg); font-family: inherit; } .lux-page-container { width: min(1240px, calc(100% - 64px)); margin-inline: auto; } .lux-page-hero { padding: 76px 0 88px; color: var(--lux-surface); background: var(--lux-page-charcoal); } .lux-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 46px; color: var(--lux-border); font-size: 14px; } .lux-breadcrumb a { color: var(--lux-bg); text-decoration: none; } .lux-breadcrumb a:hover, .lux-breadcrumb a:focus-visible { color: var(--lux-page-orange); } .lux-page-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: var(--lux-page-gold); font-size: 13px; font-weight: 800; letter-spacing: .16em; } .lux-page-eyebrow::before { width: 34px; height: 3px; content: ""; border-radius: 999px; background: var(--lux-page-orange); } .lux-page-hero h1 { max-width: 920px; margin: 0; color: var(--lux-surface); font-size: clamp(42px, 5.7vw, 76px); line-height: 1.04; letter-spacing: -.035em; } .lux-page-hero__lead { max-width: 850px; margin: 27px 0 0; color: var(--lux-border); font-size: clamp(18px, 2vw, 22px); line-height: 1.65; } .lux-page-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; } .lux-smart-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: clamp(48px, 6vw, 88px); align-items: center; } .lux-smart-hero__content { min-width: 0; } .lux-smart-hero h1 { font-size: clamp(42px, 4.5vw, 64px); line-height: 1.06; } .lux-smart-hero .lux-page-hero__lead { max-width: 690px; } .lux-smart-hero__visual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 22px; list-style: none; border: 1px solid rgba(244,166,35,.34); border-radius: 22px; background: rgba(255,255,255,.035); } .lux-smart-hero__visual li { min-width: 0; padding: 22px 20px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.06); } .lux-smart-hero__visual strong, .lux-smart-hero__visual span { display: block; } .lux-smart-hero__visual strong { color: var(--lux-page-orange); font-size: 21px; line-height: 1.2; } .lux-smart-hero__visual span { margin-top: 7px; color: var(--lux-border); font-size: 13px; line-height: 1.45; } .lux-smart-hero { background: var(--lux-page-premium-dark); } .lux-smart-hero__visual { background: rgba(255,255,255,.07); } .lux-smart-hero__visual li { background: rgba(255,255,255,.06); } .lux-page-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 25px; border: 2px solid transparent; border-radius: 999px; font-size: 15px; font-weight: 800; line-height: 1.1; text-decoration: none !important; transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease; } .lux-page-btn:hover, .lux-page-btn:focus-visible { transform: translateY(-2px); } .lux-page-btn--primary { color: var(--lux-surface) !important; background: var(--lux-page-orange); border-color: var(--lux-page-orange); } .lux-page-btn--primary:hover, .lux-page-btn--primary:focus-visible { color: var(--lux-surface) !important; background: var(--lux-page-gold); border-color: var(--lux-page-gold); } .lux-page-btn--outline { color: var(--lux-surface) !important; border-color: rgba(255,255,255,.65); background: transparent; } .lux-page-btn--outline:hover, .lux-page-btn--outline:focus-visible { color: var(--lux-brown) !important; background: var(--lux-surface); border-color: var(--lux-surface); } .lux-page-btn--dark { color: var(--lux-surface) !important; background: var(--lux-brown); } .lux-page-btn--dark:hover, .lux-page-btn--dark:focus-visible { color: var(--lux-surface) !important; background: var(--lux-heading); } .lux-page-section { padding: 92px 0; scroll-margin-top: 120px; } .lux-page-section--warm { background: var(--lux-page-warm); } .lux-page-section--dark { color: var(--lux-surface); background: var(--lux-page-charcoal); } #smart-components { background: var(--lux-page-premium-dark); } #smart-components .lux-page-card--dark { background: rgba(255,255,255,.06); } #oem-capabilities { background: var(--lux-page-premium-light); } #oem-capabilities .lux-page-card { background: rgba(255,255,255,.82); border-color: rgba(98,91,85,.12); } .lux-page-section h2 { max-width: 850px; margin: 0; color: var(--lux-page-text); font-size: clamp(34px, 4.4vw, 56px); line-height: 1.1; letter-spacing: -.025em; } .lux-page-section--dark h2 { color: var(--lux-surface); } .lux-page-lead { max-width: 900px; margin: 20px 0 0; color: var(--lux-page-muted); font-size: 18px; line-height: 1.75; } .lux-page-section--dark .lux-page-lead { color: var(--lux-border); } .lux-page-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 42px; } .lux-page-card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lux-page-card { min-height: 270px; padding: 30px; border: 1px solid rgba(39,35,31,.08); border-radius: 18px; background: var(--lux-page-card); } .lux-page-card > span { color: var(--lux-page-orange); font-size: 13px; font-weight: 800; letter-spacing: .12em; } .lux-page-card h3 { margin: 42px 0 13px; color: var(--lux-page-text); font-size: 22px; line-height: 1.25; } .lux-page-card p { margin: 0 0 20px; color: var(--lux-page-muted); line-height: 1.7; } .lux-page-card a, .lux-page-text-link { color: var(--lux-heading); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; } .lux-page-card a:hover, .lux-page-card a:focus-visible, .lux-page-text-link:hover, .lux-page-text-link:focus-visible { color: var(--lux-page-orange); } .lux-page-card--dark { border-color: rgba(244,166,35,.25); background: rgba(255,255,255,.06); } .lux-page-card--dark h3 { color: var(--lux-surface); } .lux-page-card--dark p { color: var(--lux-border); } .lux-page-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 70px; align-items: start; } .lux-page-answer-box { padding: 34px; border-left: 4px solid var(--lux-page-orange); border-radius: 0 16px 16px 0; background: var(--lux-surface); } .lux-page-answer-box strong { color: var(--lux-page-text); font-size: 22px; } .lux-page-answer-box p { margin: 14px 0 0; color: var(--lux-page-muted); line-height: 1.75; } .lux-page-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 0; padding: 0; list-style: none; } .lux-page-checks li { position: relative; min-height: 64px; padding: 19px 18px 17px 49px; border: 1px solid rgba(39,35,31,.08); border-radius: 13px; background: var(--lux-surface); font-weight: 700; } .lux-page-checks li::before { position: absolute; left: 19px; color: var(--lux-heading); content: "✓"; font-weight: 900; } .lux-page-checks--dark li { border-color: rgba(244,166,35,.2); background: rgba(255,255,255,.06); color: var(--lux-surface); } .lux-page-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 42px 0 0; padding: 0; list-style: none; counter-reset: lux-page-step; } .lux-page-steps li { position: relative; min-height: 190px; padding: 66px 24px 24px; border-top: 3px solid var(--lux-page-orange); background: var(--lux-page-card); counter-increment: lux-page-step; } .lux-page-steps li::before { position: absolute; top: 22px; left: 24px; color: var(--lux-heading); content: "0" counter(lux-page-step); font-size: 13px; font-weight: 900; letter-spacing: .12em; } .lux-page-steps strong, .lux-page-steps span { display: block; } .lux-page-steps strong { margin-bottom: 10px; color: var(--lux-page-text); font-size: 19px; line-height: 1.25; } .lux-page-steps span { color: var(--lux-page-muted); font-size: 15px; line-height: 1.65; } .lux-page-steps--dark li { background: rgba(255,255,255,.06); } .lux-page-steps--dark strong { color: var(--lux-surface); } .lux-page-steps--dark span { color: var(--lux-border); } .lux-page-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 42px; } .lux-page-metric-grid > * { padding: 26px 22px; border: 1px solid rgba(244,166,35,.25); border-radius: 16px; background: rgba(255,255,255,.06); } .lux-page-metric-grid strong { display: block; color: var(--lux-page-orange); font-size: 29px; line-height: 1.1; } .lux-page-metric-grid span { display: block; margin-top: 10px; color: var(--lux-border); line-height: 1.45; } .lux-page-faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; align-items: start; } .lux-page-faq details { border-top: 1px solid var(--lux-border); } .lux-page-faq details:last-child { border-bottom: 1px solid var(--lux-border); } .lux-page-faq summary { cursor: pointer; padding: 21px 34px 21px 0; color: var(--lux-page-text); font-size: 18px; font-weight: 800; } .lux-page-faq details p { margin: -3px 0 22px; color: var(--lux-page-muted); line-height: 1.75; } .lux-page-cta { position: relative; padding: 65px 0 96px; overflow: hidden; color: var(--lux-surface); background: var(--lux-brown); } .lux-page-cta::after { display: none; content: none; } .lux-page-cta .lux-page-container { display: flex; align-items: center; justify-content: space-between; gap: 35px; } .lux-page-cta h2 { margin: 0; color: var(--lux-surface); font-size: clamp(31px, 4vw, 48px); line-height: 1.12; } .lux-page-cta p { margin: 12px 0 0; color: var(--lux-surface); font-size: 17px; } .lux-page-cta .lux-page-btn--dark { color: var(--lux-surface); background: var(--lux-orange); border: 2px solid rgba(255,255,255,.9); box-shadow: 0 10px 24px rgba(194,157,122,.18); } .lux-page-cta .lux-page-btn--dark:hover, .lux-page-cta .lux-page-btn--dark:focus-visible { color: var(--lux-surface); background: var(--lux-orange); border-color: var(--lux-surface); } /* Shared brand-color overrides for the global lead form and footer. */ .luxbontop-quote-dialog { background: var(--lux-bg) !important; } .luxbontop-site-footer { background: var(--lux-brown) !important; color: var(--lux-border) !important; } .luxbontop-site-footer__group a, .luxbontop-site-footer__tagline, .luxbontop-site-footer__group--contact li span { color: var(--lux-border) !important; } @media (max-width: 900px) { .lux-page-card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lux-page-split, .lux-page-faq-layout { grid-template-columns: 1fr; gap: 38px; } .lux-smart-hero__grid { grid-template-columns: 1fr; gap: 44px; } .lux-smart-hero__visual { max-width: 700px; } .lux-page-steps, .lux-page-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .lux-page-container { width: min(100% - 28px, 1240px); } .lux-page-hero { padding: 52px 0 64px; } .lux-breadcrumb { margin-bottom: 34px; } .lux-page-hero h1 { font-size: 41px; } .lux-page-actions { align-items: stretch; flex-direction: column; } .lux-page-btn { width: 100%; } .lux-page-section { padding: 64px 0; } .lux-page-card-grid, .lux-page-card-grid--3, .lux-page-checks, .lux-page-steps, .lux-page-metric-grid { grid-template-columns: 1fr; } .lux-smart-hero__visual { grid-template-columns: 1fr; padding: 14px; } .lux-smart-hero__visual li { padding: 18px; } .lux-page-card { min-height: auto; } .lux-page-cta .lux-page-container { align-items: flex-start; flex-direction: column; } } /* LUXBONTOP unified warm brand system — 2026-09-03 */ html, body, #page, .site-content { background: var(--lux-bg); color: var(--lux-text); } body { overflow-x: hidden; } body, button, input, select, textarea { color: var(--lux-text); } h1, h2, h3, h4, h5, h6, .entry-title, .page-title { color: var(--lux-heading); } a { color: var(--lux-brown); } a:hover, a:focus-visible { color: var(--lux-orange); } .site-header, .ast-primary-header-bar, .ast-mobile-header-wrap .ast-primary-header-bar { background: var(--lux-bg-light) !important; border-color: var(--lux-border) !important; box-shadow: none !important; } .main-header-menu > .menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-link { color: var(--lux-heading) !important; } .main-header-menu > .menu-item > .menu-link:hover, .main-header-menu > .menu-item > .menu-link:focus-visible, .main-header-menu > .current-menu-item > .menu-link, .main-header-menu > .current-menu-ancestor > .menu-link { color: var(--lux-orange) !important; } .main-header-menu a.menu-link[href*="/request-quote/"] { color: var(--lux-surface) !important; background: var(--lux-orange) !important; border-color: var(--lux-orange) !important; box-shadow: none !important; } .main-header-menu a.menu-link[href*="/request-quote/"]:hover, .main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible { color: var(--lux-surface) !important; background: var(--lux-brown) !important; border-color: var(--lux-brown) !important; } .main-header-menu .sub-menu, .lux-solutions-mega { background: var(--lux-surface) !important; border-color: var(--lux-border) !important; box-shadow: 0 12px 30px rgba(194,157,122,.08) !important; } .lux-home, .lux-content-page, .lux-product-page, .lux-contact-page { background: var(--lux-bg); color: var(--lux-text); } .lux-section, .lux-page-section { background: var(--lux-bg-light); } .lux-section--soft, .lux-page-section--soft { background: var(--lux-bg-alt) !important; } .lux-section--coffee, .lux-page-section--dark, #smart-components, #oem-capabilities { background: var(--lux-surface) !important; color: var(--lux-text) !important; } .lux-section--coffee h2, .lux-section--coffee h3, .lux-page-section--dark h2, .lux-page-section--dark h3, #smart-components h2, #smart-components h3 { color: var(--lux-heading) !important; } .lux-section--coffee p, .lux-page-section--dark p, #smart-components p { color: var(--lux-text) !important; } .lux-card, .lux-page-card, .lux-application-grid a, .lux-stat, article.lux_product, .lux-product-card { background: var(--lux-surface); border-color: var(--lux-border); box-shadow: 0 8px 24px rgba(194,157,122,.045); } .lux-card:hover, .lux-page-card:hover, .lux-product-card:hover { border-color: var(--lux-orange); box-shadow: 0 10px 28px rgba(194,157,122,.07); } .lux-card h3, .lux-page-card h3, .lux-product-card h2, .lux-product-card h3 { color: var(--lux-heading); } .lux-card p, .lux-page-card p, .lux-product-card p { color: var(--lux-text); } .lux-hub-label, .lux-product-tag, .lux-product-meta span { background: var(--lux-bg-alt); color: var(--lux-brown); border-color: var(--lux-border); } .lux-btn, .lux-page-btn, button, input[type="submit"] { box-shadow: none; } .lux-btn--primary, .lux-page-btn--primary, .lux-page-btn--dark, .luxbontop-submit, button[type="submit"], input[type="submit"] { color: var(--lux-surface) !important; background: var(--lux-brown) !important; border-color: var(--lux-brown) !important; } .lux-btn--primary:hover, .lux-btn--primary:focus-visible, .lux-page-btn--primary:hover, .lux-page-btn--primary:focus-visible, .lux-page-btn--dark:hover, .lux-page-btn--dark:focus-visible, .luxbontop-submit:hover, .luxbontop-submit:focus-visible, button[type="submit"]:hover, button[type="submit"]:focus-visible, input[type="submit"]:hover, input[type="submit"]:focus-visible { background: var(--lux-orange) !important; border-color: var(--lux-orange) !important; } input:not([type="submit"]), select, textarea { background: var(--lux-surface); color: var(--lux-text); border-color: var(--lux-border) !important; box-shadow: none !important; } input:not([type="submit"]):focus, select:focus, textarea:focus { border-color: var(--lux-orange) !important; outline: 2px solid rgba(244,166,35,.15); outline-offset: 1px; } .home .lux-hero { position: relative; display: grid; width: 100%; height: clamp(560px, calc(100svh - 112px), 760px); min-height: 560px; align-items: center; overflow: hidden; background: var(--lux-bg-light); color: var(--lux-heading); } .home .lux-hero__media { position: absolute; inset: 0; display: block; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center right; } .home .lux-hero::before { display: none !important; content: none !important; } .home .lux-hero__inner { position: relative; z-index: 2; width: min(1240px, calc(100% - 48px)); max-width: none; margin-inline: auto; padding: 56px 0; } .home .lux-hero__inner > * { max-width: min(650px, 50%); } .home .lux-hero h1 { max-width: min(650px, 50%); margin: 0; color: var(--lux-heading); font-size: clamp(44px, 4.35vw, 64px); line-height: 1.06; text-shadow: none; } .home .lux-hero__sub { max-width: min(620px, 49%); color: var(--lux-text); } .home .lux-hero__facts { max-width: min(620px, 49%); color: var(--lux-brown); } .home .lux-hero__facts li, .home .lux-hero .lux-eyebrow { color: var(--lux-brown); } .home .lux-hero .lux-eyebrow::before { background: var(--lux-orange); } .home .lux-hero .lux-btn--primary { color: var(--lux-heading) !important; background: var(--lux-orange) !important; border-color: var(--lux-orange) !important; } .home .lux-hero .lux-btn--primary:hover, .home .lux-hero .lux-btn--primary:focus-visible { color: var(--lux-heading) !important; background: var(--lux-orange-hover) !important; border-color: var(--lux-orange-hover) !important; } .home .lux-hero .lux-btn--ghost { color: var(--lux-heading) !important; background: var(--lux-orange-light) !important; border-color: var(--lux-orange-soft-border) !important; } .home .lux-hero .lux-btn--ghost:hover, .home .lux-hero .lux-btn--ghost:focus-visible { color: var(--lux-heading) !important; background: var(--lux-orange-light-hover) !important; border-color: var(--lux-orange-soft-border) !important; } .home .lux-stats { background: var(--lux-surface); border-color: var(--lux-border); } .home #lux-lighting-solutions, .home #lux-why-choose, .home #lux-factory, .home #lux-faq { background: var(--lux-bg-light); } .home #lux-oem-odm, .home #lux-applications, .home #lux-global-markets { background: var(--lux-bg-alt); } .home #lux-smart-lighting { background: var(--lux-surface) !important; } .home .lux-cta, .lux-page-cta { background: var(--lux-bg-alt) !important; color: var(--lux-text) !important; } .home .lux-cta h2, .lux-page-cta h2 { color: var(--lux-heading) !important; } .home .lux-cta p, .lux-page-cta p { color: var(--lux-text) !important; } .home .lux-cta .lux-btn, .lux-page-cta .lux-page-btn--dark { color: var(--lux-surface) !important; background: var(--lux-brown) !important; border-color: var(--lux-brown) !important; } .lux-faq details, .lux-page-faq details { border-color: var(--lux-border); } .lux-faq summary, .lux-page-faq summary { color: var(--lux-heading); } .luxbontop-site-footer, .site-footer, .site-above-footer-wrap, .site-below-footer-wrap { background: var(--lux-brown) !important; color: var(--lux-text-on-dark) !important; } .luxbontop-site-footer h2, .luxbontop-site-footer h3, .luxbontop-site-footer p, .luxbontop-site-footer li, .site-footer h2, .site-footer h3, .site-footer p, .site-footer li { color: var(--lux-text-on-dark) !important; } .luxbontop-site-footer a, .site-footer a { color: var(--lux-text-on-dark) !important; } .luxbontop-site-footer a:hover, .luxbontop-site-footer a:focus-visible, .site-footer a:hover, .site-footer a:focus-visible { color: var(--lux-orange) !important; } [class*="whatsapp"], [href*="wa.me"] { --lux-whatsapp-local: var(--lux-whatsapp); } @media (max-width: 820px) { .home .lux-hero { display: flex; height: auto; min-height: 0; flex-direction: column; align-items: stretch; } .home .lux-hero__media { position: relative; inset: auto; order: 0; width: 100%; height: clamp(280px, 73vw, 420px); object-fit: cover; object-position: 73% center; } .home .lux-hero__inner { order: 1; width: min(100% - 32px, 640px); padding: 38px 0 46px; } .home .lux-hero__inner > *, .home .lux-hero h1, .home .lux-hero__sub, .home .lux-hero__facts { max-width: 100%; } .home .lux-hero h1 { font-size: clamp(34px, 9vw, 42px); line-height: 1.1; } .home .lux-hero__sub { font-size: 17px; } .home .lux-actions { align-items: stretch; } } @media (max-width: 480px) { .home .lux-hero__media { height: clamp(270px, 78vw, 330px); object-position: 73% center; } .home .lux-hero__inner { width: min(100% - 28px, 420px); padding: 32px 0 42px; } .home .lux-hero h1 { font-size: clamp(34px, 10vw, 38px); } .home .lux-hero .lux-btn { width: 100%; min-height: 50px; } }

/* LUXBONTOP light-brown interface update — 2026-09-03 */
:root {
  --lux-brown: #C29D7A;
  --lux-text-on-dark: #27231F;
}

/* Applications landing page — 2026-09-05 */
.page-template-page-applications .site-content > .ast-container {
	display: block;
	max-width: none;
	padding: 0;
}

.lux-app-page {
	--lux-app-bg: #f7f3ec;
	--lux-app-bg-light: #fbf8f2;
	--lux-app-alt: #efe8de;
	--lux-app-surface: #ffffff;
	--lux-app-heading: #27231f;
	--lux-app-text: #625b55;
	--lux-app-border: #ded4c8;
	--lux-app-orange: #f4a623;
	background: var(--lux-app-bg);
	color: var(--lux-app-text);
	overflow: clip;
}

.lux-app-page *,
.lux-app-page *::before,
.lux-app-page *::after {
	box-sizing: border-box;
}

.lux-app-page__container {
	width: min(1240px, calc(100% - 48px));
	margin-inline: auto;
}

.lux-app-page__hero {
	background: linear-gradient(120deg, #fffdf9 0%, var(--lux-app-bg-light) 58%, #f1e6d7 100%);
	border-bottom: 1px solid var(--lux-app-border);
}

.lux-app-page__hero-inner {
	padding-block: clamp(76px, 8vw, 112px);
}

.lux-app-page__eyebrow {
	margin: 0 0 14px;
	color: var(--lux-app-orange);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.4;
	text-transform: uppercase;
}

.lux-app-page h1,
.lux-app-page h2,
.lux-app-page h3 {
	color: var(--lux-app-heading);
	font-weight: 700;
	letter-spacing: -.025em;
}

.lux-app-page h1 {
	max-width: 950px;
	margin: 0;
	font-size: clamp(44px, 5vw, 68px);
	line-height: 1.06;
}

.lux-app-page__lead {
	max-width: 780px;
	margin: 24px 0 30px;
	font-size: clamp(17px, 1.45vw, 20px);
	line-height: 1.7;
}

.lux-app-page__button {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	padding: 13px 28px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.lux-app-page__button--primary {
	background: var(--lux-app-orange);
	color: var(--lux-app-heading);
}

.lux-app-page__button--primary:hover,
.lux-app-page__button--primary:focus-visible {
	background: #3b2a1e;
	color: #fff;
}

.lux-app-page__button--secondary {
	background: #c29d7a;
	border-color: #c29d7a;
	color: var(--lux-app-heading);
}

.lux-app-page__button--secondary:hover,
.lux-app-page__button--secondary:focus-visible {
	background: var(--lux-app-orange);
	border-color: var(--lux-app-orange);
	color: var(--lux-app-heading);
}

.lux-app-page__button:focus-visible,
.lux-app-page__entry:focus-visible,
.lux-app-page__products a:focus-visible,
.lux-app-page__text-link:focus-visible,
.lux-app-page summary:focus-visible {
	outline: 3px solid rgba(244, 166, 35, .36);
	outline-offset: 3px;
}

.lux-app-page__section {
	padding-block: clamp(64px, 7vw, 88px);
}

.lux-app-page__section--intro,
.lux-app-page__section--support,
.lux-app-page__section--faq {
	background: var(--lux-app-bg-light);
}

.lux-app-page__section--details {
	background: var(--lux-app-surface);
}

.lux-app-page__section-heading {
	max-width: 780px;
	margin-bottom: 36px;
}

.lux-app-page__section-heading h2,
.lux-app-page__oem-inner h2,
.lux-app-page__quote-inner h2 {
	margin: 0;
	font-size: clamp(34px, 4vw, 48px);
	line-height: 1.14;
}

.lux-app-page__section-heading > p:last-child,
.lux-app-page__oem-inner > div > p:last-child,
.lux-app-page__quote-inner > div > p:last-child {
	margin: 18px 0 0;
	font-size: 17px;
	line-height: 1.7;
}

.lux-app-page__entry-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.lux-app-page__entry {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	background: var(--lux-app-surface);
	border: 1px solid var(--lux-app-border);
	border-radius: 14px;
	color: inherit;
	text-decoration: none !important;
	transition: border-color .2s ease, transform .2s ease;
}

.lux-app-page__entry:hover,
.lux-app-page__entry:focus-visible {
	border-color: var(--lux-app-orange);
	transform: translateY(-2px);
}

.lux-app-page__entry-media {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--lux-app-alt);
}

.lux-app-page__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lux-app-page__entry-copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 23px 24px 25px;
}

.lux-app-page__entry h3 {
	margin: 0;
	font-size: 23px;
	line-height: 1.25;
}

.lux-app-page__entry p {
	margin: 12px 0 20px;
	font-size: 15px;
	line-height: 1.65;
}

.lux-app-page__entry-copy > span {
	margin-top: auto;
	color: var(--lux-app-heading);
	font-size: 15px;
	font-weight: 750;
}

.lux-app-page__entry:hover .lux-app-page__entry-copy > span,
.lux-app-page__entry:focus-visible .lux-app-page__entry-copy > span {
	color: var(--lux-app-orange);
}

.lux-app-page__detail {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(38px, 5vw, 72px);
	align-items: center;
	padding-block: clamp(56px, 6vw, 78px);
	border-bottom: 1px solid var(--lux-app-border);
	scroll-margin-top: 112px;
}

.lux-app-page__detail:first-child {
	padding-top: 0;
}

.lux-app-page__detail:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.lux-app-page__detail--reverse .lux-app-page__detail-media {
	order: 2;
}

.lux-app-page__detail-media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--lux-app-alt);
	border-radius: 14px;
}

.lux-app-page__detail-copy h2 {
	margin: 0;
	font-size: clamp(32px, 3.4vw, 46px);
	line-height: 1.14;
}

.lux-app-page__detail-intro {
	margin: 18px 0 24px;
	font-size: 17px;
	line-height: 1.7;
}

.lux-app-page__detail-copy h3 {
	margin: 22px 0 12px;
	font-size: 18px;
	line-height: 1.35;
}

.lux-app-page__needs {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lux-app-page__needs li {
	position: relative;
	padding-left: 25px;
	line-height: 1.55;
}

.lux-app-page__needs li::before {
	position: absolute;
	top: .64em;
	left: 0;
	width: 8px;
	height: 8px;
	background: var(--lux-app-orange);
	border-radius: 50%;
	content: '';
}

.lux-app-page__products {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.lux-app-page__products a {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	padding: 8px 14px;
	background: var(--lux-app-bg);
	border: 1px solid var(--lux-app-border);
	border-radius: 999px;
	color: var(--lux-app-heading);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none !important;
}

.lux-app-page__products a:hover,
.lux-app-page__products a:focus-visible {
	border-color: var(--lux-app-orange);
	color: var(--lux-app-heading);
}

.lux-app-page__text-link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	margin-top: 24px;
	color: var(--lux-app-heading);
	font-weight: 750;
	text-decoration: none !important;
}

.lux-app-page__text-link:hover,
.lux-app-page__text-link:focus-visible {
	color: var(--lux-app-orange);
}

.lux-app-page__support-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lux-app-page__support-grid li {
	min-width: 0;
	padding: 8px 28px 8px 0;
}

.lux-app-page__support-grid li + li {
	padding-left: 28px;
	border-left: 1px solid var(--lux-app-border);
}

.lux-app-page__support-grid span {
	color: var(--lux-app-orange);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
}

.lux-app-page__support-grid h3 {
	margin: 12px 0 10px;
	font-size: 21px;
	line-height: 1.3;
}

.lux-app-page__support-grid p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
}

.lux-app-page__section--oem {
	background: var(--lux-app-alt);
}

.lux-app-page__oem-inner,
.lux-app-page__quote-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 48px;
	align-items: center;
}

.lux-app-page__oem-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.lux-app-page__faq-wrap {
	max-width: 900px;
}

.lux-app-page__faq-list {
	border-top: 1px solid var(--lux-app-border);
}

.lux-app-page__faq-list details {
	border-bottom: 1px solid var(--lux-app-border);
}

.lux-app-page__faq-list summary {
	position: relative;
	padding: 22px 48px 22px 0;
	color: var(--lux-app-heading);
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.lux-app-page__faq-list summary::-webkit-details-marker {
	display: none;
}

.lux-app-page__faq-list summary::after {
	position: absolute;
	top: 50%;
	right: 4px;
	color: var(--lux-app-orange);
	font-size: 24px;
	line-height: 1;
	content: '+';
	transform: translateY(-50%);
}

.lux-app-page__faq-list details[open] summary::after {
	content: '−';
}

.lux-app-page__faq-list details p {
	max-width: 760px;
	margin: -3px 0 22px;
	font-size: 16px;
	line-height: 1.7;
}

.lux-app-page__section--quote {
	background: var(--lux-app-bg);
}

.lux-app-page__quote-inner {
	padding: 42px 48px;
	background: #fffdf9;
	border: 1px solid #e5d8c8;
	border-radius: 48px 48px 48px 0;
	box-shadow: 0 12px 32px rgba(59, 42, 30, .05);
}

@media (max-width: 1024px) {
	.lux-app-page__container {
		width: min(100% - 40px, 940px);
	}

	.lux-app-page__entry-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lux-app-page__detail,
	.lux-app-page__detail--reverse {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.lux-app-page__detail--reverse .lux-app-page__detail-media {
		order: 0;
	}

	.lux-app-page__detail-media {
		aspect-ratio: 16 / 9;
	}

	.lux-app-page__support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 0;
	}

	.lux-app-page__support-grid li:nth-child(odd) {
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 767px) {
	.lux-app-page__container {
		width: min(100% - 32px, 560px);
	}

	.lux-app-page__hero-inner {
		padding-block: 58px 62px;
	}

	.lux-app-page h1 {
		font-size: clamp(38px, 11vw, 48px);
	}

	.lux-app-page__lead {
		font-size: 16px;
	}

	.lux-app-page__section {
		padding-block: 52px;
	}

	.lux-app-page__section-heading {
		margin-bottom: 28px;
	}

	.lux-app-page__section-heading h2,
	.lux-app-page__oem-inner h2,
	.lux-app-page__quote-inner h2,
	.lux-app-page__detail-copy h2 {
		font-size: 33px;
	}

	.lux-app-page__entry-grid,
	.lux-app-page__support-grid,
	.lux-app-page__oem-inner,
	.lux-app-page__quote-inner {
		grid-template-columns: 1fr;
	}

	.lux-app-page__entry-grid {
		gap: 18px;
	}

	.lux-app-page__entry-copy {
		padding: 21px 21px 23px;
	}

	.lux-app-page__detail {
		padding-block: 48px;
		scroll-margin-top: 84px;
	}

	.lux-app-page__detail-media {
		aspect-ratio: 4 / 3;
	}

	.lux-app-page__support-grid {
		gap: 0;
	}

	.lux-app-page__support-grid li,
	.lux-app-page__support-grid li + li,
	.lux-app-page__support-grid li:nth-child(odd) {
		padding: 22px 0;
		border-left: 0;
		border-bottom: 1px solid var(--lux-app-border);
	}

	.lux-app-page__support-grid li:first-child {
		padding-top: 0;
	}

	.lux-app-page__support-grid li:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.lux-app-page__oem-inner,
	.lux-app-page__quote-inner {
		gap: 26px;
	}

	.lux-app-page__quote-inner {
		padding: 32px 24px;
		border-radius: 32px 32px 32px 0;
	}

	.lux-app-page__button {
		width: 100%;
		max-width: 300px;
	}

	.lux-app-page__faq-list summary {
		font-size: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lux-app-page__button,
	.lux-app-page__entry {
		transition: none;
	}
}

/* Keep interface copy charcoal on the new light-brown surfaces. */
a { color: var(--lux-heading); }
.lux-section--dark,
.lux-section--coffee,
.lux-cta,
.lux-page-cta,
.luxbontop-site-footer,
.site-footer,
.site-above-footer-wrap,
.site-below-footer-wrap {
  color: var(--lux-heading) !important;
}
.lux-section--dark h1, .lux-section--dark h2, .lux-section--dark h3, .lux-section--dark p, .lux-section--dark a,
.lux-section--coffee h1, .lux-section--coffee h2, .lux-section--coffee h3, .lux-section--coffee p, .lux-section--coffee a,
.lux-cta h2, .lux-cta h3, .lux-cta p,
.lux-page-cta h2, .lux-page-cta h3, .lux-page-cta p,
.luxbontop-site-footer h2, .luxbontop-site-footer h3, .luxbontop-site-footer p, .luxbontop-site-footer li, .luxbontop-site-footer a,
.luxbontop-site-footer__tagline, .luxbontop-site-footer__group--contact li span,
.site-footer h2, .site-footer h3, .site-footer p, .site-footer li, .site-footer a {
  color: var(--lux-heading) !important;
}
.main-header-menu a.menu-link[href*="/request-quote/"]:hover,
.main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible,
.lux-btn--primary, .lux-page-btn--primary, .lux-page-btn--dark, .luxbontop-submit,
button[type="submit"], input[type="submit"],
.home .lux-cta .lux-btn, .lux-page-cta .lux-page-btn--dark {
  color: var(--lux-heading) !important;
}
.lux-hub-label, .lux-product-tag, .lux-product-meta span,
.home .lux-hero__facts, .home .lux-hero__facts li, .home .lux-hero .lux-eyebrow {
  color: var(--lux-heading);
}
/* HOME hero keeps one orange CTA and a light-brown outlined secondary action. */
.home .lux-hero .lux-btn--primary {
  color: var(--lux-heading) !important;
  background: var(--lux-orange) !important;
  border-color: var(--lux-orange) !important;
}
.home .lux-hero .lux-btn--ghost {
  color: var(--lux-heading) !important;
  background: var(--lux-orange-light) !important;
  border-color: var(--lux-brown) !important;
}
.home .lux-hero .lux-btn--ghost:hover,
.home .lux-hero .lux-btn--ghost:focus-visible {
  color: var(--lux-heading) !important;
  background: var(--lux-orange-light-hover) !important;
  border-color: var(--lux-orange) !important;
}


/* LUXBONTOP unified capsule buttons — 2026-09-03 */
.main-header-menu a.menu-link[href*="/request-quote/"],
.lux-btn,
.lux-page-btn,
.luxbontop-submit,
.wp-block-button__link,
a.ast-button,
a.button,
button.button,
button[type="submit"],
input[type="submit"] {
  display: inline-flex;
  min-height: 50px;
  height: auto;
  align-items: center;
  justify-content: center;
  padding: 12px 24px !important;
  border: 2px solid var(--lux-brown) !important;
  border-radius: 999px !important;
  color: var(--lux-heading) !important;
  background: var(--lux-brown) !important;
  line-height: 1.1;
}
.main-header-menu a.menu-link[href*="/request-quote/"]:hover,
.main-header-menu a.menu-link[href*="/request-quote/"]:focus,
.main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible,
.lux-btn:hover, .lux-btn:focus, .lux-btn:focus-visible,
.lux-page-btn:hover, .lux-page-btn:focus, .lux-page-btn:focus-visible,
.luxbontop-submit:hover, .luxbontop-submit:focus, .luxbontop-submit:focus-visible,
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:focus-visible,
a.ast-button:hover, a.ast-button:focus, a.ast-button:focus-visible,
a.button:hover, a.button:focus, a.button:focus-visible,
button.button:hover, button.button:focus, button.button:focus-visible,
button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:focus-visible,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:focus-visible {
  color: var(--lux-heading) !important;
  background: var(--lux-orange) !important;
  border-color: var(--lux-orange) !important;
}
.main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible,
.lux-btn:focus-visible, .lux-page-btn:focus-visible, .luxbontop-submit:focus-visible,
.wp-block-button__link:focus-visible, a.ast-button:focus-visible, a.button:focus-visible,
button.button:focus-visible, button[type="submit"]:focus-visible, input[type="submit"]:focus-visible {
  outline: 3px solid rgba(244,166,35,.34) !important;
  outline-offset: 2px !important;
}
/* HOME hero follows the same default/hover hierarchy. */
.home .lux-hero .lux-btn--primary,
.home .lux-hero .lux-btn--ghost {
  color: var(--lux-heading) !important;
  background: var(--lux-brown) !important;
  border-color: var(--lux-brown) !important;
  border-radius: 999px !important;
}
.home .lux-hero .lux-btn--primary:hover,
.home .lux-hero .lux-btn--primary:focus,
.home .lux-hero .lux-btn--primary:focus-visible,
.home .lux-hero .lux-btn--ghost:hover,
.home .lux-hero .lux-btn--ghost:focus,
.home .lux-hero .lux-btn--ghost:focus-visible {
  color: var(--lux-heading) !important;
  background: var(--lux-orange) !important;
  border-color: var(--lux-orange) !important;
}
/* Preserve the official floating contact control. */
.luxbontop-contact-float__toggle {
  border-radius: 50% !important;
  color: #FFFFFF !important;
  background: var(--lux-whatsapp) !important;
}

/* LUXBONTOP internal-page light backgrounds — 2026-09-03 */
.lux-content-page .lux-page-hero {
  background: var(--lux-bg, #F7F3EC) !important;
  color: var(--lux-text, #625B55) !important;
}
.lux-content-page .lux-page-hero h1,
.lux-content-page .lux-page-hero h2,
.lux-content-page .lux-page-hero h3 {
  color: var(--lux-heading, #27231F) !important;
}
.lux-content-page .lux-page-hero .lux-breadcrumb,
.lux-content-page .lux-page-hero .lux-breadcrumb a,
.lux-content-page .lux-page-hero .lux-page-hero__lead {
  color: var(--lux-text, #625B55) !important;
}
.lux-content-page .lux-page-hero .lux-page-eyebrow {
  color: var(--lux-orange, #F4A623) !important;
}
.lux-content-page .lux-smart-hero__visual {
  background: var(--lux-bg-alt, #EFE8DE) !important;
  border-color: var(--lux-border, #DED4C8) !important;
}
.lux-content-page .lux-smart-hero__visual li {
  background: var(--lux-surface, #FFFFFF) !important;
  border-color: var(--lux-border, #DED4C8) !important;
}
.lux-content-page .lux-smart-hero__visual span {
  color: var(--lux-text, #625B55) !important;
}

/* LUXBONTOP header ordinary CTA correction — 2026-09-03 */
body .main-header-menu .lux-quote-menu > a.menu-link,
body .main-header-menu a.menu-link[href*="/request-quote/"] {
  background: var(--lux-brown, #C29D7A) !important;
  border-color: var(--lux-brown, #C29D7A) !important;
  color: var(--lux-heading, #27231F) !important;
  border-radius: 999px !important;
}
body .main-header-menu .lux-quote-menu > a.menu-link:hover,
body .main-header-menu .lux-quote-menu > a.menu-link:focus-visible,
body .main-header-menu a.menu-link[href*="/request-quote/"]:hover,
body .main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible {
  background: var(--lux-orange, #F4A623) !important;
  border-color: var(--lux-orange, #F4A623) !important;
  color: var(--lux-heading, #27231F) !important;
}

/* LUXBONTOP homepage product categories — 2026-09-04 */
.lux-grid--solutions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.lux-grid--solutions .lux-product-showcase-card {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  padding: 0 0 24px;
  overflow: hidden;
  border: 1px solid #D8D2C7;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: none;
}
.lux-product-showcase-card .lux-card__media-link {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 20px;
  overflow: hidden;
  background: var(--lux-bg-light, #FBF8F2);
}
.lux-product-showcase-card .lux-card__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .25s ease;
}
.lux-product-showcase-card .lux-card__media-link:hover .lux-card__media,
.lux-product-showcase-card .lux-card__media-link:focus-visible .lux-card__media {
  transform: scale(1.02);
}
.lux-product-showcase-card > h3,
.lux-product-showcase-card > p,
.lux-product-showcase-card > .lux-card__cta {
  margin-left: 22px;
  margin-right: 22px;
}

.lux-product-showcase-card > .lux-card__cta::after {
	content: none;
}
.lux-grid--solutions .lux-product-showcase-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #292A2A;
  font-size: 21px;
  line-height: 1.25;
}
.lux-product-showcase-card > p {
  margin-bottom: 20px;
  color: #65615C;
  line-height: 1.6;
}
.lux-product-showcase-card > .lux-card__cta {
  display: inline-flex;
  width: fit-content;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 10px 19px;
  border: 1px solid #C29D7A;
  border-radius: 999px;
  color: #27231F;
  background: #C29D7A;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
}
.lux-product-showcase-card > .lux-card__cta:hover,
.lux-product-showcase-card > .lux-card__cta:focus-visible {
  border-color: var(--lux-orange, #F4A623);
  color: #27231F;
  background: var(--lux-orange, #F4A623);
}
@media (max-width: 1023px) {
  .lux-grid--solutions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
  }
}
@media (max-width: 767px) {
  .lux-grid--solutions {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .lux-product-showcase-card > h3,
  .lux-product-showcase-card > p,
  .lux-product-showcase-card > .lux-card__cta {
    margin-left: 18px;
    margin-right: 18px;
  }
}


/* LUXBONTOP header Request a Quote button — 2026-09-04 */
body .main-header-menu .lux-quote-menu > a.menu-link,
body .main-header-menu a.menu-link[href*="/request-quote/"] {
  background: var(--lux-orange, #F4A623) !important;
  border-color: var(--lux-orange, #F4A623) !important;
  color: var(--lux-heading, #27231F) !important;
}
body .main-header-menu .lux-quote-menu > a.menu-link:hover,
body .main-header-menu .lux-quote-menu > a.menu-link:focus-visible,
body .main-header-menu a.menu-link[href*="/request-quote/"]:hover,
body .main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible {
  background: #3B2A1E !important;
  border-color: #3B2A1E !important;
  color: #FFFFFF !important;
}


/* HOME Smart Lighting capability cards — 2026-09-04 */
.home #lux-smart-lighting .lux-tech-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
}
.home #lux-smart-lighting .lux-tech-card {
  display: flex;
  min-width: 0;
  min-height: 176px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px 18px;
  border: 1px solid rgba(244, 166, 35, .34);
  border-radius: 12px;
  background: var(--lux-bg-light, #FBF8F2);
  box-shadow: none;
  text-align: center;
  transition: transform .18s ease, border-color .18s ease;
}
.home #lux-smart-lighting .lux-tech-card:hover {
  border-color: var(--lux-orange, #F4A623);
  transform: translateY(-3px);
}
.home #lux-smart-lighting .lux-tech-card__mark {
  display: inline-flex;
  width: 46px;
  height: 46px;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(244, 166, 35, .42);
  border-radius: 50%;
  background: var(--lux-orange-light, #F8F0E2);
  box-shadow: none;
  color: var(--lux-orange, #F4A623);
}
.home #lux-smart-lighting .lux-tech-card__mark svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.home #lux-smart-lighting .lux-tech-card h3 {
  margin: 14px 0 7px;
  color: var(--lux-heading, #27231F);
  font-size: 19px;
  line-height: 1.2;
}
.home #lux-smart-lighting .lux-tech-card p {
  margin: 0;
  color: var(--lux-text, #625B55);
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .home #lux-smart-lighting .lux-tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .home #lux-smart-lighting .lux-tech-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* LUXBONTOP Applications image-overlay cards 2026-09-05 */
.lux-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lux-application-grid .lux-application-card{position:relative;display:block;min-width:0;aspect-ratio:1/1;overflow:hidden;padding:0;border:0;border-radius:12px;background:#27231f;color:#fff;text-decoration:none!important;box-shadow:none;isolation:isolate}
.lux-application-grid .lux-application-card::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to top,rgba(16,13,11,.78) 0%,rgba(16,13,11,.22) 48%,rgba(16,13,11,.03) 76%);pointer-events:none;transition:background .4s ease}
.lux-application-grid .lux-application-card__media{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .4s ease}
.lux-application-grid .lux-application-card__body{position:absolute;z-index:2;right:28px;bottom:28px;left:28px;display:flex;min-width:0;flex-direction:column;align-items:flex-start;color:#fff;pointer-events:none}
.lux-application-grid .lux-application-card__title{margin:0;color:#fff;font-size:clamp(28px,2.2vw,32px);font-weight:700;letter-spacing:0;line-height:1.15;text-decoration:none!important;transition:transform .4s ease}
.lux-application-grid .lux-application-card__description{max-height:0;margin:0;overflow:hidden;color:#fff;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.55;opacity:0;transform:translateY(14px);transition:max-height .4s ease,margin-top .4s ease,opacity .32s ease,transform .4s ease}
.lux-application-grid .lux-application-card__cta{display:inline-flex;max-height:0;margin:0;overflow:hidden;align-items:center;justify-content:center;border:1px solid #fff;border-radius:999px;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.2;opacity:0;transform:translateY(14px);transition:max-height .4s ease,margin-top .4s ease,padding .4s ease,opacity .32s ease,transform .4s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
.lux-application-grid .lux-application-card__mobile-cta{display:none;margin-top:10px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;line-height:1.2;text-decoration:none!important}
.lux-application-grid .lux-application-card:hover .lux-application-card__media,.lux-application-grid .lux-application-card:focus-visible .lux-application-card__media{transform:scale(1.05)}
.lux-application-grid .lux-application-card:hover::before,.lux-application-grid .lux-application-card:focus-visible::before{background:linear-gradient(to top,rgba(16,13,11,.92) 0%,rgba(16,13,11,.56) 60%,rgba(16,13,11,.16) 100%)}
.lux-application-grid .lux-application-card:hover .lux-application-card__title,.lux-application-grid .lux-application-card:focus-visible .lux-application-card__title{transform:translateY(-4px)}
.lux-application-grid .lux-application-card:hover .lux-application-card__description,.lux-application-grid .lux-application-card:focus-visible .lux-application-card__description{max-height:84px;margin-top:10px;opacity:1;transform:translateY(0)}
.lux-application-grid .lux-application-card:hover .lux-application-card__cta,.lux-application-grid .lux-application-card:focus-visible .lux-application-card__cta{max-height:48px;margin-top:15px;padding:10px 18px;opacity:1;transform:translateY(0)}
.lux-application-grid .lux-application-card__cta:hover{border-color:#f4a623;background:#f4a623;color:#27231f}
.lux-application-grid .lux-application-card:focus-visible{outline:3px solid #f4a623;outline-offset:3px}
.lux-application-grid .lux-application-card::after,.lux-application-grid .lux-application-card__body,.lux-application-grid .lux-application-card__title,.lux-application-grid .lux-application-card__description,.lux-application-grid .lux-application-card__cta,.lux-application-grid .lux-application-card__mobile-cta{pointer-events:none}
@media(max-width:1023px){.lux-application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:767px){.lux-application-grid{grid-template-columns:minmax(0,1fr)}.lux-application-grid .lux-application-card__body{right:24px;bottom:24px;left:24px}.lux-application-grid .lux-application-card__title{font-size:28px}}
@media(hover:none),(max-width:767px){.lux-application-grid .lux-application-card__description,.lux-application-grid .lux-application-card__cta{display:none}.lux-application-grid .lux-application-card__mobile-cta{display:inline-flex}.lux-application-grid .lux-application-card:hover .lux-application-card__media{transform:none}}

/* Static Applications imagery — 2026-09-05 */
.lux-app-page__hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
	gap: clamp(34px, 5vw, 68px);
	align-items: center;
}

.lux-app-page__hero-media {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border: 1px solid var(--lux-app-border);
	border-radius: 16px;
	background: var(--lux-app-alt);
}

.lux-app-page__image--hero {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lux-app-page__entry,
.lux-app-page__entry:hover,
.lux-app-page__entry:focus-visible {
	transform: none;
	transition: none;
}

.lux-home #lux-applications .lux-application-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.lux-home #lux-applications .lux-application-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 100%;
	aspect-ratio: auto;
	flex-direction: column;
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--lux-border);
	border-radius: 14px;
	background: var(--lux-surface);
	color: var(--lux-heading);
	text-decoration: none !important;
	box-shadow: none;
	transform: none;
	transition: none;
}

.lux-home #lux-applications .lux-application-card::before,
.lux-home #lux-applications .lux-application-card::after {
	display: none;
	content: none;
}

.lux-home #lux-applications .lux-application-card__media {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	transform: none;
	transition: none;
}

.lux-home #lux-applications .lux-application-card__body {
	position: static;
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 22px 24px 24px;
	color: var(--lux-heading);
	pointer-events: none;
}

.lux-home #lux-applications .lux-application-card__title {
	margin: 0;
	color: var(--lux-heading);
	font-size: clamp(22px, 2vw, 27px);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.2;
	text-decoration: none !important;
	transform: none;
	transition: none;
}

.lux-home #lux-applications .lux-application-card__description {
	display: block;
	max-height: none;
	margin: 10px 0 0;
	overflow: visible;
	color: var(--lux-text);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6;
	opacity: 1;
	transform: none;
	transition: none;
}

.lux-home #lux-applications .lux-application-card:hover,
.lux-home #lux-applications .lux-application-card:focus-visible,
.lux-home #lux-applications .lux-application-card:hover .lux-application-card__media,
.lux-home #lux-applications .lux-application-card:focus-visible .lux-application-card__media,
.lux-home #lux-applications .lux-application-card:hover .lux-application-card__title,
.lux-home #lux-applications .lux-application-card:focus-visible .lux-application-card__title {
	transform: none;
}

.lux-home #lux-applications .lux-application-card:hover,
.lux-home #lux-applications .lux-application-card:focus-visible {
	border-color: var(--lux-orange);
	color: var(--lux-heading);
}

.lux-home #lux-applications .lux-application-card:focus-visible {
	outline: 3px solid rgba(244, 166, 35, .36);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.lux-app-page__hero-inner {
		grid-template-columns: 1fr;
	}

	.lux-app-page__hero-media {
		max-width: 760px;
	}

	.lux-home #lux-applications .lux-application-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.lux-app-page__hero-inner {
		gap: 30px;
	}

	.lux-home #lux-applications .lux-application-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.lux-home #lux-applications .lux-application-card__body {
		padding: 20px 21px 22px;
	}
}
/* LUXBONTOP compact manufacturing support 2026-09-04 */
.home #lux-why-choose { padding: 72px 0; background: var(--lux-bg-alt, #EFE8DE); }
.home #lux-why-choose h2 { max-width: 980px; color: #27231F; font-size: clamp(40px, 4.4vw, 56px); }
.home #lux-why-choose .lux-lead { max-width: 900px; margin-bottom: 38px; }
.lux-capability-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 20px 0; border-top: 1px solid var(--lux-border, #D8D2C7); border-bottom: 1px solid var(--lux-border, #D8D2C7); }
.lux-capability-item { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 0 20px 2px; }
.lux-capability-item + .lux-capability-item { border-left: 1px solid var(--lux-border, #D8D2C7); }
.lux-capability-icon { display: inline-flex; width: 34px; height: 34px; margin-bottom: 12px; align-items: center; justify-content: center; color: #F4A623; }
.lux-capability-icon svg { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.lux-capability-number { margin-bottom: 8px; color: #F4A623; font-size: 12px; font-weight: 800; letter-spacing: .12em; line-height: 1; }
.lux-capability-item h3 { margin: 0 0 10px; color: #27231F; font-size: 20px; line-height: 1.25; text-decoration: none; }
.lux-capability-item p { margin: 0; color: var(--lux-text, #625B55); font-size: 14px; line-height: 1.6; }
.lux-capability-link { display: inline-flex; margin-top: 28px; align-items: center; gap: 8px; color: #27231F; font-weight: 800; text-decoration: none; }
.lux-capability-link span { color: #F4A623; transition: transform .2s ease; }
.lux-capability-link:hover, .lux-capability-link:focus-visible { color: #F4A623; text-decoration: none; }
.lux-capability-link:hover span, .lux-capability-link:focus-visible span { transform: translateX(3px); }
@media (max-width: 960px) {
  .home #lux-why-choose { padding: 64px 0; }
  .lux-capability-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .lux-capability-item { padding: 24px; }
  .lux-capability-item + .lux-capability-item { border-left: 0; }
  .lux-capability-item:nth-child(even) { border-left: 1px solid var(--lux-border, #D8D2C7); }
  .lux-capability-item:nth-child(n+3) { border-top: 1px solid var(--lux-border, #D8D2C7); }
}
@media (max-width: 640px) {
  .home #lux-why-choose { padding: 48px 0; }
  .home #lux-why-choose h2 { font-size: clamp(34px, 9.5vw, 38px); }
  .home #lux-why-choose .lux-lead { margin-bottom: 28px; }
  .lux-capability-strip { grid-template-columns: 1fr; }
  .lux-capability-item { padding: 22px 4px; }
  .lux-capability-item:nth-child(even) { border-left: 0; }
  .lux-capability-item:nth-child(n+2) { border-top: 1px solid var(--lux-border, #D8D2C7); }
}
/* LUXBONTOP compact HOME final CTA 2026-09-04 */
.home .lux-home-final-cta { padding: 56px 0 72px; background: var(--lux-bg, #F7F3EC) !important; color: #27231F !important; }
.home .lux-home-final-cta__inner { display: flex; width: min(calc(100% - 48px), 1240px); max-width: 1240px; align-items: center; justify-content: space-between; gap: 40px; padding: 42px 48px; border: 1px solid #E5D8C8; border-radius: 48px 48px 48px 0; background: #FFFDF9; box-shadow: 0 10px 30px rgba(59,42,30,.045); }
.home .lux-home-final-cta__copy { min-width: 0; }
.home .lux-home-final-cta h2 { max-width: 760px; margin: 0 0 10px; color: #27231F !important; font-size: clamp(30px, 3vw, 42px); line-height: 1.15; }
.home .lux-home-final-cta p { max-width: 790px; margin: 0; color: var(--lux-text, #625B55) !important; font-size: 17px; line-height: 1.65; }
.home .lux-home-final-cta .lux-home-final-cta__button { flex: 0 0 auto; padding: 16px 30px !important; border: 1px solid #F4A623 !important; border-radius: 999px !important; background: #F4A623 !important; box-shadow: none !important; color: #27231F !important; font-weight: 700; line-height: 1.2; text-decoration: none !important; transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease; }
.home .lux-home-final-cta .lux-home-final-cta__button:hover,
.home .lux-home-final-cta .lux-home-final-cta__button:focus-visible { border-color: #3B2A1E !important; background: #3B2A1E !important; color: #FFFFFF !important; text-decoration: none !important; transform: scale(.96); }
@media (max-width: 900px) {
  .home .lux-home-final-cta__inner { flex-direction: column; align-items: flex-start; gap: 26px; padding: 34px 32px; }
}
@media (max-width: 640px) {
  .home .lux-home-final-cta { padding: 42px 0 56px; }
  .home .lux-home-final-cta__inner { width: min(calc(100% - 28px), 1240px); padding: 28px 22px; border-radius: 34px 34px 34px 0; }
  .home .lux-home-final-cta h2 { font-size: clamp(30px, 9vw, 36px); }
  .home .lux-home-final-cta p { font-size: 16px; }
  .home .lux-home-final-cta .lux-home-final-cta__button { width: 100%; max-width: 280px; justify-content: center; }
}


/* LUXBONTOP component brands marquee 2026-09-04 */
.lux-component-brands {
  overflow-x: clip;
  padding: 70px 0;
  background: var(--lux-bg-light, #fbf8f2);
  color: var(--lux-text, #625b55);
}
.lux-component-brands__heading {
  margin-bottom: 34px;
  text-align: center;
}
.lux-component-brands__heading h2 {
  position: relative;
  margin: 0 0 16px;
  padding-top: 18px;
  color: var(--lux-heading, #27231f);
}
.lux-component-brands__heading h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 48px;
  height: 3px;
  border-radius: 999px;
  background: #f4a623;
  transform: translateX(-50%);
}
.lux-component-brands__heading p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--lux-text, #625b55);
}
.lux-component-brands__viewport {
  width: min(100%, 1284px);
  margin: 0 auto;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}
.lux-component-brands__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: lux-component-brands-scroll 30s linear infinite;
}
.lux-component-brands__viewport:hover .lux-component-brands__track {
  animation-play-state: paused;
}
.lux-component-brands__group {
  display: flex;
  flex: 0 0 auto;
  gap: 22px;
  padding-right: 22px;
}
.lux-component-brands__card {
  display: flex;
  flex: 0 0 170px;
  width: 170px;
  height: 90px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8ded2;
  border-radius: 12px;
  background: #fff;
  transition: transform .22s ease, border-color .22s ease;
}
.lux-component-brands__logo {
  display: block;
  max-width: calc(100% - 28px);
  max-height: 44px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(.45);
  opacity: .84;
  transition: filter .22s ease, opacity .22s ease;
}
.lux-component-brands__card:hover {
  border-color: #f4a623;
  transform: translateY(-2px);
}
.lux-component-brands__card:hover .lux-component-brands__logo {
  filter: grayscale(0);
  opacity: 1;
}
.lux-component-brands__note {
  margin: 22px 0 0;
  color: var(--lux-muted, #7a726b);
  font-size: 13px;
  text-align: center;
}
@keyframes lux-component-brands-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (max-width: 1023px) {
  .lux-component-brands__card {
    flex-basis: 150px;
    width: 150px;
    height: 82px;
  }
}
@media (max-width: 767px) {
  .lux-component-brands {
    padding: 48px 0;
  }
  .lux-component-brands__heading {
    margin-bottom: 28px;
  }
  .lux-component-brands__viewport {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
  }
  .lux-component-brands__card {
    flex-basis: 135px;
    width: 135px;
    height: 76px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lux-component-brands__viewport {
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .lux-component-brands__track {
    width: 100%;
    animation: none;
    transform: none;
  }
  .lux-component-brands__group {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 0;
  }
  .lux-component-brands__group[aria-hidden="true"] {
    display: none;
  }
}

/* LUXBONTOP HOME pre-launch link-decoration cleanup — 2026-09-04 */
.main-header-menu a.menu-link[href*="/request-quote/"],
.lux-btn,
.lux-page-btn,
.lux-card__cta,
.lux-home-final-cta__button,
.lux-capability-link,
.wp-block-button__link,
a.ast-button,
a.button,
button.button,
button[type="submit"],
input[type="submit"],
.lux-application-grid .lux-application-card,
.lux-application-grid .lux-application-card strong,
.lux-application-grid .lux-application-card__description {
  text-decoration: none !important;
}

.main-header-menu a.menu-link[href*="/request-quote/"]:hover,
.main-header-menu a.menu-link[href*="/request-quote/"]:focus-visible,
.lux-btn:hover,
.lux-btn:focus-visible,
.lux-page-btn:hover,
.lux-page-btn:focus-visible,
.lux-card__cta:hover,
.lux-card__cta:focus-visible,
.lux-home-final-cta__button:hover,
.lux-home-final-cta__button:focus-visible,
.lux-capability-link:hover,
.lux-capability-link:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
a.ast-button:hover,
a.ast-button:focus-visible,
a.button:hover,
a.button:focus-visible,
button.button:hover,
button.button:focus-visible,
button[type="submit"]:hover,
button[type="submit"]:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.lux-application-grid .lux-application-card:hover,
.lux-application-grid .lux-application-card:focus-visible,
.lux-application-grid .lux-application-card:hover strong,
.lux-application-grid .lux-application-card:focus-visible strong,
.lux-application-grid .lux-application-card:hover .lux-application-card__description,
.lux-application-grid .lux-application-card:focus-visible .lux-application-card__description {
  text-decoration: none !important;
}


/* Why Choose: factory image + capability cards */
#lux-why-choose{background:#f7f3ec;padding:64px 0;overflow:hidden}#lux-why-choose .lux-container{max-width:1240px;margin:auto;padding-inline:24px}#lux-why-choose .lux-section-title{max-width:950px;margin:0;color:#27231f;font-size:clamp(52px,4.2vw,60px);line-height:1.08}#lux-why-choose .lux-lead{max-width:850px;margin:20px 0 0;color:#6b625a;font-size:18px;line-height:1.6}.lux-why-layout{display:grid;grid-template-columns:42fr 58fr;gap:42px;align-items:stretch;margin-top:42px}.lux-why-media{position:relative;min-height:480px;margin:0;overflow:hidden;border-radius:14px;background:#e9e0d5}.lux-why-media:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(30,23,18,.86))}.lux-why-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.lux-why-media:hover .lux-why-image{transform:scale(1.03)}.lux-why-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}.lux-why-caption h3{margin:0 0 8px;color:#fff;font-size:26px}.lux-why-caption p{margin:0;color:#fff;font-size:16px;line-height:1.55}.lux-why-content{display:flex;min-width:0;flex-direction:column}.lux-why-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:18px;flex:1}.lux-why-card{display:flex;min-width:0;flex-direction:column;padding:28px;border:1px solid #ded4c8;border-radius:14px;background:#fff;transition:.22s}.lux-why-card:hover{transform:translateY(-3px);border-color:#efbd70}#lux-why-choose .lux-why-card-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.lux-why-icon{width:30px;height:30px;color:#f4a623}.lux-why-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}.lux-why-card h3{margin:0 0 10px;color:#27231f;font-size:clamp(22px,1.8vw,25px)}.lux-why-card p{margin:0;color:#6b625a;font-size:16px;line-height:1.55}.lux-why-link{display:inline-flex;margin-top:24px;color:#27231f;font-weight:750;text-decoration:none}.lux-why-link:hover{color:#f4a623}@media(max-width:1023px){.lux-why-layout{grid-template-columns:1fr}.lux-why-media{min-height:0;aspect-ratio:16/8}.lux-why-cards{grid-template-rows:none}.lux-why-card{min-height:240px}}@media(max-width:640px){#lux-why-choose{padding:46px 0}#lux-why-choose .lux-section-title{font-size:clamp(36px,10vw,42px)}#lux-why-choose .lux-lead{font-size:16px}.lux-why-layout{margin-top:30px;gap:22px}.lux-why-media{aspect-ratio:4/3}.lux-why-caption{left:20px;right:20px;bottom:20px}.lux-why-cards{grid-template-columns:1fr;gap:14px}.lux-why-card{min-height:0;padding:26px}}

/* HOME Featured Lighting Products hover cards — 2026-09-05 */
.home #lux-lighting-solutions{background:var(--lux-bg-light,#FBF8F2)}
.home #lux-lighting-solutions .lux-grid--solutions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home #lux-lighting-solutions .lux-product-showcase-card{position:relative;display:block;min-width:0;height:auto;aspect-ratio:1/1;padding:0;overflow:hidden;border:0;border-radius:12px;background:#eae5dd;box-shadow:none}
.home #lux-lighting-solutions .lux-product-card-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;color:#fff;text-decoration:none;outline-offset:3px}
.home #lux-lighting-solutions .lux-product-card-link:focus-visible{outline:3px solid var(--lux-orange,#F4A623)}
.home #lux-lighting-solutions .lux-product-card-media{position:absolute;inset:0;display:block;width:100%;height:100%}
.home #lux-lighting-solutions .lux-card__media{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .4s ease}
.home #lux-lighting-solutions .lux-product-card-overlay{position:absolute;z-index:2;inset:0;display:flex;justify-content:flex-end;flex-direction:column;padding:24px;background:linear-gradient(to top,rgba(18,14,11,.70) 0,rgba(18,14,11,.28) 38%,transparent 66%);color:#fff;transition:background .4s ease}
.home #lux-lighting-solutions .lux-product-card-title{display:block;color:#fff;font-size:22px;font-weight:800;line-height:1.18;text-shadow:0 1px 2px rgba(0,0,0,.28);transition:transform .4s ease}
.home #lux-lighting-solutions .lux-product-card-details{display:block;max-height:0;overflow:hidden;opacity:0;transform:translateY(14px);transition:max-height .4s ease,opacity .32s ease,transform .4s ease}
.home #lux-lighting-solutions .lux-product-card-description{display:block;margin-top:10px;color:#fff;font-size:14px;line-height:1.48}
.home #lux-lighting-solutions .lux-product-card-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;margin-top:15px;padding:8px 16px;border:1px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:background .25s ease,border-color .25s ease,color .25s ease}
.home #lux-lighting-solutions .lux-product-card-touch{display:none;margin-top:9px;color:#fff;font-size:14px;font-weight:750}
@media(hover:hover) and (pointer:fine){.home #lux-lighting-solutions .lux-product-card-link:hover .lux-card__media,.home #lux-lighting-solutions .lux-product-card-link:focus-visible .lux-card__media{transform:scale(1.04)}.home #lux-lighting-solutions .lux-product-card-link:hover .lux-product-card-overlay,.home #lux-lighting-solutions .lux-product-card-link:focus-visible .lux-product-card-overlay{background:linear-gradient(to top,rgba(18,14,11,.90),rgba(18,14,11,.55) 52%,rgba(18,14,11,.08))}.home #lux-lighting-solutions .lux-product-card-link:hover .lux-product-card-title,.home #lux-lighting-solutions .lux-product-card-link:focus-visible .lux-product-card-title{transform:translateY(-2px)}.home #lux-lighting-solutions .lux-product-card-link:hover .lux-product-card-details,.home #lux-lighting-solutions .lux-product-card-link:focus-visible .lux-product-card-details{max-height:190px;opacity:1;transform:translateY(0)}.home #lux-lighting-solutions .lux-product-card-link:hover .lux-product-card-button,.home #lux-lighting-solutions .lux-product-card-link:focus-visible .lux-product-card-button{border-color:var(--lux-orange,#F4A623);background:var(--lux-orange,#F4A623);color:#27231F}}
@media(max-width:1023px){.home #lux-lighting-solutions .lux-grid--solutions{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.home #lux-lighting-solutions .lux-grid--solutions{grid-template-columns:minmax(0,1fr);gap:18px}.home #lux-lighting-solutions .lux-product-card-overlay{padding:22px}.home #lux-lighting-solutions .lux-product-card-title{font-size:23px}}
@media(hover:none),(pointer:coarse){.home #lux-lighting-solutions .lux-product-card-details{display:none}.home #lux-lighting-solutions .lux-product-card-touch{display:block}.home #lux-lighting-solutions .lux-product-card-overlay{background:linear-gradient(to top,rgba(18,14,11,.78),rgba(18,14,11,.30) 42%,transparent 68%)}}
@media(prefers-reduced-motion:reduce){.home #lux-lighting-solutions .lux-card__media,.home #lux-lighting-solutions .lux-product-card-overlay,.home #lux-lighting-solutions .lux-product-card-title,.home #lux-lighting-solutions .lux-product-card-details{transition:none}}


/* HOME Manufacturing Capability factory image ratio — 2026-09-05 */
.home #lux-why-choose .lux-why-media{min-height:0;aspect-ratio:4/3;align-self:start}
.home #lux-why-choose .lux-why-media .lux-why-image{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1023px){.home #lux-why-choose .lux-why-media{width:100%;aspect-ratio:4/3}}

/* COMPANY ADVANTAGE equal-height layout — 2026-09-05 */
.home #lux-why-choose .lux-why-layout{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:32px;align-items:stretch}
.home #lux-why-choose .lux-why-media{position:relative;min-width:0;min-height:0;height:auto;aspect-ratio:auto;align-self:stretch;overflow:hidden}
.home #lux-why-choose .lux-why-media::after{pointer-events:none}
.home #lux-why-choose .lux-why-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home #lux-why-choose .lux-why-content{min-width:0;height:100%}
.home #lux-why-choose .lux-why-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:24px;height:100%;flex:1}
.home #lux-why-choose .lux-why-card{min-width:0;min-height:0}
.home #lux-why-choose .lux-why-caption .lux-why-link{display:inline-flex;margin-top:16px;color:#f4a623;font-weight:750;text-decoration:none}
.home #lux-why-choose .lux-why-caption .lux-why-link:hover,.home #lux-why-choose .lux-why-caption .lux-why-link:focus-visible{color:#fff}
@media (min-width:769px) and (max-width:1024px){.home #lux-why-choose .lux-why-layout{grid-template-columns:minmax(0,1fr)}.home #lux-why-choose .lux-why-media{width:100%;height:auto;aspect-ratio:4/3}.home #lux-why-choose .lux-why-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.home #lux-why-choose .lux-why-layout{grid-template-columns:minmax(0,1fr);gap:22px}.home #lux-why-choose .lux-why-media{width:100%;height:clamp(360px,115vw,520px);aspect-ratio:auto}.home #lux-why-choose .lux-why-cards{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:14px}.home #lux-why-choose .lux-why-card{min-height:0}}

/* Primary navigation information architecture — 2026-09-05 */
.lux-solutions-mega .lux-menu-group > .lux-menu-group__smart{margin:0 0 12px;padding:0 0 12px!important;color:var(--lux-heading)!important;font-size:16px!important;font-weight:800;border-bottom:1px solid var(--lux-border);border-radius:0}
.lux-solutions-mega .lux-menu-group > .lux-menu-group__smart:hover,.lux-solutions-mega .lux-menu-group > .lux-menu-group__smart:focus-visible{color:var(--lux-orange)!important}
@media (min-width:922px){.main-header-menu > .lux-applications-menu > .sub-menu{width:350px}.main-header-menu > .lux-applications-menu > .sub-menu a{white-space:normal}}
@media (min-width:922px) and (max-width:1240px){.main-header-menu > .menu-item > .menu-link{font-size:14px}}
@media (max-width:921px){.main-header-menu > .lux-nav-dropdown > .menu-link,.main-header-menu > .lux-contact-menu > .menu-link{display:flex;min-height:44px;align-items:center}.main-header-menu > .lux-applications-menu > .sub-menu{width:auto;min-width:0}.main-header-menu > .lux-applications-menu > .sub-menu a{display:flex;min-height:44px;align-items:center}.main-header-menu > .lux-solutions-menu > .lux-solutions-mega a{min-height:44px;display:flex;align-items:center}}

/* HOME Company News & Lighting Insights — responsive article-count layouts 2026-09-06 */
.home-news-insights {
	padding: 82px 0;
	overflow-x: clip;
	background: var(--lux-bg, #F7F3EC);
	color: var(--lux-heading, #27231F);
}

.home-news-insights * {
	box-sizing: border-box;
}

.home-news-insights__inner {
	display: block;
}

.home-news-insights__heading {
	max-width: 820px;
	margin: 0 0 36px;
	text-align: left;
}

.home-news-insights__heading h2 {
	max-width: 780px;
	margin: 0 0 16px;
	color: var(--lux-heading, #27231F);
	font-size: clamp(36px, 4vw, 54px);
	line-height: 1.08;
	letter-spacing: -.035em;
}

.home-news-insights__heading > p:last-child {
	max-width: 760px;
	margin: 0;
	color: var(--lux-text, #625B55);
	font-size: 17px;
	line-height: 1.7;
}

.home-news-insights__grid {
	display: grid;
	gap: 22px;
}

.home-news-insights--single .home-news-insights__grid {
	grid-template-columns: minmax(0, 1fr);
}

.home-news-insights--two .home-news-insights__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-news-insights--grid .home-news-insights__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-news-insights__card {
	display: flex;
	min-width: 0;
	overflow: hidden;
	flex-direction: column;
	margin: 0;
	border: 1px solid var(--lux-border, #DED4C8);
	border-radius: 14px;
	background: var(--lux-bg-light, #FBF8F2);
	box-shadow: 0 10px 28px rgba(59, 42, 30, .045);
}

.home-news-insights__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 3 / 2;
	background: var(--lux-bg-alt, #EFE8DE);
	text-decoration: none;
}

.home-news-insights__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home-news-insights__content {
	display: flex;
	min-height: 0;
	flex: 1;
	flex-direction: column;
	padding: 22px;
}

.home-news-insights__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 14px;
	margin: 0 0 13px;
	color: var(--lux-muted, #7A726B);
	font-size: 13px;
	line-height: 1.4;
}

.home-news-insights__meta span {
	color: var(--lux-orange, #F4A623);
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.home-news-insights__card h3 {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 11px;
	color: var(--lux-heading, #27231F);
	font-size: 23px;
	line-height: 1.25;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.home-news-insights__card h3 a {
	color: inherit;
	text-decoration: none;
}

.home-news-insights__card h3 a:hover,
.home-news-insights__card h3 a:focus-visible {
	color: var(--lux-orange, #F4A623);
	text-decoration: none;
}

.home-news-insights__excerpt {
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	color: var(--lux-text, #625B55);
	font-size: 15px;
	line-height: 1.62;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.home-news-insights__read {
	align-self: flex-start;
	margin-top: 16px;
	color: var(--lux-heading, #27231F);
	font-weight: 800;
	line-height: 1.4;
	text-decoration: none;
}

.home-news-insights__read:hover,
.home-news-insights__read:focus-visible {
	color: var(--lux-orange, #F4A623);
	text-decoration: none;
}

.home-news-insights__media:focus-visible,
.home-news-insights__card h3 a:focus-visible,
.home-news-insights__read:focus-visible,
.home-news-insights__all:focus-visible {
	outline: 3px solid var(--lux-orange, #F4A623);
	outline-offset: 3px;
}

.home-news-insights__all {
	display: flex;
	width: max-content;
	align-items: center;
	gap: 7px;
	margin: 28px 0 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--lux-heading, #27231F);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.5;
	text-decoration: none;
}

.home-news-insights__all:hover,
.home-news-insights__all:focus-visible {
	border: 0;
	background: transparent;
	color: var(--lux-orange, #F4A623);
	text-decoration: none;
}

.home-news-insights--single .home-news-insights__card {
	display: grid;
	height: clamp(360px, 29vw, 410px);
	grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
}

.home-news-insights--single .home-news-insights__media {
	height: 100%;
	aspect-ratio: auto;
	border-radius: 13px 0 0 13px;
}

.home-news-insights--single .home-news-insights__image {
	object-position: 100% center;
}

.home-news-insights--single .home-news-insights__content {
	height: 100%;
	justify-content: center;
	padding: 32px 36px;
}

.home-news-insights--single .home-news-insights__card:not(.has-post-thumbnail) .home-news-insights__content {
	grid-column: 1 / -1;
}

.home-news-insights--single .home-news-insights__card h3 {
	margin-bottom: 14px;
	font-size: clamp(30px, 2.6vw, 36px);
	line-height: 1.2;
}

.home-news-insights--single .home-news-insights__excerpt {
	font-size: 17px;
	line-height: 1.62;
}

.home-news-insights--single .home-news-insights__read {
	margin-top: 18px;
}

@media (max-width: 1024px) {
	.home-news-insights {
		padding: 70px 0;
	}

	.home-news-insights--grid .home-news-insights__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-news-insights--single .home-news-insights__card {
		height: 360px;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.home-news-insights--single .home-news-insights__content {
		padding: 28px 30px;
	}

	.home-news-insights--single .home-news-insights__card h3 {
		font-size: clamp(28px, 3vw, 32px);
	}
}


@media (max-width: 768px) {
	.home-news-insights {
		padding: 58px 0;
	}

	.home-news-insights__heading {
		margin-bottom: 28px;
	}

	.home-news-insights__heading h2 {
		font-size: clamp(34px, 10vw, 42px);
	}

	.home-news-insights__heading > p:last-child {
		font-size: 16px;
	}

	.home-news-insights--single .home-news-insights__grid,
	.home-news-insights--two .home-news-insights__grid,
	.home-news-insights--grid .home-news-insights__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-news-insights--single .home-news-insights__card {
		display: flex;
		height: auto;
		grid-template-columns: none;
	}

	.home-news-insights--single .home-news-insights__media,
	.home-news-insights__media {
		width: 100%;
		height: auto;
		max-height: 230px;
		aspect-ratio: 16 / 9;
		border-radius: 13px 13px 0 0;
	}

	.home-news-insights__image,
	.home-news-insights--single .home-news-insights__image {
		object-position: 100% center;
	}

	.home-news-insights__content,
	.home-news-insights--single .home-news-insights__content {
		height: auto;
		justify-content: flex-start;
		padding: 22px;
	}

	.home-news-insights__card h3,
	.home-news-insights--single .home-news-insights__card h3 {
		font-size: clamp(22px, 6.2vw, 26px);
		line-height: 1.25;
	}

	.home-news-insights__excerpt,
	.home-news-insights--single .home-news-insights__excerpt {
		font-size: 16px;
	}

	.home-news-insights__all {
		width: max-content;
		max-width: 100%;
		margin: 24px 0 0;
		font-size: 16px;
	}
}

@media (max-width: 420px) {
	.home-news-insights__content,
	.home-news-insights--single .home-news-insights__content {
		padding: 20px;
	}
}


.home .home-news-insights__card h3,
.home .home-news-insights__card h3 a,
.home .home-news-insights__card h3 a:visited {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


.home .home-news-insights__read,
.home .home-news-insights__all {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* HOME Customization Process — centered static flow */
.home-custom-process {
  --process-gap: 40px;
  --process-row-gap: 64px;
  --process-title-band: 43.92px;
  --process-card-top: 20px;
  --process-turn-gap: 8px;
  --process-icon-band: calc((100cqw - 200px) / 6 * .68 - 2.4px);
  --process-icon-y: calc(var(--process-card-top) + var(--process-title-band) + 12px + var(--process-icon-band) / 2);
}
.home #lux-oem-odm.home-custom-process {
  padding: 70px 0;
  background: var(--lux-bg-alt) !important;
  color: var(--lux-heading);
}
.home-custom-process *,
.home-custom-process *::before,
.home-custom-process *::after { box-sizing: border-box; }
.home-custom-process .home-custom-process__inner {
  container-type: inline-size;
  width: min(1240px, calc(100% - 112px));
  max-width: none;
  margin-inline: auto;
}
.home-custom-process .home-custom-process__header { text-align: center; }
.home #lux-oem-odm.home-custom-process .home-custom-process__header h2 {
  max-width: none;
  margin: 0 0 12px;
  color: var(--lux-heading);
  font-size: clamp(36px, 3.6vw, 52px);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.home #lux-oem-odm.home-custom-process .home-custom-process__intro {
  margin: 0;
  color: var(--lux-text);
  font-size: 18px;
  line-height: 1.6;
}
.home-custom-process .home-custom-process__highlights {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.home-custom-process .home-custom-process__highlights li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--lux-text);
  font-size: 14px;
  line-height: 1.5;
}
.home-custom-process .home-custom-process__highlights li::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: var(--lux-orange-soft-border);
}
.home-custom-process .home-custom-process__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--process-row-gap) var(--process-gap);
  margin: 76px 0 0;
  padding: 0;
  list-style: none;
}
.home-custom-process .home-custom-process__step {
  position: relative;
  overflow: visible;
  display: grid;
  grid-template-rows: auto 12px auto 12px auto;
  align-content: start;
  row-gap: 0;
  grid-column: span 2;
  min-width: 0;
  margin: 0;
  height: auto;
  min-height: 0;
  padding: var(--process-card-top) 4px 16px;
  border: 1px solid var(--lux-border);
  border-radius: 14px;
  background: var(--lux-surface);
  color: var(--lux-heading);
  box-shadow: 0 2px 5px color-mix(in srgb, var(--lux-heading) 5%, transparent);
  text-align: center;
}
.home-custom-process .home-custom-process__step:nth-child(7) { grid-column: 2 / span 2; }
.home-custom-process .home-custom-process__number {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--lux-orange);
  color: var(--lux-heading);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.home #lux-oem-odm.home-custom-process .home-custom-process__step h3 {
  grid-row: 1;
  align-self: end;
  min-height: 2lh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0;
  color: var(--lux-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.015em;
  overflow-wrap: normal;
}
.home-custom-process .home-custom-process__icon {
  grid-row: 3;
  position: relative;
  display: grid;
  place-items: center;
  width: calc(100% - 20px);
  height: auto;
  justify-self: center;
  color: var(--lux-heading);
}
.home-custom-process .home-custom-process__icon svg {
  display: block;
  width: calc(68% + 18px);
  max-width: 130px;
  height: auto;
  aspect-ratio: 1;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.home-custom-process .home-custom-process__icon .process-accent { stroke: var(--lux-orange); }
.home #lux-oem-odm.home-custom-process .home-custom-process__step p {
  grid-row: 5;
  margin: 0;
  color: var(--lux-text);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  overflow-wrap: normal;
}
.home-custom-process .home-custom-process__step p::before {
  content: "";
  display: block;
  width: 52px;
  height: 1px;
  margin: 0 auto 10px;
  background: var(--lux-border);
}
.home-custom-process .home-custom-process__link-wrap { margin: 32px 0 0; text-align: center; }
.home-custom-process .home-custom-process__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0 !important;
  background: transparent;
  box-shadow: none !important;
  color: var(--lux-heading);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none !important;
}
.home-custom-process .home-custom-process__link:hover { color: var(--lux-orange); }
.home-custom-process .home-custom-process__link:focus-visible {
  outline: 2px solid var(--lux-orange);
  outline-offset: 4px;
}
@media (min-width: 1280px) {
  .home-custom-process .home-custom-process__step:not(:nth-child(6)):not(:last-child) .home-custom-process__icon::after {
    content: "";
    position: absolute;
    left: calc(100% + 21px);
    top: 50%;
    width: 28px;
    height: 18px;
    transform: translateY(-50%);
    background: var(--lux-orange);
    clip-path: polygon(0 33.333%, 64.286% 33.333%, 64.286% 0, 100% 50%, 64.286% 100%, 64.286% 66.667%, 0 66.667%);
    pointer-events: none;
  }
  /* The 6→7 path occupies only the side channels and the inter-row gap. */
  .home-custom-process .home-custom-process__step:nth-child(6)::before {
    content: "";
    position: absolute;
    top: calc(var(--process-icon-y) - 2px);
    left: 100%;
    width: 32px;
    height: calc(100% - var(--process-icon-y) + var(--process-turn-gap) + 4px);
    border: 4px solid var(--lux-orange);
    border-left: 0;
    border-radius: 0 22px 22px 0;
    pointer-events: none;
  }
  .home-custom-process .home-custom-process__list::before {
    content: "";
    position: absolute;
    top: calc((100% - var(--process-row-gap)) / 2 + var(--process-turn-gap) - 2px);
    left: calc((100% + var(--process-gap)) / 12);
    right: 0;
    height: 4px;
    background: var(--lux-orange);
    pointer-events: none;
  }
  .home-custom-process .home-custom-process__step:nth-child(7)::before {
    content: "";
    position: absolute;
    top: calc(0px - var(--process-row-gap) + var(--process-turn-gap) - 2px);
    right: 100%;
    width: 32px;
    height: calc(var(--process-row-gap) - var(--process-turn-gap) + var(--process-icon-y) + 4px);
    border: 4px solid var(--lux-orange);
    border-right: 0;
    border-radius: 22px 0 0 22px;
    pointer-events: none;
  }
  .home-custom-process .home-custom-process__step:nth-child(7)::after {
    content: "";
    position: absolute;
    top: calc(var(--process-icon-y) - 9px);
    right: calc(100% + 3px);
    width: 12px;
    height: 18px;
    background: var(--lux-orange);
    clip-path: polygon(0 0,100% 50%,0 100%);
    pointer-events: none;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .home-custom-process { --process-gap: 24px; --process-row-gap: 62px; }
  .home-custom-process .home-custom-process__inner { width: min(1180px, calc(100% - 48px)); }
  .home-custom-process .home-custom-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-custom-process .home-custom-process__step,
  .home-custom-process .home-custom-process__step:nth-child(7) { grid-column: auto; padding-inline: 20px; }
  .home-custom-process .home-custom-process__icon { width: 100%; }
  .home-custom-process .home-custom-process__icon svg { width: 130px; }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .home #lux-oem-odm.home-custom-process .home-custom-process__step h3 { min-height: 1lh; }
}
@media (max-width: 767px) {
  .home #lux-oem-odm.home-custom-process { padding: 48px 0; }
  .home-custom-process { --process-row-gap: 60px; }
  .home-custom-process .home-custom-process__inner { width: calc(100% - 32px); }
  .home #lux-oem-odm.home-custom-process .home-custom-process__header h2 { font-size: 36px; }
  .home #lux-oem-odm.home-custom-process .home-custom-process__intro { font-size: 16px; }
  .home-custom-process .home-custom-process__highlights { display: grid; grid-template-columns: 1fr; justify-items: center; gap: 8px; margin-top: 20px; }
  .home-custom-process .home-custom-process__list { grid-template-columns: minmax(0, 1fr); margin-top: 70px; }
  .home-custom-process .home-custom-process__step,
  .home-custom-process .home-custom-process__step:nth-child(7) { grid-column: auto; padding: var(--process-card-top) 26px 16px; }
  .home #lux-oem-odm.home-custom-process .home-custom-process__step h3 { min-height: 1lh; font-size: 22px; }
  .home-custom-process .home-custom-process__icon svg { width: 140px; max-width: none; }
  .home #lux-oem-odm.home-custom-process .home-custom-process__step p { font-size: 16px; }
}

/* Footer social links: consistent circles and lightweight TikTok entry. */
body .luxbontop-site-footer__actions { flex-wrap: wrap; }
body .luxbontop-site-footer__actions > a { flex: 0 0 46px; }
@media (min-width: 821px) and (max-width: 1199px) {
  body .luxbontop-site-footer__actions { display: grid; grid-template-columns: repeat(4, 46px); justify-content: center; }
}
@media (max-width: 820px) {
  body .luxbontop-site-footer__actions { grid-template-columns: repeat(4, 44px); }
  body .luxbontop-site-footer__actions > a { width: 44px; height: 44px; }
}

/* HOME showroom photograph: retain signage and entrance in the existing frame. */
.home #lux-factory .lux-factory-image { object-position: 85% center; }

/* About Us showroom editorial gallery — staging About Us only. */
.lux-about-showroom {
  overflow: hidden;
  background: var(--lux-bg-alt, #EFE8DE) !important;
}

.lux-about-showroom,
.lux-about-showroom *,
.lux-about-showroom *::before,
.lux-about-showroom *::after {
  box-sizing: border-box;
}

.lux-about-showroom__intro {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(34px, 6vw, 88px);
  align-items: end;
  margin-bottom: clamp(34px, 4vw, 54px);
}

.lux-about-showroom__heading,
.lux-about-showroom__copy {
  min-width: 0;
}

.lux-about-showroom__copy {
  max-width: 720px;
}

.lux-about-showroom__copy p {
  margin: 0;
  color: var(--lux-text, #625B55);
  font-size: 17px;
  line-height: 1.72;
}

.lux-about-showroom__copy p + p {
  margin-top: 14px;
}

.lux-about-showroom__gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.lux-about-showroom__rail {
  display: contents;
}

.lux-about-showroom__item {
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
}

.lux-about-showroom__item img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  border-radius: 14px;
  background: var(--lux-bg, #F7F3EC);
  object-fit: contain;
}

.lux-about-showroom__item--01 {
  grid-column: span 6;
  grid-row: 1;
}

.lux-about-showroom__item--02,
.lux-about-showroom__item--03 {
  grid-column: span 3;
  grid-row: 1;
  align-self: end;
}

.lux-about-showroom__item--04,
.lux-about-showroom__item--05,
.lux-about-showroom__item--06 {
  grid-column: span 4;
  grid-row: 2;
}

.lux-about-showroom__item--05,
.lux-about-showroom__item--06 {
  align-self: center;
}

.lux-about-showroom__scroll-hint {
  display: none;
}

.lux-about-showroom .lux-about-showroom__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 32px 0 0;
  padding: 0;
  border-top: 1px solid rgba(98, 91, 85, .24);
  border-bottom: 1px solid rgba(98, 91, 85, .24);
  list-style: none;
}

.lux-about-showroom__proof li {
  min-width: 0;
  padding: 24px clamp(18px, 2.2vw, 32px);
}

.lux-about-showroom__proof li:first-child {
  padding-left: 0;
}

.lux-about-showroom__proof li + li {
  border-left: 1px solid rgba(98, 91, 85, .24);
}

.lux-about-showroom__proof strong,
.lux-about-showroom__proof span {
  display: block;
}

.lux-about-showroom__proof strong {
  color: var(--lux-orange, #F4A623);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1.35;
}

.lux-about-showroom__proof span {
  margin-top: 9px;
  color: var(--lux-heading, #27231F);
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .lux-about-showroom__intro {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 30px;
  }

  .lux-about-showroom__copy p {
    font-size: 16px;
    line-height: 1.68;
  }

  .lux-about-showroom__gallery {
    display: block;
  }

  .lux-about-showroom__item--01 {
    width: 100%;
  }

  .lux-about-showroom__scroll-hint {
    display: block;
    margin: 20px 0 10px;
    color: var(--lux-brown, #C29D7A);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  .lux-about-showroom__rail {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-auto-columns: min(82vw, 320px);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 18px;
    align-items: start;
    padding: 2px 2px 17px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 2px;
    scroll-snap-type: inline mandatory;
    scrollbar-color: var(--lux-brown, #C29D7A) rgba(98, 91, 85, .12);
    scrollbar-width: thin;
  }

  .lux-about-showroom__rail:focus-visible {
    outline: 3px solid rgba(244, 166, 35, .45);
    outline-offset: 4px;
  }

  .lux-about-showroom__rail .lux-about-showroom__item {
    grid-column: auto;
    grid-row: auto;
    align-self: start;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .lux-about-showroom .lux-about-showroom__proof {
    grid-template-columns: 1fr;
    margin: 32px 0 0;
  }

  .lux-about-showroom__proof li,
  .lux-about-showroom__proof li:first-child {
    padding: 19px 0;
  }

  .lux-about-showroom__proof li + li {
    border-top: 1px solid rgba(98, 91, 85, .24);
    border-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lux-about-showroom__rail {
    scroll-behavior: auto;
  }
}

/* Footer social icons: retain geometry and outline SVGs; change colors instantly. */
#luxbontop-site-footer .luxbontop-site-footer__actions > a {
  color: var(--lux-heading, #27231F) !important;
  background-color: transparent;
  transition-property: transform;
}
#luxbontop-site-footer .luxbontop-site-footer__actions > a:is(:hover, :focus-visible, :active) {
  color: #FFFFFF !important;
  background-color: var(--lux-orange, #F4A623);
  border-color: var(--lux-orange, #F4A623);
}
#luxbontop-site-footer .luxbontop-site-footer__actions > a :is(svg, i, span) {
  color: inherit;
}

/* Lighting Solutions product entry only: center one or two published cards. */
@media (min-width: 768px) {
  .page-id-11 #lux-published-products .lux-product-grid:has(> .lux-product-card:only-child) {
    grid-template-columns: minmax(0, 420px);
    justify-content: center;
  }
  .page-id-11 #lux-published-products .lux-product-grid:has(> .lux-product-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 420px));
    justify-content: center;
  }
}

/* Existing moisture-proof product series only; reuse the native product grid. */
.lux-product-taxonomy--moisture { width: 100%; min-width: 0; }
.lux-product-taxonomy--moisture#primary { margin: 0; }
.tax-lux_product_series.term-moisture-proof-led-lights .site-content > .ast-container {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
}
.lux-product-taxonomy--moisture .lux-bulkhead-shell {
  width: min(1240px, calc(100% - 48px));
  margin-inline: auto;
}
.lux-product-taxonomy--moisture .lux-bulkhead-breadcrumb { padding-block: 24px; }
.lux-product-taxonomy--moisture .lux-bulkhead-breadcrumb .lux-product-breadcrumb { margin: 0; }
.lux-product-taxonomy--moisture .lux-bulkhead-hero { background: var(--lux-bg-alt, #EFE8DE); }
.lux-product-taxonomy--moisture .lux-bulkhead-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  gap: 48px;
  min-height: 400px;
  padding-block: 20px;
}
.lux-product-taxonomy--moisture .lux-bulkhead-hero__content { min-width: 0; }
.lux-product-taxonomy--moisture .lux-bulkhead-hero h1 {
  margin: 0;
  max-width: 680px;
  color: var(--lux-heading, #27231F);
  font-size: clamp(36px, 3.7vw, 54px);
  line-height: 1.1;
  letter-spacing: -.025em;
}
.lux-product-taxonomy--moisture .lux-bulkhead-hero p {
  max-width: 600px;
  margin: 20px 0 24px;
  color: var(--lux-text, #625B55);
  font-size: 18px;
  line-height: 1.65;
}
.lux-product-taxonomy--moisture .lux-bulkhead-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.lux-product-taxonomy--moisture .lux-bulkhead-actions .lux-product-button { min-height: 48px; margin: 0; text-decoration: none; }
.lux-product-taxonomy--moisture .lux-bulkhead-actions .lux-product-button--primary {
  color: var(--lux-heading, #27231F);
  background: var(--lux-orange, #F4A623);
  border-color: var(--lux-orange, #F4A623);
}
.lux-product-taxonomy--moisture .lux-bulkhead-hero__media { height: 360px; min-width: 0; }
.lux-product-taxonomy--moisture .lux-bulkhead-hero__image { display: block; width: 100%; height: 100%; object-fit: contain; }
.lux-product-taxonomy--moisture #bulkhead-products { padding-block: 56px; scroll-margin-top: 100px; }
.lux-product-taxonomy--moisture #bulkhead-products > .ast-container { width: min(1240px, calc(100% - 48px)); max-width: 1240px; padding: 0; margin-inline: auto; }
.lux-product-taxonomy--moisture #lux-bulkhead-products-title { margin: 0 0 32px; font-size: clamp(28px, 2.8vw, 38px); line-height: 1.2; }
.lux-product-taxonomy--moisture a:focus-visible { outline: 2px solid var(--lux-orange, #F4A623); outline-offset: 4px; }
@media (max-width: 767px) {
  .lux-product-taxonomy--moisture .lux-bulkhead-shell,
  .lux-product-taxonomy--moisture #bulkhead-products > .ast-container { width: calc(100% - 40px); }
  .lux-product-taxonomy--moisture .lux-bulkhead-breadcrumb { padding-block: 20px; }
  .lux-product-taxonomy--moisture .lux-bulkhead-hero__inner { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 28px; padding-block: 32px; }
  .lux-product-taxonomy--moisture .lux-bulkhead-hero h1 { font-size: clamp(32px, 8.8vw, 38px); }
  .lux-product-taxonomy--moisture .lux-bulkhead-hero p { margin-block: 18px 22px; font-size: 17px; }
  .lux-product-taxonomy--moisture .lux-bulkhead-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .lux-product-taxonomy--moisture .lux-bulkhead-actions .lux-product-button { width: 100%; }
  .lux-product-taxonomy--moisture .lux-bulkhead-hero__media { height: min(300px, calc(100vw - 40px)); }
  .lux-product-taxonomy--moisture #bulkhead-products { padding-block: 40px; scroll-margin-top: 88px; }
}
.lux-product-taxonomy--moisture > :is(header, section) > .ast-container { display: block; }
@media (min-width: 768px) {
  .lux-product-taxonomy--moisture .lux-product-grid:has(> .lux-product-card:only-child) {
    grid-template-columns: minmax(0, 420px);
    justify-content: center;
  }
  .lux-product-taxonomy--moisture .lux-product-grid:has(> .lux-product-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 420px));
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .lux-product-taxonomy--moisture .lux-product-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .page-id-11 #lux-published-products .lux-product-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Production homepage mobile hero only — 2026-09-08.
 * Keep the original images, desktop layout and existing Astra menu markup.
 */
@media (max-width: 767px) {
  body.home:not(.admin-bar) #masthead {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  .home #masthead #ast-mobile-header {
    display: block;
    visibility: visible;
  }
  .home #ast-mobile-header .custom-logo-link {
    display: inline-block;
    max-width: 100%;
  }
  .home #ast-mobile-header .custom-logo {
    display: block;
    height: auto;
  }
  .home #ast-mobile-header .menu-toggle {
    min-width: 44px;
    min-height: 44px;
    visibility: visible;
  }
  .home #ast-mobile-header .ast-mobile-header-content {
    max-height: calc(100vh - 80px);
    max-height: calc(100svh - 80px);
    overflow-y: auto;
  }
  .home .lux-hero {
    height: auto;
    min-height: 0;
    overflow: visible;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .home .lux-hero__media {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
  .home .lux-hero__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 640px;
    min-width: 0;
    margin-inline: auto;
    padding: 28px 20px 40px;
  }
  .home .lux-hero__inner > * {
    max-width: 100%;
    min-width: 0;
  }
  .home .lux-hero #lux-home-title {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1.08;
    letter-spacing: normal;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-decoration: none;
    transform: none;
    overflow: visible;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .home .lux-hero .lux-eyebrow {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .02em;
    white-space: normal;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .home .lux-hero__sub,
  .home .lux-hero__facts,
  .home .lux-hero .lux-actions {
    height: auto;
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
  /* Keep the fixed chat control clear of both hero calls to action while scrolling. */
  .home .lux-hero .lux-actions {
    box-sizing: border-box;
    padding-inline-end: 70px;
  }
  .home .luxbontop-contact-float {
    right: 16px;
    right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }
  .home .luxbontop-contact-float__toggle {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
  }
}