body.lumen-night-site { position:relative; isolation:isolate; min-height:100svh; background:#080e19; font-size:16px; }
.lumen-night-site [hidden] { display:none !important; }
.lumen-world { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:#080e19; }
.lumen-world__environment { position:absolute; inset:0; background:var(--lumen-environment) center 45%/cover no-repeat; }
#lumen-courtyard,.lumen-world .courtyard-scene { position:absolute; inset:0; }
.lumen-world canvas { display:block; width:100%; height:100%; pointer-events:none; }
.lumen-world__scrim { position:absolute; inset:0; background:linear-gradient(90deg,#03070d33,#03070d6b 24%,#03070d4d 43%,transparent 61%),linear-gradient(0deg,#02050aa6,transparent 17%,transparent 88%,#02050a3d); transition:background .3s; }
.lumen-workflow .lumen-world__scrim { background:linear-gradient(180deg,#03071155,#03071144 55%,#030711aa); }
.lumen-night-site .site-header,.lumen-night-site .site-footer { width:min(1200px,calc(100% - 64px)); max-width:none; padding:0; position:relative; }
.lumen-night-site .site-header { min-height:110px; margin:0 auto; }
.lumen-night-site .site-header__tagline { font-size:14px; color:#e2e1e2; }
.lumen-workflow .site-header__tagline { visibility:hidden; }
.lumen-night-site .site-footer { min-height:66px; align-items:center; margin:0 auto; }
.lumen-home-view .lumen-home { width:min(1200px,calc(100% - 64px)); max-width:none; padding:0; }
.lumen-home-view .lumen-hero { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; min-height:calc(100svh - 204px); padding:25px 0 65px; }
.lumen-home-view .lumen-hero__copy,.lumen-home-view .lumen-hero__action { width:46%; align-self:auto; }
.lumen-home-view .lumen-hero h1 { font-size:clamp(48px,4.8vw,78px); line-height:1.02; letter-spacing:-.04em; margin:0; text-shadow:0 3px 24px #0009; }
.lumen-home-view .lumen-hero h1:focus { outline:none; }
.lumen-home-view .lumen-hero__description { margin:26px 0 0; }
.lumen-home-view .lumen-hero__badges { margin:25px 0 32px; gap:14px; font-size:14px; flex-wrap:wrap; }
.lumen-home-view .lumen-hero__badges li { padding:7px 12px; background:#0a0d1240; }
.lumen-home-view .lumen-hero__action { padding:0; }
.lumen-home-view .lumen-hero__action .lumen-button { min-height:54px; max-width:370px; font-size:18px; gap:25px; }
.lumen-home-view .lumen-hero__action p { font-size:14px; }
.lumen-motion-control { height:28px; display:flex; justify-content:center; position:relative; }
#lumen-motion-toggle { border:0; background:none; padding:4px 10px; color:#d1d0cf; font-size:12px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.lumen-workflow .lumen-home { width:100%; max-width:none; padding:0; }
.lumen-workflow .site-content { width:min(940px,calc(100% - 64px)); margin:12px auto 32px; padding:36px 48px 24px; min-height:min(640px,calc(100svh - 260px)); border:1px solid #ffbe6233; border-radius:12px; background:linear-gradient(135deg,#151820e8,#141820d9); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 18px 90px #0008,inset 0 1px #ffffff08; }
.lumen-workflow .site-content--cart { width:min(1120px,calc(100% - 64px)); }
.lumen-workflow-back { display:inline-block; margin:0 0 28px; color:#d5d2ce; font-size:14px; }
.lumen-workflow .lumen-configurator__inner { min-height:min(540px,calc(100svh - 370px)); font-size:16px; }
.lumen-workflow .lumen-configurator__inner--step-6 { min-height:0; }
.lumen-workflow .lumen-configurator__heading { margin-bottom:4px; }
.lumen-workflow .lumen-configurator__actions { background:linear-gradient(0deg,#151820 65%,#151820f5 90%,#15182000); padding:20px 0 16px; margin-top:auto; }
.lumen-workflow .lumen-configurator__input { background:#262b35ee; }
.lumen-workflow .lumen-configurator__button { min-height:48px; font-size:16px; }
.lumen-workflow .lumen-configurator__hint,.lumen-workflow .lumen-configurator__link { font-size:14px; }
.lumen-workflow .lumen-steps__button { min-width:36px; min-height:36px; }
.lumen-workflow .wc-block-components-sidebar-layout { background:transparent; }
.lumen-workflow .wc-block-components-order-summary,.lumen-workflow .wc-block-components-totals-wrapper { background:#15182055; }
@media (min-width:701px) and (max-width:1000px) {
  .lumen-home-view .lumen-hero__copy,.lumen-home-view .lumen-hero__action { width:51%; }
  .lumen-home-view .lumen-hero h1 { font-size:48px; }
  .lumen-home-view .lumen-hero__description { font-size:16px; }
}
@media (max-width:700px) {
  .lumen-night-site .site-header,.lumen-night-site .site-footer { width:calc(100% - 36px); }
  .lumen-night-site .site-header { min-height:90px; flex-direction:row; padding:0; gap:12px; }
  .lumen-night-site .site-header__brand img { width:88px; height:auto; }
  .lumen-night-site .site-header__cart { position:static; }
  .lumen-night-site .site-header__tagline { display:none; }
  .lumen-home-view { min-height:1100px; }
  .lumen-home-view .lumen-world { position:absolute; min-height:1100px; }
  .lumen-home-view .lumen-home { width:calc(100% - 36px); }
  .lumen-home-view .lumen-hero { min-height:900px; justify-content:flex-start; align-items:center; padding:40px 0 0; }
  .lumen-home-view .lumen-hero__copy,.lumen-home-view .lumen-hero__action { width:100%; text-align:center; }
  .lumen-home-view .lumen-hero h1 { font-size:clamp(42px,11vw,62px); }
  .lumen-home-view .lumen-hero h1 br { display:initial; }
  .lumen-home-view .lumen-hero__description { font-size:16px; line-height:1.55; margin-top:22px; }
  .lumen-home-view .lumen-hero__description br { display:none; }
  .lumen-home-view .lumen-hero__badges { justify-content:center; margin:22px 0; }
  .lumen-home-view .lumen-hero__action .lumen-button { max-width:370px; }
  .lumen-home-view .lumen-world__scrim { background:linear-gradient(180deg,#03081055,#030810a0 19%,#03081065 38%,transparent 51%,transparent 86%,#030810bb); }
  .lumen-workflow .site-content,.lumen-workflow .site-content--cart { width:calc(100% - 24px); margin:6px auto 24px; padding:24px 20px 16px; border-radius:9px; background:#141820ed; }
  .lumen-workflow .lumen-configurator__inner { min-height:calc(100svh - 260px); }
  .lumen-workflow .lumen-steps__button { min-width:28px; padding-inline:4px; }
  .lumen-workflow .lumen-steps__item:not(:last-child)::after { width:8px; margin-inline:3px; }
  .lumen-workflow .lumen-configurator__actions { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  .lumen-workflow-back { margin-bottom:24px; }
  .lumen-night-site .site-footer { flex-wrap:wrap; flex-direction:row; justify-content:center; gap:12px; padding:14px 0 20px; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .lumen-world__scrim { transition:none; } }
@media (max-width:380px) {
  .lumen-workflow .lumen-steps__list { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
  .lumen-workflow .lumen-steps__item { display:block; min-width:0; }
  .lumen-workflow .lumen-steps__item::after { display:none; }
  .lumen-workflow .lumen-steps__button { width:100%; min-width:0; }
}

/* Step six opens the workflow onto the shared courtyard. Home remains unchanged. */
.lumen-cart-preview { display:flex; flex-direction:column; min-height:calc(100svh - 204px); }
.lumen-cart-preview .lumen-preview-heading h1,.lumen-cart-preview .lumen-preview-heading p { margin:0; }
#lumen-cart-preview-notice:empty { display:none; }
.lumen-cart-preview .lumen-preview-options { align-items:center; }
.lumen-cart-preview-link { display:inline-block; padding:3px 12px; border:1px solid #ab916688; border-radius:6px; text-decoration:none; }
.lumen-cart-preview-link:hover,.lumen-cart-preview-link:focus-visible { background:#ab916622; }
.lumen-preview-heading,.lumen-preview-options { display:contents; }
body.lumen-preview-active .lumen-world { position:absolute; min-height:100%; }
body.lumen-preview-active .site-content { width:min(900px,calc(100% - 40px)); padding:0; margin:0 auto 12px; min-height:0; border:0; border-radius:0; background:none; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
body.lumen-preview-active .lumen-workflow-back { display:none; }
body.lumen-preview-active .lumen-configurator__inner--step-6 { gap:0; min-height:calc(100svh - 204px); }
body.lumen-preview-active .lumen-preview-heading,body.lumen-preview-active .lumen-preview-options { display:flex; flex-direction:column; gap:20px; width:100%; max-width:720px; margin-inline:auto; padding:22px 28px; border:1px solid #ab916644; border-radius:12px; background:linear-gradient(130deg,#202127ee,#171a21e8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 12px 36px #0004; }
body.lumen-preview-active .lumen-preview-heading { text-align:center; }
body.lumen-preview-active .lumen-configurator__heading p { margin-inline:auto; font-size:13px; }
body.lumen-preview-active .lumen-preview-space { flex:1; min-height:440px; }
body.lumen-preview-active .lumen-preview-options .lumen-configurator__content { gap:18px; }
body.lumen-preview-active .lumen-configurator__actions { position:static; background:none; padding:0; margin:0; }
body.lumen-preview-active .lumen-led { border:0; padding:0; }
body.lumen-preview-active .lumen-configurator__total strong { font-size:22px; color:#ffe1b4; }
body.lumen-preview-active .lumen-world__scrim { background:linear-gradient(180deg,#05091066,transparent 30%,transparent 65%,#05091088); }
@media(max-width:700px){
 body.lumen-preview-active .site-header { min-height:64px; }
 body.lumen-preview-active .site-content { width:calc(100% - 24px); }
 body.lumen-preview-active .lumen-preview-heading,body.lumen-preview-active .lumen-preview-options { padding:18px; }
 body.lumen-preview-active .lumen-preview-space { min-height:390px; }
 body.lumen-preview-active .lumen-configurator__hint { font-size:12px; }
 body.lumen-preview-active .lumen-configurator__title { font-size:27px; }
}
