/* Sintech Lighting — Hotels · Apartments · Resorts (/hotels-apartments)
   Loaded after advice.css; uses its tokens on #sla-advice. Wider, editorial layout. */

#sla-advice.sc {
  --sc-max: 1440px;
  --sc-prose: 68ch;
  --sc-vw: 100vw;
  --sc-ink-soft: #2b2f36;
  --sc-night: #15161a;
  --sc-night-2: #1e2026;
  --sc-gutter: clamp(17.6px, 3vw, 40px);
  --sc-section-y: clamp(52px, 6vw, 92px);

  position: relative;
  width: var(--sc-vw);
  margin-left: calc(50% - var(--sc-vw) / 2);
  padding: 0;
  overflow: visible;
  background: #fff;
}

body#module-sintechlightingadvice-commercial {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  body#module-sintechlightingadvice-commercial { overflow-x: hidden; }
}

@media (prefers-reduced-motion: no-preference) {
  :root:has(#sla-advice.sc) { scroll-behavior: smooth; }
}

.sc .sc-bleed { width: 100%; }

.sc .sc-wrap {
  width: min(100% - var(--sc-gutter) * 2, var(--sc-max));
  margin-inline: auto;
}

.sc section[id],
.sc .sc-area[id] {
  scroll-margin-top: calc(var(--sc-nav-offset, 64px) + 12px);
}

/* ── Typography helpers ─────────────────────────────────── */
.sc .sc-section {
  padding: var(--sc-section-y) 0;
}

.sc .sc-section__head {
  max-width: 832px;
  margin-bottom: clamp(28px, 3vw, 44px);
}

.sc .sc-section__title {
  margin: 0 0 12px;
  font-size: clamp(28.8px, 3.2vw, 41.6px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.sc .sc-section__copy {
  margin: 0;
  max-width: var(--sc-prose);
  font-size: 17px;
  line-height: 1.6;
  color: var(--sla-muted);
}

.sc .sla-eyebrow { margin-bottom: 12.8px; }

/* ── Hero ───────────────────────────────────────────────── */
.sc .sc-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(512px, 82vh, 768px);
  margin: 0 0 0;
  color: #fff;
  background: var(--sc-night);
  isolation: isolate;
}

.sc .sc-hero__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

/* #sla-advice.sc specificity is needed to beat `#sla-advice img { height: auto }` in advice.css */
#sla-advice.sc .sc-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}

.sc .sc-hero__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(18, 13, 10, 0.88) 0%, rgba(18, 13, 10, 0.6) 42%, rgba(18, 13, 10, 0.22) 100%),
    linear-gradient(0deg, rgba(14, 11, 9, 0.9) 0%, rgba(14, 11, 9, 0.35) 45%, rgba(14, 11, 9, 0.05) 100%),
    linear-gradient(0deg, rgba(255, 154, 82, 0.1), rgba(255, 154, 82, 0.02));
}

.sc .sc-hero__inner {
  position: relative;
  z-index: 1;
  padding: clamp(96px, 12vw, 144px) 0 clamp(36px, 4vw, 52px);
}

.sc .sc-hero__eyebrow { color: rgba(255, 255, 255, 0.8); }

.sc .sc-hero__title {
  margin: 0 0 17.6px;
  max-width: 22ch;
  font-size: clamp(34.4px, 4.8vw, 65.6px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.02;
  text-wrap: balance;
}

.sc .sc-hero__lede {
  margin: 0;
  max-width: 704px;
  font-size: clamp(16.3px, 1.4vw, 19.2px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.86);
}

.sc .sc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.sc .sc-btn-lg {
  min-height: 49.6px;
  padding: 11.2px 24px;
  font-size: 15.7px;
}

.sc .sc-btn-ghost-light {
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
}

.sc .sc-btn-ghost-light:hover {
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.08);
}

.sc .sc-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
  list-style: none;
  margin: 44px 0 0;
  padding: 21.6px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.sc .sc-facts li {
  display: flex;
  flex-direction: column;
  gap: 2.4px;
  padding: 4px 0;
}

.sc .sc-facts strong {
  font-size: 16.3px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.sc .sc-facts span {
  font-size: 13.4px;
  color: rgba(255, 255, 255, 0.68);
}

/* ── Sticky nav ─────────────────────────────────────────── */
.sc .sc-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--sla-line);
}

.sc .sc-nav__track {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 9.6px 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sc .sc-nav__track::-webkit-scrollbar { display: none; }

/* #sla-advice.sc prefix beats the `#sla-advice a` colour rules in advice.css */
#sla-advice.sc .sc-nav__track a {
  flex: 0 0 auto;
  padding: 8px 14.4px;
  border-radius: 999px;
  font-size: 13.4px;
  font-weight: 700;
  color: var(--sla-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}

#sla-advice.sc .sc-nav__track a:hover {
  background: var(--sla-paper);
  color: var(--sla-ink);
}

#sla-advice.sc .sc-nav__track a.is-active {
  background: var(--sla-ink);
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1499px) {
  .sc .sc-nav__track { gap: 2px; }
  #sla-advice.sc .sc-nav__track a { padding: 7px 11px; font-size: 12.8px; }
}

#sla-advice.sc .sc-nav__track a.sc-nav__cta {
  margin-left: auto;
  border: 1px solid rgba(200, 16, 46, 0.35);
  color: var(--sla-accent);
}

#sla-advice.sc .sc-nav__track a.sc-nav__cta:hover,
#sla-advice.sc .sc-nav__track a.sc-nav__cta.is-active {
  background: var(--sla-accent);
  color: #fff;
}

/* ── Segments ───────────────────────────────────────────── */
.sc .sc-segments__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.sc .sc-segment {
  display: flex;
  flex-direction: column;
  gap: 9.6px;
  padding: clamp(22.4px, 2.2vw, 32px);
  background: #fff;
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
  box-shadow: 0 10px 30px rgba(20, 20, 20, 0.04);
}

.sc .sc-segment .sla-eyebrow { margin-bottom: 1.6px; }

.sc .sc-segment h3 {
  margin: 0;
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.sc .sc-segment p {
  margin: 0;
  font-size: 15.7px;
  line-height: 1.6;
  color: var(--sla-muted);
}

.sc .sc-segment .sc-ticks {
  margin-top: 6.4px;
  padding-top: 14.4px;
  border-top: 1px solid var(--sla-line);
}

/* Tick lists */
.sc .sc-ticks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sc .sc-ticks li {
  position: relative;
  margin: 7.2px 0;
  padding-left: 24.8px;
  font-size: 15.2px;
  line-height: 1.5;
  color: var(--sc-ink-soft);
}

.sc .sc-ticks li::before {
  content: '';
  position: absolute;
  left: 2.4px;
  top: 0.45em;
  width: 11.2px;
  height: 6.1px;
  border-left: 2px solid var(--sla-accent);
  border-bottom: 2px solid var(--sla-accent);
  transform: rotate(-45deg);
}

/* ── Proof band (anonymous, category-level) ─────────────── */
.sc .sc-proof {
  padding: clamp(56px, 6vw, 96px) 0;
  background: var(--sla-paper);
  border-top: 1px solid var(--sla-line);
  border-bottom: 1px solid var(--sla-line);
}

.sc .sc-proof__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(32px, 4vw, 72px);
  align-items: start;
}

.sc .sc-proof__lead { position: sticky; top: calc(var(--sc-nav-offset, 64px) + 24px); }

.sc .sc-proof__lead .sla-eyebrow { margin-bottom: 14px; }

#sla-advice.sc .sc-proof__title {
  margin: 0 0 18px;
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--sla-ink);
  text-transform: none;
  padding: 0;
  border: 0;
}

.sc .sc-proof__copy {
  margin: 0 0 28px;
  max-width: 54ch;
  font-size: clamp(15.5px, 1.1vw, 17.5px);
  line-height: 1.6;
  color: var(--sla-muted);
}

.sc .sc-proof__promises {
  display: grid;
  gap: 0;
  margin: 0 0 28px;
  border-top: 1px solid var(--sla-line);
}

.sc .sc-proof__promise {
  display: grid;
  grid-template-columns: minmax(0, 170px) minmax(0, 1fr);
  gap: 4px 20px;
  padding: 16px 0;
  border-bottom: 1px solid var(--sla-line);
}

.sc .sc-proof__promise dt {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--sla-ink);
  line-height: 1.4;
}

.sc .sc-proof__promise dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--sla-muted);
}

.sc .sc-proof__cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }

.sc .sc-proof__types {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: none;
  background: var(--sla-line);
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
  overflow: hidden;
}

.sc .sc-proof__type {
  position: relative;
  padding: 26px 26px 26px 26px;
  background: #fff;
  transition: background 0.2s ease;
}

.sc .sc-proof__type:hover { background: #fffaf6; }

.sc .sc-proof__num {
  display: block;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--sla-brand-dark);
}

#sla-advice.sc .sc-proof__type h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.25;
  color: var(--sla-ink);
  text-transform: none;
  padding: 0;
  border: 0;
}

.sc .sc-proof__type p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--sla-muted);
}

@media (max-width: 1100px) {
  .sc .sc-proof__grid { grid-template-columns: 1fr; }
  .sc .sc-proof__lead { position: static; }
  .sc .sc-proof__copy { max-width: 68ch; }
}

@media (max-width: 640px) {
  .sc .sc-proof__types { grid-template-columns: 1fr; }
  .sc .sc-proof__type { padding: 20px 18px; }
  .sc .sc-proof__num { margin-bottom: 10px; }
  .sc .sc-proof__promise { grid-template-columns: 1fr; gap: 4px; }
  .sc .sc-proof__cta .sla-btn { width: 100%; }
}

/* ── Area sections ──────────────────────────────────────── */
.sc .sc-area {
  padding: var(--sc-section-y) 0;
  border-top: 1px solid var(--sla-line);
  background: #fff;
}

.sc .sc-area--paper { background: var(--sla-paper); }

.sc .sc-area__title {
  margin: 0 0 20px;
  font-size: clamp(29.6px, 3.1vw, 42.4px);
  font-weight: 800;
  letter-spacing: -0.032em;
  line-height: 1.06;
  text-wrap: balance;
}

.sc .sc-area__prose {
  max-width: var(--sc-prose);
}

.sc .sc-area__prose p {
  margin: 0 0 16px;
  font-size: 16.6px;
  line-height: 1.66;
  color: var(--sc-ink-soft);
}

.sc .sc-area__prose p:first-child {
  font-size: 17.9px;
  color: var(--sla-ink);
}

.sc .sc-area__prose p:last-child { margin-bottom: 0; }

.sc .sc-area__supply {
  margin-top: 24px;
  padding: 20px 21.6px;
  background: var(--sla-paper);
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
}

.sc .sc-area--paper .sc-area__supply { background: #fff; }

.sc .sc-area__supply h3 {
  margin: 0 0 8px;
  font-size: 11.8px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sla-muted);
}

/* Split layouts */
.sc .sc-area__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 72px);
  align-items: start;
}

/* The figure stretches to the text column; the image itself is sticky so it
   travels with the reader and never leaves a blank gap under it. */
.sc .sc-area__media {
  position: relative;
  align-self: stretch;
  margin: 0;
}

#sla-advice.sc .sc-area__media img {
  position: sticky;
  top: calc(var(--sc-nav-offset, 64px) + 20px);
  width: 100%;
  height: clamp(440px, 74vh, 700px);
  max-height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--sla-radius);
  background: #1a1a1a;
  box-shadow: 0 24px 60px rgba(20, 20, 20, 0.14);
}

/* Maintenance uses a real-product mosaic: show it whole, blended into the paper tone. */
#sla-advice.sc #maintenance .sc-area__media img {
  object-fit: contain;
  background: var(--sla-paper);
  box-shadow: none;
}

.sc .sc-area--split-reverse .sc-area__media { order: 2; }
.sc .sc-area--split-reverse .sc-area__body { order: 1; }

/* Banner layout */
.sc .sc-area__banner {
  position: relative;
  margin: 0 0 clamp(28px, 3vw, 44px);
  border-radius: var(--sla-radius);
  overflow: hidden;
  background: #1a1a1a;
  box-shadow: 0 24px 60px rgba(20, 20, 20, 0.14);
}

.sc .sc-area__banner img {
  width: 100%;
  height: auto;
  aspect-ratio: 21 / 9;
  object-fit: cover;
  object-position: center 55%;
  display: block;
}

.sc .sc-area__banner-cap {
  position: absolute;
  inset: auto 0 0 0;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 3.5vw, 48px);
  color: #fff;
  background: linear-gradient(0deg, rgba(12, 10, 9, 0.86) 0%, rgba(12, 10, 9, 0.45) 55%, rgba(12, 10, 9, 0) 100%);
}

.sc .sc-area__banner-cap .sc-area__title {
  margin: 0;
  max-width: 24ch;
  color: #fff;
}

.sc .sc-area__cols {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: start;
}

.sc .sc-area__cols .sc-area__supply { margin-top: 0; }

/* Night section */
.sc .sc-area--night {
  background:
    radial-gradient(900px 400px at 85% 0%, rgba(255, 154, 82, 0.12), transparent 60%),
    linear-gradient(180deg, var(--sc-night) 0%, var(--sc-night-2) 100%);
  color: #fff;
  border-top: 0;
}

.sc .sc-area--night .sc-area__title,
.sc .sc-area--night .sc-products__title { color: #fff; }

.sc .sc-area--night .sc-area__prose p { color: rgba(255, 255, 255, 0.78); }
.sc .sc-area--night .sc-area__prose p:first-child { color: #fff; }

.sc .sc-area--night .sc-area__supply {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

.sc .sc-area--night .sc-area__supply h3 { color: rgba(255, 255, 255, 0.6); }
.sc .sc-area--night .sc-ticks li { color: rgba(255, 255, 255, 0.86); }
.sc .sc-area--night .sc-ticks li::before { border-color: var(--sla-brand); }

.sc .sc-area--night .sla-btn--outline {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff !important;
}

.sc .sc-area--night .sla-btn--outline:hover { border-color: #fff; }
#sla-advice.sc .sc-area--night .sc-area__ask { color: var(--sla-brand); }
.sc .sc-area--night .sc-area__media img { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5); }
.sc .sc-area--night .sc-products--alt .sc-products__title { color: rgba(255, 255, 255, 0.62); }
.sc .sc-area--night .sc-area__note { color: rgba(255, 255, 255, 0.55); }
.sc .sc-area--night .sc-card { background: var(--sc-night-2); border-color: rgba(255, 255, 255, 0.1); }
.sc .sc-area--night .sc-card__name,
.sc .sc-area--night .sc-card__price { color: #fff; }
.sc .sc-area--night .sc-card__brand { color: rgba(255, 255, 255, 0.55); }

/* ── Product cards ──────────────────────────────────────── */
.sc .sc-products {
  margin-top: clamp(36px, 4vw, 56px);
}

.sc .sc-products--alt { margin-top: 28px; }

.sc .sc-products__title {
  display: flex;
  align-items: center;
  gap: 14.4px;
  margin: 0 0 16px;
  font-size: 16.8px;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.sc .sc-products__title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--sla-line);
}

.sc .sc-area--night .sc-products__title::after { background: rgba(255, 255, 255, 0.14); }

.sc .sc-products--alt .sc-products__title {
  font-size: 12.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sla-muted);
}

.sc .sc-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.sc .sc-products--alt .sc-cards {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}

@media (min-width: 1101px) {
  .sc .sc-products--alt .sc-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sc .sc-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
  overflow: hidden;
  color: var(--sla-ink);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}

.sc .sc-card:hover {
  transform: translateY(-3px);
  border-color: rgba(200, 16, 46, 0.28);
  box-shadow: 0 18px 40px rgba(17, 24, 39, 0.1);
}

.sc .sc-card__media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  padding: 13.6px;
  background: radial-gradient(ellipse at 50% 30%, #ffffff 0%, var(--sla-media) 78%);
  overflow: hidden;
}

#sla-advice.sc .sc-card__media img {
  position: absolute;
  inset: 13.6px;
  width: calc(100% - 27.2px);
  height: calc(100% - 27.2px);
  object-fit: contain;
  transition: transform 0.35s ease;
}

.sc .sc-card:hover .sc-card__media img { transform: scale(1.04); }

.sc .sc-card__badge {
  position: absolute;
  left: 11.2px;
  top: 11.2px;
  max-width: calc(100% - 22.4px);
  padding: 4.8px 9.6px;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.86);
  color: #fff;
  font-size: 10.2px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sc .sc-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  padding: 14.4px 16px 16px;
  border-top: 1px solid var(--sla-line);
}

.sc .sc-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.5em;
  font-size: 14.9px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.01em;
}

.sc .sc-card__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}

.sc .sc-card__brand {
  font-size: 10.9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b93a1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc .sc-card__price {
  flex: 0 0 auto;
  font-size: 14.4px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--sla-ink);
}

/* Area footer */
.sc .sc-area__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

#sla-advice.sc .sc-area__ask {
  margin-left: auto;
  font-size: 14.7px;
  font-weight: 700;
  color: var(--sla-accent);
}

.sc .sc-area__ask:hover { text-decoration: underline; }

.sc .sc-area__note {
  margin: 16px 0 0;
  max-width: var(--sc-prose);
  font-size: 13.1px;
  line-height: 1.5;
  color: var(--sla-muted);
}

/* ── Process ────────────────────────────────────────────── */
.sc .sc-process { border-top: 1px solid var(--sla-line); }

.sc .sc-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: none;
}

.sc .sc-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 25.6px 22.4px 24px;
  background: linear-gradient(180deg, #fff 0%, var(--sla-paper) 100%);
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
  overflow: hidden;
}

.sc .sc-step__n {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--sla-accent);
}

.sc .sc-step h3 {
  margin: 0;
  font-size: 19.2px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.sc .sc-step p {
  margin: 0;
  font-size: 15.2px;
  line-height: 1.55;
  color: var(--sla-muted);
}

/* ── Compare ────────────────────────────────────────────── */
.sc .sc-compare {
  background: var(--sla-paper);
  border-top: 1px solid var(--sla-line);
}

.sc .sc-compare__table {
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
  background: #fff;
  overflow: hidden;
}

.sc .sc-compare__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.3fr);
  border-top: 1px solid var(--sla-line);
}

.sc .sc-compare__row--head { border-top: 0; background: var(--sla-paper); }

.sc .sc-compare__row > div {
  padding: 16.8px 20px;
  font-size: 15.2px;
  line-height: 1.5;
  color: var(--sla-muted);
}

.sc .sc-compare__row--head > div {
  font-size: 11.8px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sla-muted);
}

.sc .sc-compare__label {
  font-weight: 800;
  color: var(--sla-ink);
  letter-spacing: -0.01em;
}

.sc .sc-compare__row > .sc-compare__us {
  color: var(--sla-ink);
  font-weight: 600;
  background: #fff7f2;
  border-left: 3px solid var(--sla-brand);
}

.sc .sc-compare__row--head > .sc-compare__us { color: var(--sla-brand-dark); }

/* ── FAQ ────────────────────────────────────────────────── */
.sc .sc-faq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13.6px;
  align-items: start;
}

.sc .sc-faq__item {
  padding: 16px 18.4px;
  background: #fff;
  border: 1px solid var(--sla-line);
  border-radius: var(--sla-radius);
}

.sc .sc-faq__item summary {
  position: relative;
  padding-right: 32px;
  list-style: none;
  cursor: pointer;
  font-size: 16.3px;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.35;
}

.sc .sc-faq__item summary::-webkit-details-marker { display: none; }

.sc .sc-faq__item summary::after {
  content: '+';
  position: absolute;
  right: 1.6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22.4px;
  font-weight: 500;
  color: var(--sla-accent);
  line-height: 1;
}

.sc .sc-faq__item[open] summary::after { content: '−'; }

.sc .sc-faq__item p {
  margin: 12.8px 0 0;
  max-width: var(--sc-prose);
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--sla-muted);
}

/* ── Final CTA ──────────────────────────────────────────── */
.sc .sc-cta {
  padding: var(--sc-section-y) 0;
  color: #fff;
  background:
    radial-gradient(800px 380px at 15% 0%, rgba(255, 154, 82, 0.14), transparent 60%),
    linear-gradient(135deg, #17181c 0%, #24262c 100%);
}

.sc .sc-cta__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}

.sc .sc-cta h2 {
  margin: 0 0 16px;
  font-size: clamp(28.8px, 3.2vw, 41.6px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
  color: #fff;
}

.sc .sc-cta__copy > p {
  margin: 0;
  max-width: 50ch;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
}

.sc .sc-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.sc .sc-cta__contact {
  margin: 0;
  padding: 24px 25.6px;
  font-style: normal;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--sla-radius);
}

.sc .sc-cta__contact p {
  display: flex;
  flex-direction: column;
  gap: 2.4px;
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 16px;
  line-height: 1.45;
  color: #fff;
}

.sc .sc-cta__contact p:first-child { border-top: 0; padding-top: 0; }
.sc .sc-cta__contact p:last-child { padding-bottom: 0; }

.sc .sc-cta__contact span {
  font-size: 11.2px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

#sla-advice.sc .sc-cta__contact a { color: var(--sla-brand); font-weight: 700; }
#sla-advice.sc .sc-cta__contact a:hover { text-decoration: underline; }

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .sc .sc-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sc .sc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc .sc-segments__grid { grid-template-columns: 1fr; }
  .sc .sc-segment { max-width: 832px; }
}

@media (max-width: 900px) {
  .sc .sc-area__grid,
  .sc .sc-area__cols,
  .sc .sc-cta__grid { grid-template-columns: 1fr; }
  #sla-advice.sc .sc-area__media img { position: static; height: auto; max-height: none; aspect-ratio: 3 / 2; }
  .sc .sc-area--split-reverse .sc-area__media { order: 0; }
  .sc .sc-area--split-reverse .sc-area__body { order: 0; }
  .sc .sc-area__banner img { aspect-ratio: 16 / 9; }
  .sc .sc-faq__list { grid-template-columns: 1fr; }
  .sc .sc-compare__row { grid-template-columns: 1fr; }
  .sc .sc-compare__row--head { display: none; }
  .sc .sc-compare__row > div { padding: 12.8px 17.6px; }
  .sc .sc-compare__label { padding-bottom: 4px !important; }
  .sc .sc-compare__row > .sc-compare__us::before,
  .sc .sc-compare__row > .sc-compare__them::before {
    display: block;
    margin-bottom: 2.4px;
    font-size: 10.6px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--sla-muted);
  }
  .sc .sc-compare__row > .sc-compare__us::before { content: 'Sintech Lighting'; color: var(--sla-brand-dark); }
  .sc .sc-compare__row > .sc-compare__them::before { content: 'Online marketplace'; }
  .sc .sc-hero { min-height: clamp(448px, 80vh, 640px); }
}

@media (max-width: 640px) {
  .sc .sc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10.4px; }
  .sc .sc-products--alt .sc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc .sc-card__body { padding: 12px 12.8px 13.6px; }
  .sc .sc-card__name { font-size: 13.8px; }
  .sc .sc-card__badge { font-size: 9.6px; padding: 4px 8px; }
  .sc .sc-steps { grid-template-columns: 1fr; }
  .sc .sc-hero__actions .sla-btn,
  .sc .sc-cta__actions .sla-btn { width: 100%; }
  .sc .sc-facts { gap: 8px 24px; }
  .sc .sc-facts li { flex: 1 1 40%; }
  .sc .sc-area__foot .sla-btn { width: 100%; }
  .sc .sc-area__ask { margin-left: 0; }
  .sc .sc-area__banner img { aspect-ratio: 4 / 3; }
  .sc .sc-area__banner-cap { position: static; padding: 17.6px 0 0; background: none; color: inherit; }
  .sc .sc-area__banner-cap .sla-eyebrow--light { color: var(--sla-accent); }
  .sc .sc-area__banner-cap .sc-area__title { color: inherit; }
  .sc .sc-area__banner { box-shadow: none; background: none; }
  .sc .sc-area__banner img { border-radius: var(--sla-radius); }
}

@media (max-width: 400px) {
  .sc .sc-card__body { padding: 10px 10px 12px; }
  .sc .sc-card__name { font-size: 12.8px; }
  .sc .sc-card__price { font-size: 13px; }
  .sc .sc-card__brand { font-size: 10px; }
  .sc .sc-card__badge { font-size: 9px; padding: 3px 7px; left: 8px; top: 8px; }
}

/* ── Motion ─────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .sc .sc-card,
  .sc .sc-card__media img,
  .sc .sc-nav__track a { transition: none; }
  .sc .sc-card:hover { transform: none; }
  .sc .sc-card:hover .sc-card__media img { transform: none; }
}