@font-face {
  font-family: 'SJ116 Manrope';
  src: url('/assets/solar-street-light-aio-v62/manrope-400.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'SJ116 Manrope';
  src: url('/assets/solar-street-light-aio-v62/manrope-600.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'SJ116 Manrope';
  src: url('/assets/solar-street-light-aio-v62/manrope-700.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

body.sj116-homepage {
  margin: 0 !important;
  min-width: 320px !important;
  background: #f5f9ff !important;
  color: #071348 !important;
  overflow-x: clip !important;
}
.sj116 {
  --sj116-ink: #071348;
  --sj116-blue: #0065f2;
  --sj116-muted: #556b95;
  --sj116-border: #dce7f6;
  isolation: isolate;
  position: relative !important;
  width: 100% !important;
  min-height: 100svh;
  margin: 0 !important;
  padding: 0 !important;
  background: #f4f8ff !important;
  color: var(--sj116-ink) !important;
  font-family: 'SJ116 Manrope', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  -webkit-font-smoothing: antialiased;
}
.sj116 *, .sj116 *::before, .sj116 *::after {
  box-sizing: border-box !important;
}
.sj116 :is(a, button, summary, p, h1, h2, strong, span, li, nav, section, article, div, header, footer, main) {
  font-family: inherit !important;
  text-transform: none !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  letter-spacing: normal;
}
.sj116 :is(h1, h2, p, ul) { margin: 0; padding: 0; }
.sj116 a { color: inherit; text-decoration: none !important; }
.sj116 button, .sj116 summary { -webkit-tap-highlight-color: transparent; cursor: pointer; }
.sj116 button { appearance: none; margin: 0; color: inherit; font: inherit; }
.sj116 img { display: block; border: 0; margin: 0; box-shadow: none; border-radius: 0; }
.sj116 [hidden] { display: none !important; }
.sj116 :is(a, button, summary):focus-visible {
  outline: 3px solid #1676eb !important;
  outline-offset: 4px !important;
}
.sj116 .sj116-icon { display: inline-block !important; width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: none !important; flex: 0 0 20px; object-fit: contain; }
.sj116 .sj116-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.sj116 .sj116-skip { position: absolute; z-index: 100; top: -100px; left: 24px; padding: 12px 18px; color: #fff; background: #071348; border-radius: 6px; }
.sj116 .sj116-skip:focus { top: 12px; }
.sj116 #sj116-main { display: block; outline: 0; width: 100%; margin: 0; padding: 0; }

/* Header: a restrained manufacturer identity and a single quotation action. */
.sj116 .sj116-header {
  position: sticky !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  height: 76px !important;
  z-index: 40;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, .97) !important;
  border-bottom: 1px solid rgba(16, 57, 117, .06);
  box-shadow: 0 2px 20px rgba(26, 57, 99, .025);
}
.sj116 .sj116-header-inner { width: min(1600px, calc(100% - 9.2%)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.sj116 .sj116-brand { display: inline-flex; align-items: baseline; flex: 0 0 auto; gap: 7px; white-space: nowrap; font-size: clamp(21px, 2.05vw, 31px); line-height: 1; font-weight: 400; letter-spacing: -.9px; }
.sj116 .sj116-brand strong { font-weight: 700; letter-spacing: -1.2px; }
.sj116 .sj116-header-nav { position: static; display: flex; align-items: center; justify-content: flex-end; gap: clamp(16px, 2vw, 34px); width: auto; margin: 0; padding: 0; font-size: 14px; font-weight: 600; }
.sj116 .sj116-nav-link, .sj116 .sj116-dropdown > summary { display: flex; align-items: center; min-height: 44px; gap: 6px; white-space: nowrap; }
.sj116 .sj116-nav-link:hover, .sj116 .sj116-dropdown > summary:hover { color: #0065f2; }
.sj116 .sj116-dropdown { position: relative; margin: 0; padding: 0; border: 0; }
.sj116 .sj116-dropdown > summary { list-style: none; user-select: none; border: 0; border-radius: 4px; padding: 0; font-size: inherit; font-weight: 600; background: transparent; }
.sj116 .sj116-dropdown > summary::-webkit-details-marker { display: none; }
.sj116 .sj116-dropdown > summary .sj116-icon { width: 15px !important; height: 15px !important; min-width: 15px !important; flex-basis: 15px; opacity: .65; transition: transform .2s ease; }
.sj116 .sj116-dropdown[open] > summary .sj116-icon { transform: rotate(180deg); }
.sj116 .sj116-dropdown-panel { position: absolute; top: calc(100% + 9px); left: -18px; z-index: 50; min-width: 242px; margin: 0; padding: 8px; background: #fff; border: 1px solid #dce7f6; border-radius: 12px; box-shadow: 0 14px 42px rgba(17, 44, 94, .15); }
.sj116 .sj116-dropdown-panel a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; padding: 10px 12px; border-radius: 6px; white-space: nowrap; font-size: 14px; }
.sj116 .sj116-dropdown-panel a:hover { background: #edf5ff; color: #0065f2; }
.sj116 .sj116-quick-panel { right: -20px; left: auto; }
.sj116 .sj116-language { display: inline-flex; align-items: center; min-height: 32px; padding-right: 22px; border-right: 1px solid #c5cfdf; font-size: 13px; }
.sj116 .sj116-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; width: auto; padding: 14px 25px; border-radius: 28px; border: 1px solid transparent; font-size: 16px; font-weight: 600; line-height: 1.3; text-align: center; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
.sj116 .sj116-header-quote { min-height: 44px; padding: 10px 18px; border-radius: 8px; background: linear-gradient(125deg, #2c8dff, #0060ee); color: #fff; font-size: 14px; box-shadow: 0 4px 12px rgba(0, 96, 238, .12); }
.sj116 .sj116-header-quote .sj116-icon, .sj116 .sj116-button-primary .sj116-icon { filter: brightness(0) invert(1); }
.sj116 .sj116-header-quote:hover { background: #0051d5; box-shadow: 0 6px 18px rgba(0, 96, 238, .24); }
.sj116 .sj116-mobile-toggle { display: none !important; }

/* The wide hero retains the selected product composition and open left edge. */
.sj116 .sj116-hero { position: relative; display: block; width: 100%; height: clamp(560px, 43vw, 640px); margin: 0; padding: 0; overflow: hidden; background: #e7f2ff; }
.sj116 .sj116-slides, .sj116 .sj116-slide, .sj116 .sj116-hero-media { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.sj116 .sj116-hero-media { overflow: hidden; }
.sj116 .sj116-hero-picture { display: block; width: 100%; height: 100%; }
.sj116 .sj116-hero-image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center center; }
.sj116 .sj116-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; width: min(640px, 48%); height: 100%; margin-left: 5.8%; padding-top: clamp(50px, 4.8vw, 76px); padding-bottom: 70px; }
.sj116 .sj116-eyebrow { margin: 0 0 16px !important; color: #0061e9; font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 2.4px !important; }
.sj116 .sj116-title { width: 100%; margin: 0 0 18px !important; color: #050e40 !important; font-size: clamp(42px, 4.7vw, 72px) !important; font-weight: 700 !important; line-height: 1.06 !important; letter-spacing: -2.8px !important; text-wrap: nowrap; }
.sj116 .sj116-title::after { content: ''; display: block; width: 48px; height: 3px; margin-top: 18px; background: #2b8bff; }
.sj116 .sj116-description { color: #101c4a; font-size: clamp(17px, 1.65vw, 25px); font-weight: 400; line-height: 1.4; }
.sj116 .sj116-slogan { margin-top: 11px !important; color: #526b9b; font-size: clamp(12px, 1.17vw, 17px); font-weight: 400; line-height: 1.5; }
.sj116 .sj116-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 23px; }
.sj116 .sj116-button-primary { min-width: 220px; background: linear-gradient(115deg, #3b98ff, #0061ed); color: #fff; border-color: rgba(255, 255, 255, .95); box-shadow: 0 5px 18px rgba(21, 107, 224, .11); }
.sj116 .sj116-button-primary:hover { background: #0058df; box-shadow: 0 7px 20px rgba(21, 107, 224, .24); transform: translateY(-1px); }
.sj116 .sj116-button-text { padding-inline: 15px; color: #071348; }
.sj116 .sj116-button-text:hover { background: rgba(255, 255, 255, .6); color: #0065f2; }
.sj116 .sj116-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin: 22px 0 0 !important; padding: 0 !important; color: #365885; font-size: clamp(10px, 1vw, 14px); line-height: 1.6; list-style: none !important; white-space: nowrap; }
.sj116 .sj116-proof li { display: block; margin: 0; padding: 0 15px; list-style: none !important; border-left: 1px solid #8ca5c6; }
.sj116 .sj116-proof li:first-child { padding-left: 0; border-left: 0; }
.sj116 .sj116-proof li:last-child { padding-right: 0; }
.sj116 .sj116-photo-slide .sj116-hero-media { left: 38%; width: 62%; }
.sj116 .sj116-photo-slide .sj116-hero-image { object-position: center; }
.sj116 .sj116-photo-slide::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #f0f7ff 0%, #f0f7ff 34%, rgba(240, 247, 255, .96) 40%, rgba(240, 247, 255, .68) 49%, rgba(240, 247, 255, 0) 68%); pointer-events: none; }
.sj116 .sj116-photo-slide .sj116-title { font-size: clamp(40px, 4.05vw, 62px) !important; }
.sj116 .sj116-photo-slide .sj116-description { font-size: clamp(17px, 1.4vw, 21px); }
.sj116 .sj116-photo-slide .sj116-slogan { max-width: 420px; }
.sj116 .sj116-slide-arrow { position: absolute; z-index: 4; top: calc(50% - 24px); display: flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; padding: 0; background: rgba(255, 255, 255, .89); border: 1px solid rgba(222, 233, 249, .9); border-radius: 50%; box-shadow: 0 5px 18px rgba(15, 53, 113, .06); }
.sj116 .sj116-slide-arrow .sj116-icon { width: 25px !important; height: 25px !important; }
.sj116 .sj116-previous { left: 12px; }
.sj116 .sj116-next { right: 12px; }
.sj116 .sj116-slide-arrow:hover { color: #0065f2; background: #fff; box-shadow: 0 4px 16px rgba(13, 87, 198, .15); }
.sj116 .sj116-carousel-controls { position: absolute; z-index: 5; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 0 15px; border: 1px solid rgba(255, 255, 255, .6); border-radius: 28px; background: rgba(246, 250, 255, .88); backdrop-filter: blur(8px); }
.sj116 .sj116-slide-caption { display: inline-flex; align-items: center; gap: 18px; color: #071348; white-space: nowrap; line-height: 1.4; }
.sj116 .sj116-slide-count { font-size: 15px; color: #6b7da1; }
.sj116 .sj116-slide-count strong { color: #071348; font-weight: 700; }
.sj116 .sj116-slide-name { font-size: 13px; min-width: 109px; }
.sj116 .sj116-slide-progress { display: flex; align-items: center; gap: 0; }
.sj116 .sj116-progress-button { display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; min-height: 44px; padding: 0 5px; background: transparent; border: 0; border-radius: 5px; }
.sj116 .sj116-progress-button span { display: block; width: 100%; height: 4px; border-radius: 4px; background: #bac6d9; transition: background .2s ease; }
.sj116 .sj116-progress-button[aria-current='true'] span { background: #0874ff; }
.sj116 .sj116-progress-button:hover span { background: #5788ca; }
.sj116 .sj116-pause { display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid #c6d5eb; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #071348; }
.sj116 .sj116-pause:hover { background: #edf5ff; border-color: #8fb5e8; }

/* Six stable entrances form a shallow arc; text remains horizontal. */
.sj116 .sj116-sections { position: relative; width: 100%; margin: 0; padding: 17px 3.2% 78px; background: linear-gradient(180deg, #f5f9ff 0%, #edf5ff 75%, #f6f9ff 100%); }
.sj116 .sj116-orbit { position: absolute; z-index: 0; top: 24px; left: 1%; width: 98%; height: calc(100% - 48px); max-height: 280px; max-width: none; opacity: .56; object-fit: fill; pointer-events: none; }
.sj116 .sj116-card-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; gap: 13px; width: min(1630px, 100%); margin: 0 auto; padding: 0; }
.sj116 .sj116-card { --sj116-card-y: 0px; position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; margin: 0; padding: 0; transform: translateY(var(--sj116-card-y)); border: 2px solid #fff; border-radius: 9px; background: #fff; overflow: hidden; color: #071348; box-shadow: 0 8px 22px rgba(57, 114, 187, .09), 0 1px 3px rgba(33, 89, 159, .06); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.sj116 .sj116-card:nth-child(2), .sj116 .sj116-card:nth-child(5) { --sj116-card-y: 21px; }
.sj116 .sj116-card:nth-child(3), .sj116 .sj116-card:nth-child(4) { --sj116-card-y: 36px; }
.sj116 .sj116-card:hover { transform: translateY(calc(var(--sj116-card-y) - 6px)); border-color: #bedbff; box-shadow: 0 14px 28px rgba(47, 106, 186, .17); }
.sj116 .sj116-card-media { position: relative; display: block; flex: 0 0 auto; width: 100%; height: clamp(135px, 11.3vw, 180px); margin: 0; overflow: hidden; background: #eef4fc; }
.sj116 .sj116-card-media > img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transition: transform .3s ease; }
.sj116 .sj116-card:hover .sj116-card-media > img { transform: scale(1.035); }
.sj116 .sj116-card-contain .sj116-card-media { background: #f4f7fc; }
.sj116 .sj116-card-contain .sj116-card-media > img { object-fit: contain; padding: 4px; }
.sj116 .sj116-video-play { position: absolute; inset: 50% auto auto 50%; display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; transform: translate(-50%, -50%); border: 2px solid rgba(255, 255, 255, .95); border-radius: 50%; background: rgba(18, 36, 72, .54); box-shadow: 0 3px 15px rgba(7, 19, 72, .15); }
.sj116 .sj116-video-play .sj116-icon { width: 23px !important; height: 23px !important; filter: brightness(0) invert(1); }
.sj116 .sj116-card-copy { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 61px; padding: 13px 37px 13px 12px; }
.sj116 .sj116-card-title { display: block; white-space: nowrap; color: #071348; font-size: clamp(12px, 1.09vw, 17px); font-weight: 700; line-height: 1.35; letter-spacing: -.5px !important; }
.sj116 .sj116-card-subtitle { display: none; }
.sj116 .sj116-card-arrow { position: absolute; top: calc(50% - 14px); right: 7px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #e6f0ff; }
.sj116 .sj116-card-arrow .sj116-icon { width: 16px !important; height: 16px !important; min-width: 16px !important; }
.sj116 #sj116-products { scroll-margin-top: 110px; }
.sj116 .sj116-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; width: calc(100% - 9.2%); margin: 0 auto; padding: 22px 0; border-top: 1px solid #dfe9f6; color: #607494; background: transparent; font-size: 11px; line-height: 1.6; }
.sj116 .sj116-footer > span { color: #314b73; font-weight: 700; letter-spacing: 1px; }
.sj116 .sj116-footer a { display: inline-flex; gap: 8px; min-height: 44px; align-items: center; }
.sj116 .sj116-footer .sj116-icon { width: 15px !important; height: 15px !important; }

@media (min-width: 1600px) {
  .sj116 .sj116-hero-copy { margin-left: max(5.8%, calc((100vw - 1600px) / 2 + 50px)); }
  .sj116 .sj116-hero { height: 650px; }
}
@media (max-width: 1180px) and (min-width: 901px) {
  .sj116 .sj116-header-inner { width: 92%; gap: 18px; }
  .sj116 .sj116-header-nav { gap: 16px; font-size: 12px; }
  .sj116 .sj116-header-quote { font-size: 12px; padding: 10px 12px; gap: 6px; }
  .sj116 .sj116-language { padding-right: 12px; }
  .sj116 .sj116-brand { font-size: 23px; }
  .sj116 .sj116-hero-copy { margin-left: 6.6%; width: 47%; }
  .sj116 .sj116-hero-actions { gap: 0; }
  .sj116 .sj116-hero-actions .sj116-button { min-width: 0; min-height: 48px; padding: 12px 18px; font-size: 13px; }
  .sj116 .sj116-proof li { padding-inline: 9px; }
  .sj116 .sj116-card-grid { gap: 9px; }
  .sj116 .sj116-card-copy { min-height: 60px; padding-left: 8px; padding-right: 28px; }
  .sj116 .sj116-card-arrow { width: 22px; height: 22px; top: calc(50% - 11px); right: 4px; }
  .sj116 .sj116-card-title { font-size: 11px; letter-spacing: -.35px !important; }
}

@media (max-width: 900px) {
  body.sj116-homepage.sj116-menu-open { overflow: hidden !important; }
  .sj116 .sj116-header { height: 64px !important; }
  .sj116 .sj116-header-inner { width: calc(100% - 40px); gap: 12px; }
  .sj116 .sj116-brand { font-size: 24px; gap: 5px; }
  .sj116 .sj116-header-nav { display: none; position: absolute; top: 63px; left: 0; right: 0; width: 100%; max-height: calc(100svh - 64px); overflow-y: auto; overscroll-behavior: contain; align-items: stretch; gap: 6px; padding: 16px 24px 24px; background: #fff; box-shadow: 0 14px 22px rgba(12, 38, 80, .11); border-bottom: 1px solid #dce7f6; font-size: 15px; }
  .sj116 .sj116-menu-expanded .sj116-header-nav { display: flex; flex-direction: column; }
  .sj116 .sj116-nav-link { padding: 8px 0; min-height: 46px; }
  .sj116 .sj116-dropdown > summary { min-height: 46px; justify-content: space-between; }
  .sj116 .sj116-dropdown-panel, .sj116 .sj116-quick-panel { position: static; min-width: 0; width: 100%; padding: 5px; border: 0; border-left: 2px solid #dce8fa; border-radius: 0; box-shadow: none; background: #f5f9ff; }
  .sj116 .sj116-language { align-self: flex-start; padding-right: 0; border: 0; font-size: 12px; color: #6a7b96; }
  .sj116 .sj116-header-quote { align-self: flex-start; min-height: 46px; margin-top: 6px; padding: 12px 20px; }
  .sj116 .sj116-mobile-toggle { display: flex !important; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; padding: 0; border: 1px solid #e2eaf7; border-radius: 8px; background: #f7faff; }
  .sj116 .sj116-hero { height: 570px; }
  .sj116 .sj116-hero-copy { margin-left: 6%; width: 53%; padding-top: 60px; }
  .sj116 .sj116-title { font-size: clamp(35px, 5.2vw, 46px) !important; letter-spacing: -1.7px !important; }
  .sj116 .sj116-photo-slide .sj116-title { font-size: clamp(34px, 4.6vw, 42px) !important; }
  .sj116 .sj116-eyebrow { font-size: 9px; letter-spacing: 1.6px !important; }
  .sj116 .sj116-description { font-size: 17px; }
  .sj116 .sj116-slogan { max-width: 340px; font-size: 12px; }
  .sj116 .sj116-hero-actions { flex-direction: column; align-items: flex-start; margin-top: 20px; gap: 2px; }
  .sj116 .sj116-hero-actions .sj116-button { min-width: 0; min-height: 46px; padding: 11px 20px; font-size: 14px; }
  .sj116 .sj116-hero-actions .sj116-button-text { padding-left: 0; }
  .sj116 .sj116-proof { max-width: 410px; flex-wrap: wrap; row-gap: 5px; font-size: 10px; margin-top: 10px !important; }
  .sj116 .sj116-proof li { padding-inline: 9px; }
  .sj116 .sj116-previous { left: 5px; }
  .sj116 .sj116-next { right: 5px; }
  .sj116 .sj116-slide-arrow { width: 44px; height: 44px; min-width: 44px; border-radius: 22px; }
  .sj116 .sj116-sections { padding: 24px 5% 36px; }
  .sj116 .sj116-orbit { display: none; }
  .sj116 .sj116-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 14px; }
  .sj116 .sj116-card { --sj116-card-y: 0px !important; }
  .sj116 .sj116-card-media { height: 145px; }
  .sj116 .sj116-card-title { font-size: 14px; letter-spacing: -.4px !important; }
  .sj116 .sj116-card-copy { min-height: 62px; }
  .sj116 .sj116-footer { width: 90%; font-size: 10px; }
}

/* Mobile: a compact hero followed by one clear, photograph-led entrance per row. */
@media (max-width: 600px) {
  .sj116 .sj116-header-inner { width: calc(100% - 32px); }
  .sj116 .sj116-brand { font-size: 21px; letter-spacing: -.8px; }
  .sj116 .sj116-brand strong { letter-spacing: -.8px; }
  .sj116 .sj116-hero { height: 426px; background: #edf6ff; }
  .sj116 .sj116-hero-copy { position: absolute; z-index: 3; inset: 0 0 auto; width: auto; height: auto; margin: 0; padding: 23px 22px 0; }
  .sj116 .sj116-eyebrow { max-width: 100%; margin-bottom: 8px !important; font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: 1.15px !important; }
  .sj116 .sj116-title, .sj116 .sj116-photo-slide .sj116-title { font-size: clamp(29px, 8.6vw, 43px) !important; line-height: 1.05 !important; letter-spacing: -1.6px !important; margin-bottom: 10px !important; }
  .sj116 .sj116-title::after { display: none; }
  .sj116 .sj116-description, .sj116 .sj116-photo-slide .sj116-description { max-width: 440px; font-size: 14px; font-weight: 400; line-height: 1.45; }
  .sj116 .sj116-desktop-break { display: none; }
  .sj116 .sj116-slogan { display: none; }
  .sj116 .sj116-hero-actions { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 6px; margin-top: 11px; }
  .sj116 .sj116-hero-actions .sj116-button { min-width: 0; min-height: 44px; padding: 10px 14px; gap: 6px; font-size: 13px; line-height: 1.3; }
  .sj116 .sj116-hero-actions .sj116-button-text { padding-inline: 7px; }
  .sj116 .sj116-hero-actions .sj116-icon { width: 15px !important; height: 15px !important; min-width: 15px !important; flex-basis: 15px; }
  .sj116 .sj116-proof { display: none; }
  .sj116 .sj116-proof li { padding-inline: 7px; }
  .sj116 .sj116-products-slide .sj116-hero-media { top: 227px; bottom: 43px; height: auto; background: #eaf4ff; }
  .sj116 .sj116-products-slide .sj116-hero-image { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
  .sj116 .sj116-photo-slide .sj116-hero-media { inset: 236px 0 44px; width: 100%; height: auto; }
  .sj116 .sj116-photo-slide .sj116-hero-image { object-fit: cover; object-position: center; }
  .sj116 .sj116-photo-slide::after { inset: 0 0 auto; height: 250px; background: linear-gradient(180deg, #f0f7ff 92%, rgba(240, 247, 255, 0)); }
  .sj116 .sj116-photo-slide .sj116-hero-copy { padding-top: 22px; }
  .sj116 .sj116-photo-slide .sj116-slogan { max-width: 100%; }
  .sj116 .sj116-slide-arrow { display: none; }
  .sj116 .sj116-carousel-controls { bottom: 0; left: 0; transform: none; justify-content: center; width: 100%; min-height: 44px; padding: 0 10px; gap: 9px; border: 0; border-top: 1px solid rgba(211, 227, 247, .6); border-radius: 0; background: rgba(247, 251, 255, .96); }
  .sj116 .sj116-slide-caption { gap: 8px; }
  .sj116 .sj116-slide-count { font-size: 12px; }
  .sj116 .sj116-slide-name { display: none; }
  .sj116 .sj116-progress-button { width: 44px; min-width: 44px; min-height: 44px; padding-inline: 5px; }
  .sj116 .sj116-progress-button span { height: 3px; }
  .sj116 .sj116-pause { width: 44px; height: 44px; min-width: 44px; border: 0; background: transparent; }
  .sj116 .sj116-pause .sj116-icon { width: 16px !important; height: 16px !important; min-width: 16px !important; }
  .sj116 .sj116-sections { padding: 15px 16px 22px; }
  .sj116 .sj116-card-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sj116 .sj116-card { display: grid; grid-template-columns: 43% minmax(0, 1fr); width: 100%; min-height: 116px; height: 116px; border-radius: 9px; }
  .sj116 .sj116-card-media { width: 100%; height: 112px; }
  .sj116 .sj116-card-copy { align-self: center; min-height: 110px; padding: 13px 34px 13px 16px; }
  .sj116 .sj116-card-title { font-size: 16px; line-height: 1.35; white-space: normal; letter-spacing: -.55px !important; }
  .sj116 .sj116-card-subtitle { display: block; margin-top: 7px; max-width: 125px; color: #667d9d; font-size: 11px; line-height: 1.5; }
  .sj116 .sj116-card-arrow { right: 8px; width: 24px; height: 24px; top: calc(50% - 12px); }
  .sj116 .sj116-card-arrow .sj116-icon { width: 15px !important; height: 15px !important; min-width: 15px !important; }
  .sj116 .sj116-video-play { width: 39px; height: 39px; }
  .sj116 .sj116-video-play .sj116-icon { width: 19px !important; height: 19px !important; }
  .sj116 .sj116-footer { display: flex; justify-content: flex-start; gap: 5px 16px; width: calc(100% - 40px); padding: 17px 0; font-size: 12px; }
  .sj116 .sj116-footer > p { flex-basis: 100%; }
  .sj116 .sj116-footer a { font-size: 12px; min-height: 44px; }
  .sj116 #sj116-products { scroll-margin-top: 80px; }
  .sj116 .sj116-photo-slide .sj116-title { font-size: clamp(25px, 7.4vw, 32px) !important; text-wrap: wrap; }
  .sj116 .sj116-photo-slide .sj116-button-text { display: none; }
}
@media (max-width: 410px) {
  .sj116 .sj116-slide-name { display: none; }
}
@media (max-width: 359px) {
  .sj116 .sj116-brand { font-size: 18px; }
  .sj116 .sj116-hero-copy { padding-inline: 17px; }
  .sj116 .sj116-eyebrow { font-size: 9px; letter-spacing: .8px !important; }
  .sj116 .sj116-title, .sj116 .sj116-photo-slide .sj116-title { font-size: 29px !important; }
  .sj116 .sj116-hero-actions .sj116-button { font-size: 12px; padding-inline: 11px; }
  .sj116 .sj116-card { grid-template-columns: 40% minmax(0, 1fr); }
  .sj116 .sj116-card-copy { padding-left: 12px; padding-right: 29px; }
  .sj116 .sj116-card-title { font-size: 16px; }
  .sj116 .sj116-card-arrow { right: 5px; }
  .sj116 .sj116-slide-name { display: none; }
  .sj116 .sj116-carousel-controls { gap: 5px; }
  .sj116 .sj116-progress-button { width: 44px; min-width: 44px; }
  .sj116 .sj116-photo-slide .sj116-title { font-size: 25px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .sj116 *, .sj116 *::before, .sj116 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .sj116 .sj116-card:hover { transform: translateY(var(--sj116-card-y)); }
  .sj116 .sj116-card:hover .sj116-card-media > img, .sj116 .sj116-button-primary:hover { transform: none; }
}

/* Keep the first mobile viewport focused on two full-sized entrances. */
@media (max-width: 600px) {
  .sj116 .sj116-card {
    height: max(132px, calc((100svh - 517px) / 2));
    min-height: 132px;
  }
  .sj116 .sj116-card-media { height: 100%; }
  .sj116 .sj116-card-copy { min-height: 0; }
}

/* v117: align the real interface with the selected orbital showroom reference. */
@media (min-width: 901px) {
  .sj116 #sj116-main { background: #eff5fc; }
  .sj116 .sj116-hero { height: clamp(400px, calc(100svh - 350px), 620px); }
  .sj116 .sj116-products-slide .sj116-hero-image { object-position: center bottom; }
  .sj116 .sj116-carousel-controls {
    bottom: 7px;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .sj116 .sj116-sections {
    margin-top: -1px;
    padding-top: 17px;
    padding-bottom: 55px;
    background: #eff5fc url('./floor-v117.webp') center center / 100% 100% no-repeat;
  }
  .sj116 .sj116-card-grid { perspective: 1600px; gap: 12px; }
  .sj116 .sj116-card {
    --sj117-yaw: 0deg;
    --sj117-roll: 0deg;
    transform-origin: center 60%;
    transform: perspective(1000px) translateY(var(--sj116-card-y)) rotateY(var(--sj117-yaw)) rotateZ(var(--sj117-roll));
    border-color: rgba(255,255,255,.96);
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 20px rgba(64,112,176,.09), 0 2px 5px rgba(45,88,148,.05);
  }
  .sj116 .sj116-card:nth-child(1) { --sj117-yaw: 12deg; --sj117-roll: 3.5deg; --sj116-card-y: 0px; }
  .sj116 .sj116-card:nth-child(2) { --sj117-yaw: 6deg; --sj117-roll: 1.7deg; --sj116-card-y: 21px; }
  .sj116 .sj116-card:nth-child(3) { --sj117-yaw: 2deg; --sj117-roll: .4deg; --sj116-card-y: 36px; }
  .sj116 .sj116-card:nth-child(4) { --sj117-yaw: -2deg; --sj117-roll: -.4deg; --sj116-card-y: 36px; }
  .sj116 .sj116-card:nth-child(5) { --sj117-yaw: -6deg; --sj117-roll: -1.7deg; --sj116-card-y: 21px; }
  .sj116 .sj116-card:nth-child(6) { --sj117-yaw: -12deg; --sj117-roll: -3.5deg; --sj116-card-y: 0px; }
  .sj116 .sj116-card:hover {
    transform: perspective(1000px) translateY(calc(var(--sj116-card-y) - 5px)) rotateY(var(--sj117-yaw)) rotateZ(var(--sj117-roll));
  }
  .sj116 .sj116-card:nth-child(4) .sj116-card-media > img,
  .sj116 .sj116-card:nth-child(5) .sj116-card-media > img { object-fit: cover; object-position: center 60%; padding: 0; }
  .sj116 .sj116-orbit { top: -4px; left: 0; width: 100%; height: 100%; max-height: 320px; opacity: .92; }
}
@media (min-width: 901px) and (max-height: 820px) {
  .sj116 .sj116-header { height: 68px !important; }
  .sj116 .sj116-hero { height: clamp(360px, calc(100svh - 340px), 480px); }
  .sj116 .sj116-hero-copy { padding-top: 31px; padding-bottom: 55px; width: min(590px,49%); }
  .sj116 .sj116-eyebrow { font-size: 10px; margin-bottom: 10px !important; }
  .sj116 .sj116-title { font-size: clamp(40px,4.15vw,58px) !important; line-height: 1.02 !important; margin-bottom: 13px !important; letter-spacing: -2.2px !important; }
  .sj116 .sj116-title::after { margin-top: 11px; height: 2px; }
  .sj116 .sj116-description { font-size: 17px; line-height: 1.35; }
  .sj116 .sj116-slogan { font-size: 12px; margin-top: 9px !important; }
  .sj116 .sj116-hero-actions { margin-top: 14px; }
  .sj116 .sj116-hero-actions .sj116-button { min-height: 44px; padding-block: 10px; font-size: 14px; }
  .sj116 .sj116-proof { margin-top: 13px !important; font-size: 11px; }
  .sj116 .sj116-photo-slide .sj116-title { font-size: clamp(36px,3.8vw,52px) !important; }
  .sj116 .sj116-photo-slide .sj116-description { font-size: 16px; }
  .sj116 .sj116-sections { padding-top: 14px; padding-bottom: 35px; }
  .sj116 .sj116-card-media { height: clamp(118px,10.8vw,142px); }
  .sj116 .sj116-card-copy { min-height: 54px; padding-block: 10px; }
  .sj116 .sj116-card-title { font-size: clamp(12px,1.12vw,16px); }
  .sj116 .sj116-card:nth-child(2), .sj116 .sj116-card:nth-child(5) { --sj116-card-y: 17px; }
  .sj116 .sj116-card:nth-child(3), .sj116 .sj116-card:nth-child(4) { --sj116-card-y: 29px; }
}
@media (prefers-reduced-motion: reduce) and (min-width: 901px) {
  .sj116 .sj116-card:hover {
    transform: perspective(1000px) translateY(var(--sj116-card-y)) rotateY(var(--sj117-yaw)) rotateZ(var(--sj117-roll));
  }
}

/* v118: a clearer manufacturer hierarchy within the approved showroom layout. */
.sj116 .sj116-header { border-bottom-color: rgba(27,66,116,.09); box-shadow: 0 1px 8px rgba(30,61,105,.025); }
.sj116 .sj116-button { border-radius: 9px; }
.sj116 .sj116-header-quote,
.sj116 .sj116-button-primary { background: #0969e8; border-color: #0969e8; box-shadow: 0 3px 10px rgba(9,105,232,.12); }
.sj116 .sj116-header-quote:hover,
.sj116 .sj116-button-primary:hover { background: #0759c7; border-color: #0759c7; box-shadow: 0 5px 14px rgba(9,105,232,.17); }
.sj116 .sj116-title::after { display: none; }
.sj116 .sj116-description { color: #243a58; }
.sj116 .sj116-slogan { color: #435d7c; }
.sj116 .sj116-card { border-width: 1px; border-color: rgba(255,255,255,.98); border-radius: 11px; box-shadow: 0 6px 16px rgba(41,77,120,.075),0 1px 3px rgba(41,77,120,.04); }
.sj116 .sj116-card:hover { border-color: #b9d3f4; box-shadow: 0 10px 23px rgba(41,77,120,.13); }
.sj116 .sj116-card-title { letter-spacing: -.3px !important; font-weight: 700; }
.sj116 .sj116-card-arrow { border-radius: 7px; background: #f0f5fc; color: #2b4a72; }
.sj116 .sj116-card-arrow .sj116-icon { opacity: .75; }
.sj116 .sj116-card:hover .sj116-card-arrow { background: #e5effc; }
.sj116 .sj116-card-subtitle { color: #4d6482; }
.sj116 .sj116-footer { color: #4d6482; font-size: 12px; }

@media (min-width: 901px) {
  .sj116 .sj116-eyebrow { font-size: 11px; letter-spacing: 1.7px !important; line-height: 1.55; }
  .sj116 .sj116-title { margin-bottom: 20px !important; letter-spacing: -2.4px !important; }
  .sj116 .sj116-description { font-size: clamp(17px,1.35vw,21px); line-height: 1.5; }
  .sj116 .sj116-slogan { font-size: clamp(12px,1.02vw,15px); margin-top: 10px !important; }
  .sj116 .sj116-hero-actions { gap: 12px; }
  .sj116 .sj116-button-text { border-color: rgba(64,94,133,.24); background: rgba(255,255,255,.36); }
  .sj116 .sj116-proof { margin-top: 24px !important; align-items: center; gap: 0; color: #344f70; font-size: 13px; }
  .sj116 .sj116-proof li { padding-inline: 19px; border-color: #a9bdd4; }
  .sj116 .sj116-proof li:first-child { padding-left: 0; }
  .sj116 .sj116-proof li:last-child { padding-right: 0; }
  .sj116 .sj116-proof .sj118-proof-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
  .sj116 .sj116-proof .sj118-proof-stat strong { color: #102c52; font-size: clamp(20px,1.65vw,25px); line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
  .sj116 .sj116-proof .sj118-proof-stat > span { color: #3e5979; font-size: 12px; line-height: 1.3; }
  .sj116 .sj116-card:nth-child(1) { --sj117-yaw: 8deg; --sj117-roll: 1.6deg; }
  .sj116 .sj116-card:nth-child(2) { --sj117-yaw: 4deg; --sj117-roll: .8deg; }
  .sj116 .sj116-card:nth-child(3) { --sj117-yaw: 1deg; --sj117-roll: .2deg; }
  .sj116 .sj116-card:nth-child(4) { --sj117-yaw: -1deg; --sj117-roll: -.2deg; }
  .sj116 .sj116-card:nth-child(5) { --sj117-yaw: -4deg; --sj117-roll: -.8deg; }
  .sj116 .sj116-card:nth-child(6) { --sj117-yaw: -8deg; --sj117-roll: -1.6deg; }
  .sj116 .sj116-card:hover { transform: perspective(1000px) translateY(calc(var(--sj116-card-y) - 4px)) rotateY(var(--sj117-yaw)) rotateZ(var(--sj117-roll)); }
  .sj116 .sj116-card-contain .sj116-card-media { background: #f5f7fb; }
  .sj116 .sj116-card-contain .sj116-card-media > img,
  .sj116 .sj116-card:nth-child(4) .sj116-card-media > img,
  .sj116 .sj116-card:nth-child(5) .sj116-card-media > img { object-fit: contain; object-position: center; padding: 0; }
  .sj116 .sj116-card-copy { justify-content: flex-start; min-height: 78px; padding: 12px 12px 11px; }
  .sj116 .sj116-card-title { font-size: clamp(12px,1.1vw,16px); line-height: 1.4; white-space: nowrap; }
  .sj116 .sj116-card-subtitle { display: block; margin-top: 5px; padding-right: 18px; font-size: clamp(11px,.9vw,12px); line-height: 1.4; }
  .sj116 .sj116-card-arrow { top: auto; bottom: 9px; right: 9px; width: 22px; height: 22px; background: transparent; }
  .sj116 .sj116-card-arrow .sj116-icon { width: 14px !important; height: 14px !important; min-width: 14px !important; }
  .sj116 .sj116-slide-count { font-variant-numeric: tabular-nums; font-size: 13px; }
  .sj116 .sj116-slide-name { color: #435d7c; font-size: 12px; }
  .sj116 .sj116-progress-button span { height: 3px; }
  .sj116 .sj116-slide-arrow { background: rgba(255,255,255,.8); border-color: rgba(169,191,220,.4); box-shadow: none; }
  .sj116 .sj116-pause { background: rgba(255,255,255,.8); border-color: #cad8e9; }
}
@media (min-width: 901px) and (max-height: 820px) {
  .sj116 .sj116-hero-copy { padding-top: 30px; }
  .sj116 .sj116-eyebrow { font-size: 10px; margin-bottom: 8px !important; }
  .sj116 .sj116-title { font-size: clamp(39px,4.02vw,56px) !important; line-height: 1.03 !important; margin-bottom: 15px !important; }
  .sj116 .sj116-description { font-size: 16px; line-height: 1.45; }
  .sj116 .sj116-slogan { margin-top: 8px !important; font-size: 12px; }
  .sj116 .sj116-hero-actions { margin-top: 12px; }
  .sj116 .sj116-hero-actions .sj116-button { min-height: 44px; padding: 10px 18px; font-size: 13px; }
  .sj116 .sj116-button-primary { min-width: 186px; }
  .sj116 .sj116-proof { margin-top: 12px !important; }
  .sj116 .sj116-proof .sj118-proof-stat { gap: 2px; }
  .sj116 .sj116-proof .sj118-proof-stat strong { font-size: 19px; }
  .sj116 .sj116-proof .sj118-proof-stat > span { font-size: 11px; }
  .sj116 .sj116-card-copy { min-height: 70px; padding: 10px 10px 9px; }
  .sj116 .sj116-card-subtitle { margin-top: 4px; }
}
@media (max-width: 1180px) and (min-width: 901px) {
  .sj116 .sj116-proof li { padding-inline: 12px; }
  .sj116 .sj116-proof .sj118-proof-stat > span { font-size: 10px; }
  .sj116 .sj116-card-copy { padding-inline: 9px; }
  .sj116 .sj116-card-title { font-size: clamp(10.5px,1.08vw,13px); letter-spacing: -.35px !important; }
  .sj116 .sj116-card-subtitle { font-size: 11px; }
}
@media (max-width: 900px) {
  .sj116 .sj116-proof { font-size: 12px; color: #344f70; }
  .sj116 .sj116-proof .sj118-proof-stat { display: flex; flex-direction: column; gap: 2px; }
  .sj116 .sj116-proof .sj118-proof-stat strong { color: #173452; font-size: 18px; line-height: 1.2; }
  .sj116 .sj116-proof .sj118-proof-stat > span { font-size: 10px; line-height: 1.3; }
  .sj116 .sj116-card-subtitle { color: #4d6482; }
}
@media (max-width: 600px) {
  .sj116 .sj116-card { border-radius: 10px; }
  .sj116 .sj116-card-title { font-size: 16px; letter-spacing: -.3px !important; }
  .sj116 .sj116-card-subtitle { font-size: 12px; line-height: 1.45; }
  .sj116 .sj116-button-primary { box-shadow: 0 3px 9px rgba(9,105,232,.12); }
}
@media (prefers-reduced-motion: reduce) and (min-width: 901px) {
  .sj116 .sj116-card:hover { transform: perspective(1000px) translateY(var(--sj116-card-y)) rotateY(var(--sj117-yaw)) rotateZ(var(--sj117-roll)); }
}

/* Keep catalogue entrances readable on compact laptops and tablets. */
@media (min-width: 601px) and (max-width: 1100px) {
  .sj116 .sj116-sections { padding: 24px 5% 36px; }
  .sj116 .sj116-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  .sj116 .sj116-orbit { display: none; }
  .sj116 .sj116-card:nth-child(n) { --sj116-card-y: 0px; --sj117-yaw: 0deg; --sj117-roll: 0deg; transform: translateY(0); }
  .sj116 .sj116-card:nth-child(n):hover { transform: translateY(-4px); }
  .sj116 .sj116-card-media { height: clamp(145px,16vw,185px); }
  .sj116 .sj116-card-contain .sj116-card-media > img { object-fit: contain; padding: 0; }
  .sj116 .sj116-card-copy { min-height: 76px; padding: 12px 14px; }
  .sj116 .sj116-card-title { font-size: 15px; letter-spacing: -.3px !important; }
  .sj116 .sj116-card-subtitle { display: block; margin-top: 5px; padding-right: 20px; font-size: 12px; line-height: 1.4; }
  .sj116 .sj116-card-arrow { top: auto; bottom: 11px; right: 11px; }
}
@media (prefers-reduced-motion: reduce) and (min-width: 601px) and (max-width: 1100px) {
  .sj116 .sj116-card:nth-child(n):hover { transform: translateY(0); }
}

/* v119: global manufacturing partner, with restrained engineered metal cues. */
body.sj116-homepage { background: #F5F7FA !important; color: #0B172B !important; }
.sj116 {
  --sj116-ink: #0B172B;
  --sj116-blue: #0B172B;
  --sj116-muted: #536375;
  --sj116-border: #DCE4EC;
  background: #F5F7FA !important;
}
.sj116 .sj116-header {
  background: rgba(245,247,250,.9) !important;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  border-bottom: 1px solid rgba(184,199,214,.45);
  box-shadow: 0 2px 12px rgba(11,23,43,.035);
}
.sj116 .sj116-brand { color: #0B172B; }
.sj116 .sj116-header-quote,
.sj116 .sj116-button-primary {
  color: #F5F7FA;
  background: #0B172B;
  border: 1px solid #0B172B;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 3px 10px rgba(11,23,43,.1);
}
.sj116 .sj116-header-quote:hover,
.sj116 .sj116-button-primary:hover {
  background: #1A3049;
  border-color: #1A3049;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 5px 14px rgba(11,23,43,.14);
}
.sj116 .sj116-button-text { color: #14273D; }
.sj116 .sj116-button-text:hover { color: #0B172B; background: rgba(245,247,250,.85); }
.sj116 .sj116-dropdown-panel { background: rgba(250,252,254,.98); border-color: #DCE4EC; box-shadow: 0 12px 30px rgba(11,23,43,.12); }
.sj116 .sj116-dropdown-panel a:hover { color: #0B172B; background: #E9F0F5; }
.sj116 .sj116-eyebrow { color: #3D6079; }
.sj116 .sj116-title { color: #0B172B !important; }
.sj116 .sj116-description { color: #31465C; }
.sj116 .sj116-slogan { color: #566A7D; }
.sj116 .sj116-hero { background: #E9EFF4; }
.sj116 .sj116-photo-slide::after {
  background: linear-gradient(90deg,#F5F7FA 0%,#F5F7FA 34%,rgba(245,247,250,.96) 40%,rgba(245,247,250,.68) 49%,rgba(245,247,250,0) 68%);
}
.sj116 .sj116-proof { color: #435A70; }
.sj116 .sj116-proof li { border-color: #AABAC9; }
.sj116 .sj116-proof .sj118-proof-stat strong { color: #0B172B; }
.sj116 .sj116-proof .sj118-proof-stat > span { color: #445C72; }
.sj116 .sj116-slide-caption,
.sj116 .sj116-slide-count strong { color: #152B40; }
.sj116 .sj116-slide-count,
.sj116 .sj116-slide-name { color: #51667B; }
.sj116 .sj116-progress-button span { background: #BAC7D2; }
.sj116 .sj116-progress-button[aria-current='true'] span { background: #1B4C6E; }
.sj116 .sj116-progress-button:hover span { background: #5D819B; }
.sj116 .sj116-slide-arrow { border-color: rgba(186,202,216,.65); }
.sj116 .sj116-pause { border-color: #C3D0DC; color: #0B172B; }
.sj116 .sj116-card { color: #0B172B; border-color: rgba(255,255,255,.95); background: rgba(250,252,254,.95); }
.sj116 .sj116-card-media { background: #E9EFF4; }
.sj116 .sj116-card-contain .sj116-card-media { background: #F1F4F7; }
.sj116 .sj116-card-title { color: #0B172B; }
.sj116 .sj116-card-subtitle { color: #4F6376; }
.sj116 .sj116-card-arrow { color: #294A62; background: #EDF2F6; }
.sj116 .sj116-card:hover { border-color: #BCD0DF; }
.sj116 .sj116-footer { border-color: #DCE4EC; color: #52677A; }
.sj116 .sj116-footer > span { color: #243E55; }
@media (min-width: 901px) {
  .sj116 #sj116-main { background: #F5F7FA; }
  .sj116 .sj116-sections {
    background: linear-gradient(180deg,rgba(245,247,250,.15),rgba(245,247,250,.72)),url('./floor-v117.webp') center center / 100% 100% no-repeat;
  }
}
@media (max-width: 900px) {
  .sj116 .sj116-header-nav { background: #F5F7FA; }
  .sj116 .sj116-mobile-toggle { border-color: #DCE4EC; background: #F5F7FA; }
}
@media (max-width: 600px) {
  .sj116 .sj116-hero,
  .sj116 .sj116-products-slide .sj116-hero-media { background: #E9EFF4; }
  .sj116 .sj116-photo-slide::after { background: linear-gradient(180deg,#F5F7FA 92%,rgba(245,247,250,0)); }
  .sj116 .sj116-carousel-controls { background: rgba(245,247,250,.96); border-top-color: #DCE4EC; }
  .sj116 .sj116-sections { background: #F5F7FA; }
  .sj116 .sj116-card-subtitle { color: #4F6376; }
}
/* Keep every product pixel from the approved asset; atmosphere stays in UI layers. */
.sj116 .sj116-products-slide .sj116-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(245,247,250,.68) 0%,rgba(245,247,250,.32) 30%,rgba(245,247,250,0) 44%),
    radial-gradient(ellipse 23% 8% at 80% 91%,rgba(57,198,230,.12),rgba(57,198,230,0) 72%);
}
.sj116 .sj116-header-quote { box-shadow: inset 0 -2px 0 rgba(57,198,230,.48),0 3px 10px rgba(11,23,43,.1); }
.sj116 .sj116-header-quote:hover { box-shadow: inset 0 -2px 0 rgba(57,198,230,.62),0 5px 14px rgba(11,23,43,.14); }
.sj116 .sj116-progress-button[aria-current='true'] span { background: #294F6B; box-shadow: 0 1px 0 rgba(57,198,230,.42); }
@media (max-width: 600px) {
  .sj116 .sj116-products-slide .sj116-hero-media::after {
    background: radial-gradient(ellipse 40% 10% at 72% 91%,rgba(57,198,230,.10),rgba(57,198,230,0) 72%);
  }
}