@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap");

:root {
  --black: #050606;
  --surface: #080a0c;
  --panel: #0d1115;
  --panel-2: #11161c;
  --ink: #f2f4f3;
  --muted: #aeb7c4;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.22);
  --accent: #f55625;
  --focus: #0082d6;
  --glow: #dff3ef;
  --im: #f55625;
  --studio: #1e3a8a;
  --neon-a: #00e873;
  --neon-b: #0099ff;
  --neon-c: #ff00b8;
  --radius: 8px;
  --font-sans: "Manrope", "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --type-h1: clamp(48px, 5vw, 72px);
  --type-h2: clamp(24px, 2.4vw, 40px);
  --type-h3: clamp(22px, 2vw, 32px);
  --type-body: 16px;
  --type-caption: 13px;
}

/* 2026-07-01 queues: monitor-type category products, support tile, and Space Lit layout. */
.monitor-type-category-list {
  display: grid;
  gap: 24px;
  max-width: 1600px;
  margin: 28px auto 0;
}

.monitor-type-category {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: 20px;
  padding: 22px;
  border: 1px solid #dfe5e9;
  background: #fff;
}

.monitor-type-category-head {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 230px;
  padding: 28px;
  background: #f6f8f9;
}

.monitor-type-category-head h2 {
  margin: 0;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.05;
}

.monitor-type-category-head p {
  margin: 8px 0 0;
  color: #53606d;
  font-size: var(--type-small);
  line-height: 1.45;
}

.monitor-type-category-head span {
  color: #5d6875;
  font-size: var(--type-caption);
  font-weight: 800;
  text-transform: uppercase;
}

.monitor-type-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.monitor-type-product-grid-compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 650px;
}

.monitor-type-product-card {
  display: grid;
  grid-template-rows: 132px auto auto 1fr;
  gap: 9px;
  min-height: 260px;
  padding: 14px;
  border: 1px solid #dfe5e9;
  background: #fbfbfb;
  color: #15171a;
}

.monitor-type-product-card:hover {
  border-color: #b8c2cc;
}

.monitor-type-product-card img {
  width: 100%;
  height: 132px;
  object-fit: contain;
  background: #f1f3f4;
}

.monitor-type-product-card strong {
  color: #14181d;
  font-size: var(--type-small);
  line-height: 1.22;
}

.monitor-type-product-card span {
  color: #566370;
  font-size: var(--type-caption);
  font-weight: 700;
  line-height: 1.35;
}

.monitor-type-product-card em {
  align-self: end;
  color: var(--accent);
  font-size: var(--type-caption);
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.monitor-type-spec {
  position: static;
  max-height: none;
  border-color: #d9dde1;
  background: #f7f8f8;
  color: #53606d;
  backdrop-filter: none;
}

.support-entry {
  grid-column: 1 / -1;
  grid-template-columns: minmax(360px, 0.56fr) minmax(320px, 0.44fr);
  align-items: center;
  gap: 28px;
  min-height: 430px;
  padding: 54px 58px 92px;
  border: 0;
  background:
    linear-gradient(120deg, rgba(0, 141, 255, 0.18), transparent 52%),
    linear-gradient(135deg, #06172c 0%, #072f62 56%, #06172c 100%);
  color: #fff;
}

.support-entry::before {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 24px;
  left: 28px;
  height: 82px;
  border: 1px solid rgba(0, 174, 255, 0.22);
  background:
    linear-gradient(90deg, transparent 0 33%, rgba(255,255,255,0.16) 33% calc(33% + 1px), transparent calc(33% + 1px) 66%, rgba(255,255,255,0.16) 66% calc(66% + 1px), transparent calc(66% + 1px)),
    rgba(4, 48, 93, 0.48);
}

.support-entry::after {
  right: 34px;
  bottom: 20px;
  left: 34px;
  width: auto;
  height: 2px;
  background: linear-gradient(90deg, transparent 8%, rgba(245, 86, 37, 0.85) 16%, transparent 24%, transparent 43%, rgba(245, 86, 37, 0.85) 50%, transparent 57%, transparent 76%, rgba(245, 86, 37, 0.85) 84%, transparent 92%);
  box-shadow: none;
}

.support-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 18px;
}

.support-entry .entry-kicker {
  color: #15b9ff;
  font-size: var(--type-small);
}

.support-entry h2 {
  max-width: 560px;
  color: #fff;
  font-size: 56px;
  line-height: 1.02;
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
}

.support-entry p {
  max-width: 620px;
  color: rgba(238, 246, 255, 0.82);
  font-size: 24px;
  line-height: 1.45;
}

.support-entry strong {
  display: inline-block;
  margin: 18px 0 0;
  color: #fff;
  font-weight: 900;
}

.support-entry strong::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 12px;
  border: 3px solid #ff5b24;
  border-radius: 50%;
  vertical-align: -3px;
  box-shadow: 10px 10px 0 -8px #ff5b24;
}

.support-entry strong::after {
  content: " ->";
  margin-left: 12px;
  color: #ff5b24;
}

.support-visual {
  position: relative;
  z-index: 1;
  min-height: 300px;
}

.support-orbit {
  position: absolute;
  inset: 50%;
  border: 1px solid rgba(27, 146, 255, 0.24);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.orbit-one {
  width: 290px;
  height: 290px;
}

.orbit-two {
  width: 210px;
  height: 210px;
}

.orbit-three {
  width: 130px;
  height: 130px;
  background: rgba(0, 98, 214, 0.18);
}

.support-symbol {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 112px;
  height: 92px;
  border: 7px solid rgba(238, 248, 255, 0.95);
  border-bottom: 0;
  border-radius: 80px 80px 0 0;
  transform: translate(-50%, -50%);
}

.support-symbol::before,
.support-symbol::after {
  content: "";
  position: absolute;
  bottom: -28px;
  width: 24px;
  height: 42px;
  border-radius: 9px;
  background: linear-gradient(180deg, #fff, #bfe9ff);
}

.support-symbol::before {
  left: -10px;
}

.support-symbol::after {
  right: -10px;
}

.support-visual::after {
  content: "";
  position: absolute;
  left: calc(50% + 22px);
  top: calc(50% + 48px);
  width: 52px;
  height: 8px;
  border-radius: 999px;
  background: #d8f4ff;
  transform: translateX(-50%);
}

.brand-entry {
  grid-column: 1 / -1;
  grid-template-columns: minmax(320px, 0.45fr) minmax(360px, 0.55fr);
  justify-items: stretch;
  align-items: center;
  gap: 34px;
  min-height: 430px;
  padding: 48px 56px 84px;
  border: 0;
  background: linear-gradient(100deg, #fff 0%, #f8fbfd 56%, #eef5f9 100%);
  text-align: left;
}

.brand-entry::after {
  right: 0;
  bottom: 42px;
  left: 52%;
  width: auto;
  background: linear-gradient(90deg, transparent, rgba(245, 86, 37, 0.68), transparent);
}

.brand-entry-copy {
  display: grid;
  gap: 20px;
  align-content: center;
}

.brand-entry .entry-kicker {
  color: #ff5b24;
  font-weight: 850;
}

.brand-entry h2 {
  max-width: 520px;
  color: #0a2144;
  font-size: 42px;
  line-height: 1.08;
  font-weight: 850;
}

.brand-entry p {
  max-width: 510px;
  color: #26384d;
  font-size: var(--type-body);
  line-height: 1.62;
}

.brand-value-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.brand-value-row span {
  position: relative;
  min-height: 74px;
  padding: 34px 14px 0 0;
  border-right: 1px solid rgba(10, 33, 68, 0.18);
  color: #0a2144;
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1.25;
}

.brand-value-row span:last-child {
  border-right: 0;
}

.brand-value-row span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #0a2144;
}

.brand-value-row span:nth-child(1)::before {
  border-radius: 50%;
  box-shadow: inset 0 0 0 7px #fff, inset 0 0 0 9px #0a2144;
}

.brand-value-row span:nth-child(2)::before {
  border-radius: 2px;
  border-bottom-width: 6px;
}

.brand-value-row span:nth-child(3)::before {
  width: 20px;
  height: 20px;
  border: 0;
  background:
    linear-gradient(#0a2144, #0a2144) 50% 0 / 2px 20px no-repeat,
    linear-gradient(90deg, #0a2144, #0a2144) 0 50% / 20px 2px no-repeat;
  transform: rotate(45deg);
}

.space-lit-diagram {
  position: relative;
  min-height: 310px;
}

.diagram-monitor {
  position: absolute;
  left: 15%;
  right: 8%;
  top: 34%;
  height: 118px;
  border: 1px solid rgba(255, 91, 36, 0.35);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(246,250,252,0.86));
}

.diagram-front-light {
  position: absolute;
  left: 20%;
  right: 12%;
  top: 26%;
  height: 8px;
  border: 1px solid #8da6bf;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 130, 214, 0.18);
}

.diagram-stand {
  position: absolute;
  left: 46%;
  bottom: 20%;
  width: 78px;
  height: 50px;
  border: 1px solid rgba(255, 91, 36, 0.32);
  border-top: 0;
}

.diagram-stand::after {
  content: "";
  position: absolute;
  left: -78px;
  right: -120px;
  bottom: -12px;
  height: 1px;
  background: rgba(255, 91, 36, 0.34);
}

.diagram-desk {
  position: absolute;
  left: 3%;
  right: 0;
  bottom: 18%;
  height: 1px;
  background: rgba(255, 91, 36, 0.32);
}

.diagram-glow {
  position: absolute;
  left: 18%;
  right: 8%;
  bottom: 12%;
  height: 80px;
  background: linear-gradient(180deg, rgba(245, 86, 37, 0.16), transparent);
  clip-path: polygon(18% 0, 86% 0, 100% 100%, 0 100%);
}

.diagram-label {
  position: absolute;
  color: #0a2144;
  font-size: var(--type-caption);
  font-weight: 800;
}

.diagram-label.front {
  left: 44%;
  top: 17%;
}

.diagram-label.ambient {
  left: 33%;
  top: 45%;
}

.diagram-label.space {
  left: 48%;
  bottom: 14%;
}

@media (max-width: 1120px) {
  .monitor-type-category,
  .support-entry,
  .brand-entry {
    grid-template-columns: 1fr;
  }

  .monitor-type-product-grid,
  .monitor-type-product-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }

  .support-visual {
    min-height: 240px;
  }
}

@media (max-width: 760px) {
  .monitor-type-category {
    padding: 14px;
  }

  .monitor-type-category-head,
  .monitor-type-product-grid,
  .monitor-type-product-grid-compact,
  .brand-value-row {
    grid-template-columns: 1fr;
  }

  .monitor-type-product-card {
    grid-template-rows: 150px auto auto 1fr;
  }

  .monitor-type-product-card img {
    height: 150px;
  }

  .support-entry,
  .brand-entry {
    padding: 34px 24px 76px;
  }

  .support-entry h2,
  .brand-entry h2 {
    font-size: var(--type-h2);
  }

  .support-entry p {
    font-size: var(--type-body);
  }

  .brand-value-row span {
    border-right: 0;
    border-bottom: 1px solid rgba(10, 33, 68, 0.14);
  }

  .space-lit-diagram {
    min-height: 260px;
  }
}

* {
  box-sizing: border-box;
}

*,
*::before,
*::after,
button,
input,
select,
textarea,
svg text {
  font-family: var(--font-sans);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

[id] {
  scroll-margin-top: 96px;
}

body {
  margin: 0;
  background: #fff;
  color: #111;
  font-family: var(--font-sans);
  letter-spacing: 0;
}

body::before {
  display: none;
}

main {
  overflow: hidden;
  background: #fff;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  font: inherit;
}

.storefront-top-banner {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 5 / 1;
  min-height: 150px;
  max-height: 600px;
  overflow: hidden;
  background: #050606;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.storefront-top-banner img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 48%;
}

.storefront-top-banner .top-banner-bg {
  position: absolute;
  inset: 0;
}

.top-banner-lockup {
  position: absolute;
  top: 27%;
  left: 50%;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 15px;
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--type-small);
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 10px 32px rgba(0, 0, 0, 0.68);
  transform: translateX(-50%);
}

.storefront-top-banner .top-banner-logo {
  width: 158px;
  height: auto;
  max-width: min(158px, 28vw);
  object-fit: contain;
}

.banner-spec {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 12px;
  left: auto;
  max-width: min(620px, calc(100% - 36px));
  margin: 0;
}

.store-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #d7dde1;
  color: #111;
  backdrop-filter: blur(18px);
}

.header-main {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(640px, 980px) minmax(24px, 56px);
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 72px;
  padding: 8px 28px;
}

.brand-cluster {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.brand-img {
  flex: 0 0 auto;
}

.brand-img img {
  width: 158px;
  height: auto;
}

.store-follow-cluster {
  display: grid;
  justify-items: center;
  gap: 6px;
}

.store-name {
  color: #111;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
}

.follow-button {
  flex: 0 0 auto;
  min-width: 96px;
  min-height: 38px;
  padding: 0 22px;
  border: 1px solid #d8dde1;
  border-radius: 8px;
  background: #f7f8f8;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  color: #15171a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}

.follow-button:hover {
  background: #fff;
  border-color: rgba(245, 86, 37, 0.58);
}

.header-balance {
  display: block;
}

.primary-nav {
  display: grid;
  grid-template-columns: repeat(6, max-content);
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  white-space: nowrap;
  color: #111;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.primary-item {
  position: relative;
  display: grid;
  place-items: center;
}

.primary-nav > a,
.primary-item > a {
  position: relative;
  text-align: center;
  padding: 18px 0 16px;
}

.primary-nav > a.active::after,
.primary-nav > a:hover::after,
.primary-item > a.active::after,
.primary-item:hover > a::after,
.primary-item:focus-within > a::after,
.primary-item.open > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  height: 2px;
  background: var(--accent);
}

.nav-dropdown {
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  z-index: 40;
  display: grid;
  gap: 2px;
  min-width: 220px;
  padding: 12px;
  border: 1px solid #d7dde1;
  border-top: 2px solid var(--accent);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  visibility: hidden;
}

.primary-item:last-child .nav-dropdown {
  right: 0;
  left: auto;
  transform: translate(0, 10px);
}

.primary-item:hover .nav-dropdown,
.primary-item:focus-within .nav-dropdown,
.primary-item.open .nav-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
  visibility: visible;
}

.primary-item:last-child:hover .nav-dropdown,
.primary-item:last-child:focus-within .nav-dropdown,
.primary-item:last-child.open .nav-dropdown {
  transform: translate(0, 0);
}

.nav-dropdown a {
  display: block;
  min-height: 34px;
  padding: 10px 12px;
  color: #4e5965;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.15;
  text-align: left;
  text-transform: uppercase;
}

.nav-dropdown a.active,
.nav-dropdown a:hover {
  color: #111;
  background: rgba(245, 86, 37, 0.1);
}

.secondary-nav.page-tabs {
  display: none;
}

.secondary-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 1180px;
  min-height: 48px;
  margin: 0 auto;
  padding: 6px 28px 8px;
  overflow-x: auto;
  scrollbar-width: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.secondary-nav::-webkit-scrollbar {
  display: none;
}

.secondary-nav > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  color: #aeb7c4;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
}

.secondary-nav > a.active,
.secondary-nav > a:hover {
  color: #fff;
}

.secondary-nav > a.active::after,
.secondary-nav > a:hover::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: var(--accent);
}

.nav-group {
  min-width: 150px;
  padding: 8px 12px 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.015);
}

.nav-group:first-child {
  border-left: 0;
}

.nav-group.active-group {
  background: linear-gradient(180deg, rgba(245, 86, 37, 0.13), rgba(255, 255, 255, 0.018));
}

.nav-parent {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
}

.nav-children {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.nav-children a {
  display: inline-flex;
  padding: 4px 0;
  color: #9da7b5;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
}

.nav-children a.active,
.nav-children a:hover,
.nav-parent:hover {
  color: var(--accent);
}

.brand-hero {
  position: relative;
  display: grid;
  min-height: 340px;
  padding: 46px 32px 58px;
  overflow: hidden;
  place-items: center;
  text-align: center;
  background:
    linear-gradient(90deg, rgba(0, 130, 214, 0.16), transparent 42%, rgba(245, 86, 37, 0.16)),
    linear-gradient(180deg, #080909, #020303);
}

.compact-hero {
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 0.66fr);
  gap: 44px;
  padding-left: 64px;
  padding-right: 64px;
  text-align: left;
}

.home-hero {
  min-height: 292px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(0, 130, 214, 0.18), rgba(0, 0, 0, 0.36) 34%, rgba(245, 86, 37, 0.14) 100%),
    linear-gradient(180deg, #090a0a, #020303);
}

.home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 68px;
  background: linear-gradient(180deg, transparent, rgba(5, 6, 6, 0.96));
  pointer-events: none;
}

.hero-logo {
  position: relative;
  z-index: 2;
  width: 300px;
  filter: drop-shadow(0 24px 60px rgba(0, 0, 0, 0.55));
}

.hero-copy {
  position: relative;
  z-index: 2;
  max-width: 840px;
}

.hero-kicker {
  margin: 0 0 9px !important;
  color: #f1f5f4 !important;
  font-size: 13px !important;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.brand-hero h1 {
  margin: 0 0 18px;
  font-size: clamp(52px, 5.2vw, 82px);
  line-height: 0.9;
  font-weight: 900;
}

.brand-hero p {
  margin: 0;
  max-width: 670px;
  color: #d7dce4;
  font-size: 18px;
  line-height: 1.55;
}

.light-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.light-lines span {
  position: absolute;
  left: 50%;
  width: 78%;
  height: 2px;
  border-radius: 999px;
  transform: translateX(-50%);
  opacity: 0.7;
}

.focus-line {
  top: 24%;
  background: var(--focus);
  box-shadow: 0 0 48px var(--focus);
}

.glow-line {
  top: 50%;
  background: var(--glow);
  box-shadow: 0 0 64px var(--glow);
}

.im-line {
  bottom: 18%;
  background: linear-gradient(90deg, var(--im), var(--neon-c), var(--neon-b), var(--neon-a));
  box-shadow: 0 0 70px rgba(255, 0, 184, 0.48);
}

.section-intro,
.category-hero {
  display: grid;
  gap: 18px;
  max-width: 930px;
}

.centered-intro {
  max-width: none;
  justify-items: center;
  margin: 0 auto 34px;
  text-align: center;
}

.find-light-home h1,
.category-hero h1 {
  margin: 0;
  font-size: var(--type-h1);
  line-height: 1.05;
  font-weight: 800;
}

.section-intro h2,
.deal-copy h2,
.find-light-home h2,
.filter-copy h2,
.finder-secondary h2,
.filter-column h2,
.series-detail-copy h2 {
  margin: 0;
  font-size: var(--type-h2);
  line-height: 1.2;
  font-weight: 700;
}

.section-intro p,
.deal-copy p,
.find-light-home p,
.category-hero p,
.filter-copy p,
.finder-secondary p,
.filter-column p,
.series-detail-copy p,
.setup-card p,
.support-card p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
}

.split-intro {
  max-width: none;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.75fr);
  align-items: end;
}

.small-label {
  margin: 0;
  color: #909aaa;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ops-note,
.module-note {
  max-width: 860px;
  padding: 10px 12px;
  border: 1px solid rgba(245, 86, 37, 0.35);
  border-radius: var(--radius);
  background: rgba(245, 86, 37, 0.08);
  color: #d9b5aa;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 40px;
  margin-top: 28px;
  padding: 0 18px;
  border: 1px solid currentColor;
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.button.primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.button.secondary-dark {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.44);
}

.asset-spec {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 8px;
  z-index: 5;
  display: block;
  max-height: 34px;
  overflow: hidden;
  padding: 5px 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(5, 6, 6, 0.78);
  color: #b8c0c8;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

.asset-spec::before,
.stack-list span em::before,
.shape-row span em::before {
  content: "亚马逊官网要求尺寸规范和格式要求：";
  color: var(--accent);
}

.hero-spec {
  left: 64px;
  right: 64px;
  bottom: 18px;
}

.storefront-top-banner .banner-spec {
  right: 18px;
  bottom: 12px;
  left: auto;
  width: min(560px, calc(100% - 36px));
  max-height: 28px;
  padding: 4px 7px;
  font-size: 8.5px;
  text-align: right;
}

.desk-scene-collage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-height: 252px;
  overflow: hidden;
  background: #fff;
  border-bottom: 16px solid #fff;
}

.desk-scene-collage::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 46px;
  left: 0;
  height: 5px;
  background: rgba(255, 255, 255, 0.92);
  pointer-events: none;
}

.scene-panel {
  position: relative;
  min-height: 252px;
  margin: 0;
  overflow: hidden;
  background: #f5f5f3;
}

.scene-panel img {
  width: 100%;
  height: 100%;
  min-height: 252px;
  object-fit: cover;
}

.scene-panel:nth-child(1) img {
  object-position: 50% 48%;
}

.scene-panel:nth-child(2) img {
  object-position: 50% 52%;
}

.scene-panel:nth-child(3) img {
  object-position: 50% 50%;
}

.scene-panel:nth-child(4) img {
  object-position: 62% 50%;
}

.collage-spec {
  right: 18px;
  bottom: 18px;
  left: auto;
  width: min(720px, calc(100% - 36px));
  text-align: right;
}

.home-entry-section {
  padding: 0 clamp(18px, 3vw, 48px) 76px;
  background: #fff;
}

.home-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: 1760px;
  margin: 0 auto;
}

.home-entry-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 310px;
  padding: 34px 36px 58px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f6f7f6;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.home-entry-card:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) {
  border-color: rgba(9, 17, 24, 0.08);
  background:
    linear-gradient(135deg, rgba(0, 130, 214, 0.08), transparent 58%),
    #f6f8fa;
}

.home-entry-card:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) h2 {
  color: #0d1115;
}

.home-entry-card:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) p,
.home-entry-card:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) .entry-kicker {
  color: #4e5a68;
}

.home-entry-card:hover {
  border-color: rgba(0, 0, 0, 0.13);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.13);
  transform: translateY(-2px);
}

.home-entry-card h2 {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.2;
  font-weight: 700;
}

.home-entry-card p {
  position: relative;
  z-index: 2;
  max-width: 680px;
  margin: 0;
  color: #4e5a68;
  font-size: var(--type-body);
  line-height: 1.5;
}

.entry-kicker {
  position: relative;
  z-index: 2;
  color: #6b7480;
  font-size: var(--type-caption);
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

.entry-cta {
  position: relative;
  z-index: 2;
  align-self: end;
  width: fit-content;
  margin-top: auto;
  padding-top: 18px;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.entry-cta::after {
  content: " ->";
  color: var(--accent);
}

.featured-entry {
  min-height: 340px;
  grid-template-columns: minmax(220px, 0.92fr) minmax(240px, 0.8fr);
  grid-template-rows: 1fr auto;
  gap: 18px 28px;
  align-content: stretch;
  padding: 32px 36px 62px;
  border: 1px solid rgba(245, 86, 37, 0.22);
  background:
    radial-gradient(ellipse at 92% 8%, rgba(0, 130, 214, 0.11), transparent 36%),
    radial-gradient(ellipse at 4% 100%, rgba(245, 86, 37, 0.14), transparent 44%),
    #fffaf5;
  text-align: left;
}

.featured-entry::before {
  display: none;
}

.featured-copy-block {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  gap: 14px;
}

.featured-pill,
.featured-mini-card em {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 3px;
  background: var(--accent);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.featured-entry h2 {
  width: auto;
  max-width: 340px;
  color: #111 !important;
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 0.96;
  font-weight: 800;
  text-align: left;
}

.featured-copy-block p {
  max-width: 330px;
  color: #3f4752;
  font-size: 15px;
  line-height: 1.5;
}

.featured-shop {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  margin-top: 4px;
  padding: 0 20px;
  border: 0;
  border-radius: 4px;
  background: var(--accent);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.featured-shop::after {
  content: " ->";
  margin-left: 5px;
}

.featured-mini-stack {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  align-content: center;
}

.featured-mini-card {
  display: grid;
  grid-template-columns: minmax(120px, 0.9fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: 4px 12px;
  min-height: 112px;
  padding: 12px;
  border: 1px solid rgba(245, 86, 37, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 30px rgba(20, 29, 38, 0.08);
}

.featured-mini-card em {
  grid-column: 2;
  background: rgba(245, 86, 37, 0.12);
  color: var(--accent);
}

.featured-mini-card img {
  grid-row: 1 / 4;
  width: 100%;
  height: 88px;
  object-fit: contain;
}

.featured-mini-card strong {
  align-self: end;
  color: #111;
  font-size: 13px;
  line-height: 1.2;
}

.featured-mini-card small {
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
}

.featured-service-row {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid rgba(245, 86, 37, 0.13);
}

.featured-service-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4d5662;
  font-size: 12px;
  font-weight: 700;
}

.featured-service-row i {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 18px;
  color: var(--accent);
}

.service-truck {
  border: 1.7px solid currentColor;
  border-radius: 2px;
}

.service-truck::before,
.service-truck::after,
.service-return::before,
.service-shield::before,
.service-shield::after {
  content: "";
  position: absolute;
}

.service-truck::before {
  right: -6px;
  bottom: -1.7px;
  width: 7px;
  height: 10px;
  border: 1.7px solid currentColor;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

.service-truck::after {
  left: 3px;
  right: -4px;
  bottom: -6px;
  height: 5px;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
  border-radius: 999px;
}

.service-return {
  border: 1.8px solid currentColor;
  border-left-color: transparent;
  border-radius: 50%;
}

.service-return::before {
  left: -2px;
  top: 2px;
  width: 8px;
  height: 8px;
  border-left: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(35deg);
}

.service-shield {
  border: 1.8px solid currentColor;
  border-radius: 12px 12px 10px 10px;
  clip-path: polygon(50% 0, 100% 18%, 86% 100%, 50% 86%, 14% 100%, 0 18%);
}

.service-shield::after {
  left: 6px;
  top: 4px;
  width: 8px;
  height: 5px;
  border-left: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(-45deg);
}

.featured-entry::after,
.finder-entry::after,
.support-entry::after,
.brand-entry::after {
  content: "";
  position: absolute;
  right: -6%;
  bottom: 22%;
  width: 54%;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(245, 86, 37, 0.86), transparent);
  box-shadow: 0 0 32px rgba(245, 86, 37, 0.32);
}

.featured-entry::after {
  display: none;
}

.series-entry {
  min-height: 340px;
  align-content: start;
  padding: 36px 40px 58px;
  border: 0;
  color: #fff;
}

.series-entry.focus-entry {
  --entry-color: var(--focus);
  --entry-bg: #050606;
  --entry-text: #fff;
  --entry-muted: rgba(220, 228, 238, 0.78);
}

.series-entry.glow-entry {
  --entry-color: var(--glow);
  --entry-bg: #050606;
  --entry-text: #fff;
  --entry-muted: rgba(220, 228, 238, 0.78);
}

.series-entry.im-entry {
  --entry-color: var(--im);
  --entry-bg: #050606;
  --entry-text: #fff;
  --entry-muted: rgba(220, 228, 238, 0.78);
}

.series-entry.studio-entry {
  --entry-color: #1e58d6;
  --entry-bg: #050606;
  --entry-text: #fff;
  --entry-muted: rgba(220, 228, 238, 0.78);
}

.series-entry {
  background:
    radial-gradient(ellipse at 78% 78%, color-mix(in srgb, var(--entry-color) 20%, transparent), transparent 45%),
    #050606;
}

.series-entry h2 {
  max-width: 390px;
  color: var(--entry-text);
  text-transform: none;
}

.series-lockup {
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: none;
  text-transform: uppercase;
}

.series-lockup img {
  flex: 0 0 auto;
  width: clamp(116px, 10vw, 138px);
  height: auto;
}

.series-lockup span {
  color: var(--entry-color);
  font-size: clamp(24px, 2.4vw, 38px);
  line-height: 1;
  font-weight: 700;
}

.series-lockup-on-dark {
  color: #fff;
}

.glow-lockup span {
  color: var(--glow);
}

.im-lockup span {
  color: var(--im);
}

.studio-lockup span {
  color: var(--studio);
}

.series-lockup-on-light {
  max-width: 720px;
}

.series-lockup-on-light img {
  width: clamp(162px, 16vw, 230px);
}

.series-lockup-on-light span {
  color: var(--entry-color, var(--focus));
  font-size: clamp(28px, 3.1vw, 48px);
}

.series-page-copy .focus-lockup {
  --entry-color: var(--focus);
}

.series-page-copy .glow-lockup {
  --entry-color: #8fb7ad;
}

.series-page-copy .im-lockup {
  --entry-color: var(--im);
}

.series-page-copy .studio-lockup,
.studio-copy .studio-lockup {
  --entry-color: var(--studio);
}

.series-entry p,
.series-entry .entry-kicker {
  max-width: 380px;
  color: var(--entry-muted);
}

.series-entry .entry-cta {
  color: var(--entry-text);
}

.series-entry .entry-cta::after {
  color: currentColor;
}

.series-product-img {
  position: absolute;
  right: -4%;
  bottom: 20px;
  z-index: 1;
  width: 58%;
  height: 56%;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.26));
  pointer-events: none;
}

.desk-series-entry {
  display: grid;
  gap: 10px;
  width: min(1180px, 100%);
  margin: 0 auto 28px;
}

.desk-series-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.82fr);
  align-items: center;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(10, 24, 40, 0.12);
  border-radius: var(--radius);
  background:
    radial-gradient(ellipse at 80% 70%, rgba(47, 107, 255, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 34%),
    #050607;
  color: #fff;
  text-decoration: none;
}

.desk-series-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 16px;
  align-content: center;
  min-height: 100%;
  padding: 42px 48px;
}

.desk-series-copy p {
  max-width: 480px;
  margin: 0;
  color: rgba(220, 228, 238, 0.78);
  font-size: var(--type-body);
  line-height: 1.5;
}

.desk-series-card .entry-cta {
  color: #fff;
}

.desk-series-card .entry-cta::after {
  color: currentColor;
}

.desk-series-img {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: min(86%, 520px);
  max-height: 300px;
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.38));
}

@media (max-width: 760px) {
  .other-items-page {
    gap: 30px;
  }

  .other-items-summary {
    text-align: left;
  }

  .other-product-grid,
  .other-product-grid.single-product-row {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
  }

  .other-amazon-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .other-module-preview {
    min-height: 220px;
  }

  .other-product-copy {
    padding: 22px;
  }

  .other-collection-banner {
    min-height: 220px;
    padding: 30px 24px 46px;
  }

  .desk-series-entry {
    width: 100%;
  }

  .desk-series-card {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .desk-series-copy {
    padding: 30px 24px 16px;
  }

  .desk-series-img {
    width: min(86%, 320px);
    max-height: 210px;
    margin: 0 auto 28px;
  }
}

.focus-product-img,
.glow-product-img {
  right: -8%;
  bottom: 18px;
  width: 64%;
  height: 58%;
}

.im-product-img {
  right: -8%;
  bottom: 22px;
  width: 64%;
  height: 58%;
}

.studio-product-img {
  right: -6%;
  bottom: 10px;
  width: 70%;
  height: 62%;
}

.entry-line-img {
  position: absolute;
  right: 9%;
  bottom: 48px;
  left: 9%;
  z-index: 1;
  width: 82%;
  height: 42%;
  object-fit: contain;
  object-position: center bottom;
  opacity: 0.95;
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.finder-entry {
  background:
    radial-gradient(ellipse at 78% 32%, rgba(0, 130, 214, 0.18), transparent 38%),
    linear-gradient(135deg, rgba(0, 130, 214, 0.12), transparent 58%),
    #080a0c;
}

.finder-entry h2,
.finder-entry p,
.finder-entry .entry-kicker,
.finder-entry .entry-cta {
  color: #fff !important;
}

.finder-entry p,
.finder-entry .entry-kicker {
  color: rgba(220, 228, 238, 0.78) !important;
}

.support-entry {
  border: 0;
  align-content: center;
  min-height: 340px;
  background: #06365c;
}

.support-symbol {
  position: absolute;
  right: 42px;
  bottom: 74px;
  width: 142px;
  height: 142px;
  border: 13px solid rgba(0, 159, 230, 0.76);
  border-radius: 50%;
  opacity: 0.72;
}

.support-symbol::before,
.support-symbol::after {
  content: "";
  position: absolute;
  background: rgba(0, 153, 255, 0.72);
}

.support-symbol::before {
  top: 55px;
  left: -42px;
  width: 214px;
  height: 12px;
  transform: rotate(-18deg);
}

.support-symbol::after {
  top: 34px;
  left: 34px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.support-entry h2 {
  max-width: 460px;
  color: #11b7f3;
  font-size: clamp(36px, 3.2vw, 56px);
  line-height: 0.95;
  font-weight: 800;
}

.support-entry p,
.support-entry .entry-kicker {
  max-width: 430px;
  color: rgba(229, 242, 252, 0.78);
}

.support-entry .entry-cta {
  color: #fff;
}

.brand-entry {
  justify-items: center;
  align-content: center;
  border: 0;
  background: #fff;
  text-align: center;
}

.brand-entry h2,
.brand-entry p {
  max-width: 780px;
  color: #111;
}

.brand-entry .entry-kicker {
  color: #15171a;
}

.brand-entry .asset-spec {
  background: rgba(17, 17, 17, 0.78);
}

.quiet-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1760px;
  margin: 0 auto;
  padding: 34px clamp(20px, 3vw, 48px) 74px;
  background: #fff;
}

.quiet-proof-strip article {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 14px;
  min-height: 298px;
  padding: 28px 38px 22px;
  border-right: 1px solid #dfe4e8;
  text-align: center;
}

.quiet-proof-strip article:last-child {
  border-right: 0;
}

.quiet-proof-strip h2 {
  margin: 4px 0 0;
  color: #08182d;
  font-size: var(--type-h3);
  line-height: 1.16;
  font-weight: 850;
}

.quiet-proof-strip p {
  max-width: 280px;
  margin: 0;
  color: #1f2b3a;
  font-size: var(--type-body);
  line-height: 1.52;
}

.proof-icon {
  position: relative;
  display: block;
  width: 142px;
  height: 118px;
  color: #07172b;
}

.proof-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.proof-icon .proof-accent {
  stroke: var(--accent);
}

.proof-icon .proof-accent-fill {
  fill: #fff;
  stroke: var(--accent);
}

@media (max-width: 1120px) {
  .awards-section,
  .media-section,
  .share-section {
    --home-section-y: 72px;
    --home-section-title-gap: 32px;
    padding-top: var(--home-section-y);
    padding-bottom: var(--home-section-y);
  }

  .quiet-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quiet-proof-strip article:nth-child(2n) {
    border-right: 0;
  }

  .quiet-proof-strip article:nth-child(n + 3) {
    border-top: 1px solid #dfe4e8;
  }
}

@media (max-width: 760px) {
  .awards-section,
  .media-section,
  .share-section {
    --home-section-y: 56px;
    --home-section-title-gap: 28px;
    padding: var(--home-section-y) 18px;
  }

  .quiet-proof-strip {
    grid-template-columns: 1fr;
    padding: 18px 26px 58px;
  }

  .quiet-proof-strip article {
    min-height: auto;
    padding: 30px 0;
    border-right: 0;
    border-bottom: 1px solid #dfe4e8;
  }

  .quiet-proof-strip article:nth-child(n + 3) {
    border-top: 0;
  }

  .quiet-proof-strip article:last-child {
    border-bottom: 0;
  }

  .proof-icon {
    width: 124px;
    height: 104px;
  }
}

.share-section {
  display: grid;
  justify-items: center;
  align-content: center;
  padding: 88px clamp(28px, 5vw, 88px);
  background: #f5f6f7;
  color: #121416;
  text-align: center;
}

.share-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(374px, 100%);
  min-height: 50px;
  padding: 0 34px 0 58px;
  border: 1px solid #d7dce0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08);
  color: #111;
  font-size: 21px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 24px;
}

.share-button::before {
  content: "";
  position: absolute;
  left: 140px;
  top: 16px;
  width: 14px;
  height: 18px;
  border: 3px solid currentColor;
  border-top: 0;
  border-radius: 2px;
}

.share-button::after {
  content: "";
  position: absolute;
  left: 144px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-top: 3px solid currentColor;
  border-left: 3px solid currentColor;
  transform: rotate(45deg);
}

.share-section p {
  margin: 0;
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

.back-to-top {
  display: inline-grid;
  width: auto;
  min-height: auto;
  margin-top: 32px;
  padding: 0;
  place-items: center;
  background: transparent;
  color: #33495b;
  font-size: var(--type-small);
  font-weight: 700;
}

.deal-strip-section,
.series-navigator,
.find-light-home,
.setup-section,
.trust-section,
.category-page {
  padding: 76px clamp(28px, 5vw, 88px);
}

.deal-strip {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 0.58fr) minmax(0, 1.42fr);
  gap: 22px;
  align-items: stretch;
  max-width: 1540px;
  margin: 0 auto;
}

.deal-copy {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 438px;
  padding: 42px;
  overflow: hidden;
  border: 1px solid rgba(245, 86, 37, 0.42);
  background:
    radial-gradient(ellipse at 0% 0%, rgba(245, 86, 37, 0.28), transparent 50%),
    linear-gradient(135deg, rgba(245, 86, 37, 0.14), transparent 48%),
    var(--panel);
}

.deal-copy::after {
  content: "";
  position: absolute;
  inset: 0;
  border-left: 4px solid rgba(245, 86, 37, 0.9);
  pointer-events: none;
}

.deal-tags,
.countdown-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.deal-tags span {
  padding: 10px 15px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  color: #dce2ec;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.deal-tags span:first-child {
  border-color: var(--accent);
  color: #ffd7ca;
  background: rgba(245, 86, 37, 0.18);
}

.countdown-row span {
  min-width: 88px;
  padding: 16px;
  border: 1px solid var(--line);
  text-align: center;
  color: #909aaa;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.countdown-row strong {
  display: block;
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.countdown-row.compact {
  margin-top: 18px;
}

.countdown-row.compact span {
  min-width: 72px;
  padding: 12px;
}

.countdown-row.compact strong {
  font-size: 26px;
}

.amazon-card-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding-bottom: 48px;
  border: 1px solid var(--line);
  background: #f4f5f3;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.34);
}

.amazon-product-card {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 430px;
  padding: 16px;
  background: #f8f8f6;
  color: #16191f;
  border-left: 1px solid #e3e4e2;
}

.amazon-product-card:first-child {
  border-left: 0;
}

.amazon-product-media {
  display: grid;
  min-height: 178px;
  place-items: center;
  background: #fff;
  overflow: hidden;
}

.amazon-product-media img {
  width: 88%;
}

.amazon-product-card h3 {
  margin: 0;
  color: #15171a;
  font-size: 19px;
  line-height: 1.15;
}

.rating {
  margin: 0;
  color: #f28c00;
  font-size: 14px;
  font-weight: 800;
}

.rating span {
  color: #5f6368;
}

.price-line {
  margin: 4px 0 0;
  color: #15171a;
  font-size: 36px;
  font-weight: 800;
}

.price-line span {
  color: #cc0c39;
  font-weight: 400;
}

.price-line sup {
  font-size: 18px;
}

.deal-chip {
  width: fit-content;
  margin: 0;
  padding: 7px 10px;
  border-radius: 5px;
  background: #cc0c39;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.prime {
  margin: 0;
  color: #007eb9;
  font-size: 18px;
  font-weight: 900;
}

.merchandising-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}

.merch-module {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 260px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
    var(--panel);
}

.merch-module.wide {
  grid-column: 1 / -1;
  min-height: 0;
}

.merch-module.optional {
  border-color: rgba(245, 86, 37, 0.38);
}

.module-head {
  display: grid;
  gap: 10px;
  max-width: 820px;
}

.module-head span,
.merch-module > span,
.merch-module strong {
  color: #909aaa;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.module-head h2,
.merch-module h2 {
  margin: 0;
  color: #fff;
  font-size: 38px;
  line-height: 1;
}

.module-head p,
.merch-module p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.module-products {
  margin-top: 12px;
}

.series-navigator {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.004) 42%, transparent),
    var(--black);
}

.series-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.series-item {
  --card-color: var(--focus);
  --soft: rgba(0, 130, 214, 0.18);
  position: relative;
  display: block;
  aspect-ratio: 2.36 / 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 0;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 255, 255, 0.13), transparent 32%),
    linear-gradient(180deg, transparent 0 56%, rgba(0, 0, 0, 0.72) 56% 100%),
    #050606;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.series-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, var(--soft), transparent 50%),
    radial-gradient(ellipse at 50% 78%, var(--soft), transparent 48%),
    radial-gradient(ellipse at 50% 112%, rgba(0, 0, 0, 0.84), transparent 54%);
}

.series-item:hover {
  border-color: var(--card-color);
  box-shadow: 0 26px 68px rgba(0, 0, 0, 0.48), 0 0 0 1px var(--soft);
  transform: translateY(-2px);
}

.series-item.focus {
  --card-color: var(--focus);
  --soft: rgba(0, 130, 214, 0.18);
  --line-left: 11%;
  --line-width: 78%;
}

.series-item.glow {
  --card-color: var(--glow);
  --soft: rgba(223, 243, 239, 0.16);
  --line-left: 8%;
  --line-width: 84%;
}

.series-item.im {
  --card-color: var(--im);
  --soft: rgba(245, 86, 37, 0.18);
  --line-left: 7%;
  --line-width: 86%;
}

.series-item.studio {
  --card-color: var(--studio);
  --soft: rgba(30, 58, 138, 0.22);
  --line-left: 3.5%;
  --line-width: 93%;
}

.series-line-img {
  position: absolute;
  left: var(--line-left, 8%);
  bottom: 7%;
  width: var(--line-width, 84%);
  height: 42%;
  object-fit: contain;
  object-position: center bottom;
  opacity: 0.98;
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.series-card-text {
  position: absolute;
  top: 23%;
  left: 8%;
  right: 8%;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.95), 0 0 18px rgba(0, 0, 0, 0.82);
}

.series-name {
  color: var(--card-color);
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.series-copy {
  color: #d5dde1;
  font-size: 15px;
  line-height: 1.35;
}

.find-light-home {
  display: grid;
  grid-template-columns: minmax(320px, 0.48fr) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  border-top: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 50%),
    linear-gradient(180deg, transparent, rgba(0, 130, 214, 0.06));
}

.finder-page-lead {
  margin-bottom: 56px;
  padding: 0 0 24px;
  border-top: 0;
}

.finder-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.finder-entry-grid.large {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.finder-entry-card,
.setup-card,
.support-card,
.placeholder-card,
.subnav-card,
.mini-product-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)), var(--panel);
  border-radius: var(--radius);
}

.finder-entry-card {
  display: grid;
  gap: 14px;
  min-height: 220px;
  padding: 28px;
  transition: border-color 180ms ease, transform 180ms ease;
}

.finder-entry-card:hover {
  border-color: rgba(245, 86, 37, 0.52);
  transform: translateY(-2px);
}

.finder-entry-card span,
.setup-card span,
.support-card span {
  color: #909aaa;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.finder-entry-card strong {
  display: block;
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
}

.finder-entry-card p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.48;
}

.finder-entry-card a,
.setup-card a {
  align-self: end;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.setup-card-grid,
.support-card-grid,
.more-grid,
.product-card-grid,
.deal-feature-grid {
  display: grid;
  gap: 18px;
}

.setup-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 32px;
}

.setup-card {
  display: grid;
  min-height: 220px;
  gap: 12px;
  padding: 28px;
}

.setup-card h3,
.support-card h3,
.mini-product-card strong {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 1.05;
}

.trust-section,
.awards-section,
.media-section {
  position: relative;
  border-top: 1px solid #edf0f2;
  background: #fff;
  color: #111;
}

.awards-section,
.media-section {
  --home-section-y: 88px;
  --home-section-title-gap: 40px;
  padding: var(--home-section-y) clamp(28px, 5vw, 88px);
}

.awards-section .section-intro,
.media-section .section-intro {
  margin: 0 0 var(--home-section-title-gap);
}

.trust-heading h2,
.awards-section h2,
.media-section h2 {
  color: #111;
}

.support-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.support-card {
  display: grid;
  gap: 12px;
  min-height: 180px;
  padding: 26px;
}

.award-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 0;
  max-width: 1540px;
  margin: 0 auto;
  border: 1px solid #e4e7e8;
  background: #fff;
}

.award-tile {
  position: relative;
  min-height: 158px;
  margin: 0;
  border-left: 1px solid #e4e7e8;
  background: #fff;
}

.award-tile:first-child {
  border-left: 0;
}

.award-row img {
  width: 100%;
  height: 158px;
  object-fit: contain;
  padding: 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.media-logo-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.media-logo-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  max-width: 1540px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.media-logo-row span {
  min-height: 122px;
  display: grid;
  place-items: center;
  border: 0;
  border-left: 1px solid #e3e4e2;
  background: #f6f7f7;
  color: #15171a;
  font-size: 34px;
  font-weight: 900;
  text-align: center;
}

.media-logo-row span,
.media-logo-row span::before,
.media-logo-row span::after {
  font-family: inherit;
}

.media-logo-row span:first-child {
  border-left: 0;
}

.seen-spec {
  bottom: 0;
}

.media-yahoo {
  color: #6f00d9 !important;
}

.media-cnet {
  font-family: Georgia, serif;
  letter-spacing: 0;
}

.media-forbes {
  color: #2b659a !important;
  font-family: Georgia, serif;
}

.media-buzzfeed,
.media-cnn {
  color: #e60000 !important;
}

.finder-selector-module {
  display: grid;
  grid-template-columns: minmax(360px, 0.46fr) minmax(0, 1fr);
  max-width: 1580px;
  margin: 0 auto;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.finder-selector-lead {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 650px;
  padding: 54px 54px 76px;
  background:
    radial-gradient(ellipse at 72% 78%, rgba(0, 130, 214, 0.16), transparent 40%),
    #111;
  color: #fff;
}

.finder-selector-lead > span:not(.asset-spec) {
  color: #a8b0bc;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.finder-selector-lead h1 {
  margin: 28px 0 22px;
  font-size: clamp(48px, 6vw, 92px);
  font-weight: 800;
  line-height: 0.96;
}

.finder-selector-lead p {
  max-width: 520px;
  margin: 0;
  color: #e7ebef;
  font-size: 22px;
  line-height: 1.45;
}

.finder-selector-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.finder-selector-step {
  position: relative;
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 325px;
  padding: 38px 34px 40px;
  border-left: 1px solid #e1e5e8;
  border-bottom: 1px solid #e1e5e8;
  background: #fff;
  color: #111;
  transition: background 160ms ease, transform 160ms ease;
}

.finder-selector-step:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.finder-selector-step:hover {
  background: #f7f8f8;
  transform: translateY(-1px);
}

.finder-selector-step > span {
  color: #687481;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.finder-selector-step strong {
  max-width: 300px;
  font-size: clamp(26px, 2.2vw, 38px);
  line-height: 1.05;
  font-weight: 800;
}

.finder-selector-step p {
  max-width: 300px;
  margin: 0;
  color: #4e5965;
  font-size: 17px;
  line-height: 1.35;
}

.finder-selector-step em {
  align-self: end;
  margin-top: auto;
  color: #111;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.finder-selector-step em::after {
  content: " ->";
  color: var(--accent);
}

.selector-icon {
  position: relative;
  display: block;
  width: 44px;
  height: 32px;
  margin-bottom: 6px;
  color: var(--accent);
}

.monitor-icon {
  border: 3px solid currentColor;
  border-radius: 4px;
}

.monitor-icon::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: -10px;
  height: 3px;
  background: currentColor;
}

.purpose-icon {
  border: 3px solid currentColor;
  border-radius: 50%;
}

.purpose-icon::before,
.purpose-icon::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: currentColor;
}

.scenario-icon {
  width: 42px;
  height: 42px;
  border: 3px solid currentColor;
  border-radius: 6px;
  transform: rotate(45deg);
}

.feature-icon {
  height: 40px;
}

.feature-icon::before,
.feature-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
}

.feature-icon::before {
  top: 8px;
}

.feature-icon::after {
  bottom: 8px;
}

.shape-icon {
  height: 28px;
  border-top: 4px solid currentColor;
  border-radius: 50% / 36%;
}

.color-icon {
  width: 54px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(90deg, #111, #f3f4f4 32%, #e8a8b8 62%, #00e873 75%, #0099ff 88%, #ff00b8);
}

.series-icon {
  width: 54px;
  height: 30px;
}

.series-icon::before,
.series-icon::after {
  content: "";
  position: absolute;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
}

.series-icon::before {
  top: 7px;
  left: 0;
  width: 54px;
}

.series-icon::after {
  bottom: 7px;
  left: 10px;
  width: 36px;
  background: linear-gradient(90deg, var(--focus), var(--im), var(--neon-c));
}

.finder-page-nav {
  display: flex;
  justify-content: center;
  gap: 0;
  max-width: 1600px;
  margin: 0 auto 24px;
  overflow-x: auto;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.finder-page-nav a {
  display: grid;
  min-height: 52px;
  padding: 0 18px;
  place-items: center;
  border-left: 1px solid #e1e5e8;
  color: #4e5965;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.finder-page-nav a:first-child {
  border-left: 0;
}

.finder-page-nav a.active,
.finder-page-nav a:hover {
  color: #111;
  background: #f6f7f7;
}

.finder-detail-hero {
  position: relative;
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 280px;
  max-width: 1600px;
  margin: 0 auto 24px;
  padding: 44px 48px 64px;
  background:
    radial-gradient(ellipse at 76% 44%, rgba(0, 130, 214, 0.18), transparent 44%),
    #111;
  color: #fff;
}

.finder-detail-hero h1 {
  margin: 0;
  font-size: var(--type-h1);
  line-height: 1.05;
  font-weight: 800;
}

.finder-detail-hero p {
  max-width: 760px;
  margin: 0;
  color: #d9e0e7;
  font-size: 18px;
  line-height: 1.5;
}

.finder-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 1600px;
  margin: 0 auto 42px;
}

.finder-decision-card {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: 214px;
  padding: 24px 24px 56px;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.finder-decision-card strong {
  color: #111;
  font-size: 24px;
  line-height: 1.1;
}

.finder-decision-card p {
  margin: 0;
  color: #4e5965;
  font-size: 15px;
  line-height: 1.45;
}

.finder-decision-card > span:not(.asset-spec) {
  color: #0f6da8;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.finder-product-band {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 32px 0 46px;
  border-top: 1px solid #e6eaed;
}

.band-spec {
  right: 0;
  left: 0;
  bottom: 0;
}

.finder-option-strip,
.finder-match-list {
  max-width: 1600px;
  margin: 0 auto;
}

.finder-option-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0;
  margin-bottom: 36px;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.finder-option-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-height: 160px;
  padding: 28px 18px;
  border-left: 1px solid #e1e5e8;
  text-align: center;
}

.finder-option-card:first-child {
  border-left: 0;
}

.finder-option-card strong {
  color: #111;
  font-size: 20px;
  line-height: 1.1;
}

.finder-option-card span {
  color: #5a6572;
  font-size: 13px;
  font-weight: 700;
}

.line-option-icon {
  position: relative;
  width: 58px;
  height: 42px;
  color: #111;
}

.icon-flat,
.icon-work,
.icon-control,
.icon-straight,
.icon-black,
.icon-focus,
.icon-front {
  border: 3px solid currentColor;
  border-radius: 5px;
}

.icon-curved,
.icon-night,
.icon-glow,
.icon-back {
  border-top: 4px solid currentColor;
  border-radius: 50% / 38%;
}

.icon-dual,
.icon-game,
.icon-rgb,
.icon-im {
  background:
    linear-gradient(90deg, currentColor 0 44%, transparent 44% 56%, currentColor 56% 100%);
}

.icon-ultrawide,
.icon-creative,
.icon-fold,
.icon-studio {
  height: 28px;
  border: 4px solid currentColor;
  border-radius: 999px;
}

.icon-craft::before,
.icon-daily::before,
.icon-small::before,
.icon-dorm::before,
.icon-home::before,
.icon-minimal::before,
.icon-smart::before,
.icon-grey::before,
.icon-white::before,
.icon-pink::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 3px solid currentColor;
  border-radius: 50%;
}

.icon-craft::after,
.icon-daily::after,
.icon-small::after,
.icon-dorm::after,
.icon-home::after,
.icon-minimal::after,
.icon-smart::after,
.icon-grey::after,
.icon-white::after,
.icon-pink::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
}

.icon-white {
  color: #9ca5ad;
}

.icon-pink {
  color: #e8a8b8;
}

.finder-match-list {
  display: grid;
  gap: 18px;
}

.finder-match-card {
  display: grid;
  grid-template-columns: minmax(360px, 0.62fr) minmax(0, 1fr);
  min-height: 360px;
  overflow: hidden;
  border: 1px solid #e1e5e8;
  background: #f3f4f4;
}

.finder-match-copy {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 44px 50px;
}

.finder-match-copy > span {
  color: #5e6875;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.finder-match-copy h2 {
  margin: 0;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.08;
  font-weight: 800;
}

.finder-match-copy strong {
  color: #111;
  font-size: 17px;
  line-height: 1.35;
}

.finder-match-copy ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.45;
  list-style: none;
}

.finder-match-copy li::before {
  content: "- ";
}

.outline-buy {
  display: inline-grid;
  width: fit-content;
  min-width: 210px;
  min-height: 48px;
  margin-top: 18px;
  place-items: center;
  border: 2px solid #0073ce;
  border-radius: 999px;
  color: #0073ce;
  font-size: 18px;
  font-weight: 650;
  text-transform: uppercase;
}

.finder-match-media {
  position: relative;
  display: grid;
  min-height: 360px;
  place-items: center;
  background:
    radial-gradient(ellipse at 48% 66%, rgba(0, 0, 0, 0.08), transparent 44%),
    #ebeeee;
}

.finder-match-media img {
  width: 76%;
  max-height: 285px;
  object-fit: contain;
  filter: drop-shadow(0 22px 28px rgba(0, 0, 0, 0.14));
}

.store-white-page,
.category-page {
  background: #fff;
  color: #15171a;
}

.page-summary {
  display: grid;
  gap: 10px;
  max-width: 1180px;
  margin: 0 auto 34px;
  color: #111;
}

.page-summary h1 {
  margin: 0;
  font-size: var(--type-h1);
  line-height: 1.05;
  font-weight: 800;
}

.page-summary p {
  max-width: 760px;
  margin: 0;
  color: #4f5965;
  font-size: 18px;
  line-height: 1.5;
}

.deals-two-column {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  max-width: 1600px;
  margin: 0 auto 46px;
}

.deals-copy-card,
.collection-banner,
.series-video-slot,
.store-subpage-hero {
  position: relative;
  overflow: hidden;
}

.deals-copy-card {
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 388px;
  padding: 38px 36px 64px;
  background:
    radial-gradient(ellipse at 10% 0%, rgba(245, 86, 37, 0.22), transparent 50%),
    #101315;
  color: #fff;
}

.deal-badge,
.product-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  background: #ea3b00;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.deals-copy-card h2,
.collection-banner h2,
.store-subpage-hero h2 {
  margin: 0;
  font-size: var(--type-h2);
  line-height: 1.08;
  font-weight: 800;
}

.deals-copy-card p,
.collection-banner p,
.store-subpage-hero p {
  margin: 0;
  color: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.store-product-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.store-product-row.compact-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.store-product-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 46px auto auto auto auto;
  align-content: start;
  gap: 8px;
  height: 470px;
  padding: 10px 10px 14px;
  background: #fff;
  color: #15171a;
  overflow: hidden;
}

.store-product-media {
  display: grid;
  place-items: center;
  min-height: 210px;
  overflow: hidden;
  border-radius: 7px;
  background: #f5f5f4;
}

.store-product-media img {
  width: 88%;
  max-height: 180px;
  object-fit: contain;
}

.store-product-card h3 {
  margin: 0;
  color: #15171a;
  font-size: 17px;
  line-height: 1.22;
  font-weight: 700;
  display: -webkit-box;
  min-height: 42px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.amazon-button {
  display: grid;
  min-height: 34px;
  margin-top: 8px;
  place-items: center;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: 14px;
  font-weight: 650;
}

.store-product-card .amazon-button {
  margin-top: auto;
}

.store-price {
  margin: 0;
  color: #15171a;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
}

.store-price span {
  color: #cc0c39;
  font-weight: 400;
}

.store-price sup {
  font-size: 14px;
}

.store-product-card button {
  min-height: 34px;
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.shop-collection-section {
  max-width: 1600px;
  margin: 0 auto 46px;
}

.collection-banner {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 208px;
  margin-bottom: 14px;
  padding: 32px 38px 54px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.08)),
    #07304f;
}

.best-banner,
.new-banner,
.bundle-banner {
  background:
    radial-gradient(ellipse at 82% 50%, rgba(255, 255, 255, 0.28), transparent 40%),
    radial-gradient(ellipse at 18% 94%, rgba(0, 130, 214, 0.25), transparent 46%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.24), transparent 74%),
    #1e3aba;
}

.decision-hero {
  display: grid;
  grid-template-columns: minmax(300px, 0.52fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
  max-width: 1600px;
  margin: 0 auto 34px;
}

.decision-copy-panel {
  display: grid;
  align-content: center;
  gap: 16px;
  min-height: 360px;
  padding: 38px;
  background: #111;
  color: #fff;
}

.decision-copy-panel h1 {
  margin: 0;
  font-size: var(--type-h1);
  line-height: 1.05;
  font-weight: 800;
}

.decision-copy-panel p {
  margin: 0;
  color: #d6dde6;
  font-size: 18px;
  line-height: 1.5;
}

.decision-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #e5e8ea;
}

.decision-step {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 180px;
  padding: 28px 24px 54px;
  background: #fff;
}

.decision-step strong {
  color: #111;
  font-size: var(--type-h3);
  line-height: 1.12;
}

.decision-step span {
  color: #6b7480;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.decision-step p {
  margin: 0;
  color: #4f5965;
  font-size: 15px;
  line-height: 1.45;
}

.selector-section {
  max-width: 1600px;
  margin: 0 auto 28px;
  padding-top: 28px;
  border-top: 1px solid #e6eaed;
}

.selector-section > .section-intro h2,
.selector-section > .section-intro p {
  color: #111;
}

.selector-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.selector-card {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: 190px;
  padding: 22px 22px 52px;
  border: 1px solid #e0e4e6;
  background: #fff;
}

.selector-card strong {
  color: #111;
  font-size: 24px;
  line-height: 1.1;
}

.selector-card p {
  margin: 0;
  color: #52606d;
  font-size: 15px;
  line-height: 1.45;
}

.selector-card .mini-shape {
  width: 100%;
  height: 56px;
  border: 4px solid #111;
}

.mini-shape.curved {
  border-radius: 50% / 24%;
}

.mini-shape.dual {
  border: 0;
  background: linear-gradient(90deg, #111 0 45%, transparent 45% 55%, #111 55% 100%);
}

.mini-shape.ultrawide {
  width: 100%;
  height: 42px;
}

.purpose-scenario-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 18px;
  max-width: 1600px;
  margin: 34px auto;
}

.decision-list {
  display: grid;
  gap: 10px;
}

.decision-list article {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 76px;
  padding: 16px 18px 34px;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.decision-list strong {
  color: #111;
  font-size: 18px;
  line-height: 1.2;
}

.decision-list p {
  margin: 0;
  color: #52606d;
  font-size: 14px;
  line-height: 1.4;
}

.series-video-slot {
  display: grid;
  place-items: center;
  min-height: 260px;
  margin-top: 18px;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(0, 130, 214, 0.18), transparent 42%),
    #060707;
  color: #fff;
  text-align: center;
}

.series-video-slot strong {
  font-size: var(--type-h2);
  line-height: 1.1;
}

.series-video-slot span:not(.asset-spec) {
  color: #aeb7c4;
}

.series-feature-block {
  max-width: 1600px;
  margin: 0 auto 54px;
}

.series-feature-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 24px;
}

.series-feature-row.alt {
  grid-template-columns: minmax(360px, 0.58fr) minmax(0, 1fr);
}

.series-feature-row.alt .series-product-panel {
  order: 2;
}

.series-product-panel,
.series-copy-panel {
  position: relative;
  overflow: hidden;
  min-height: 410px;
}

.series-product-panel {
  display: grid;
  place-items: center;
  background: #050606;
}

.series-product-panel img {
  max-width: 84%;
  max-height: 285px;
  object-fit: contain;
}

.series-copy-panel {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 34px 34px 62px;
  background: #f6f7f7;
}

.series-copy-panel h2 {
  margin: 0;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.15;
}

.series-copy-panel p {
  margin: 0;
  color: #52606d;
  font-size: 16px;
  line-height: 1.5;
}

.series-products-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.series-shop-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #fff;
}

.series-shop-card img {
  height: 92px;
  width: 100%;
  object-fit: contain;
  background: #f4f5f4;
}

.series-shop-card strong {
  color: #111;
  font-size: 15px;
  line-height: 1.2;
}

.studio-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
  gap: 18px;
  max-width: 1600px;
  margin: 0 auto 34px;
}

.studio-visual {
  position: relative;
  min-height: 440px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #050606;
}

.studio-visual img {
  max-width: 86%;
  max-height: 340px;
  object-fit: contain;
}

.studio-copy {
  position: relative;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 38px 36px 62px;
  background: #f4f6fb;
}

.series-detail-page {
  display: grid;
  gap: 42px;
}

.series-page-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
  gap: 18px;
  max-width: 1600px;
  margin: 0 auto;
}

.series-page-media,
.series-page-copy {
  position: relative;
  min-height: 450px;
  overflow: hidden;
}

.series-page-media {
  display: grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 50% 72%, rgba(255, 255, 255, 0.18), transparent 45%),
    #050606;
}

.series-page-product {
  z-index: 2;
  max-width: 82%;
  max-height: 310px;
  object-fit: contain;
  filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.36));
}

.series-page-line {
  position: absolute;
  right: 8%;
  bottom: 44px;
  left: 8%;
  width: 84%;
  height: 120px;
  object-fit: contain;
  opacity: 0.88;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.studio-main-product {
  max-height: 350px;
}

.series-page-copy {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 42px 40px 68px;
  background: #f5f6f6;
}

.series-page-copy h1 {
  margin: 0;
  color: #111;
  font-size: var(--type-h1);
  line-height: 1.04;
  font-weight: 800;
}

.series-page-copy p {
  margin: 0;
  color: #4e5965;
  font-size: 18px;
  line-height: 1.5;
}

.standalone-video {
  max-width: 1600px;
  margin: 0 auto;
}

.series-product-gallery {
  max-width: 1600px;
  margin: 0 auto;
}

.series-comparison-section {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 34px 0 54px;
}

.series-comparison-section h2 {
  margin: 0 0 24px;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.2;
  font-weight: 800;
}

.comparison-table-wrap {
  overflow-x: auto;
  border-top: 3px solid #111;
}

.series-comparison-table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
  color: #111;
  font-size: 15px;
  line-height: 1.35;
}

.series-comparison-table thead th {
  padding: 22px 18px 24px;
  background: #fff;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  text-align: center;
}

.series-comparison-table thead th:first-child,
.series-comparison-table tbody th {
  text-align: left;
}

.series-comparison-table tbody tr:nth-child(odd) {
  background: #ececec;
}

.series-comparison-table tbody tr:nth-child(even) {
  background: #fff;
}

.series-comparison-table th,
.series-comparison-table td {
  padding: 13px 18px;
  vertical-align: middle;
}

.series-comparison-table tbody th {
  width: 240px;
  font-weight: 800;
}

.series-comparison-table td {
  text-align: center;
}

.comparison-spec {
  right: 0;
  left: 0;
  bottom: 0;
}

.support-hub-hero,
.empty-accessory-page {
  position: relative;
  display: grid;
  min-height: 390px;
  max-width: 1600px;
  margin: 0 auto 34px;
  overflow: hidden;
}

.support-hub-hero {
  align-content: center;
  padding: 48px 52px 72px;
  background: #06365c;
  color: #fff;
}

.support-hub-hero h1 {
  max-width: 720px;
  margin: 10px 0 14px;
  color: #11b7f3;
  font-size: var(--type-h1);
  line-height: 1.04;
  font-weight: 800;
}

.support-hub-hero p {
  max-width: 760px;
  margin: 0;
  color: #d6e9f5;
  font-size: 18px;
  line-height: 1.5;
}

.empty-accessory-page {
  place-items: center;
  padding: 52px;
  border: 1px dashed #c8d0d6;
  background:
    linear-gradient(90deg, rgba(0, 130, 214, 0.06), transparent 48%, rgba(245, 86, 37, 0.06)),
    #f6f8f9;
  text-align: center;
}

.empty-accessory-page h1 {
  margin: 0;
  font-size: var(--type-h1);
  line-height: 1.04;
}

.empty-accessory-page p,
.empty-accessory-page span:not(.asset-spec) {
  margin: 0;
  color: #4e5965;
  font-size: 18px;
}

.setup-shoppable-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 18px;
  max-width: 1600px;
  margin: 0 auto;
}

.shoppable-scene {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  background: #111;
}

.wide-scene {
  grid-row: span 2;
  min-height: 798px;
}

.shoppable-scene img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.shoppable-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), transparent 44%, rgba(0, 0, 0, 0.32));
  pointer-events: none;
}

.shoppable-scene h2 {
  position: absolute;
  top: 34px;
  left: 34px;
  z-index: 2;
  max-width: 420px;
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1.06;
  font-weight: 800;
}

.hotspot {
  position: absolute;
  z-index: 4;
  color: #111;
}

.hotspot span {
  display: block;
  width: 28px;
  height: 28px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.hotspot em {
  position: absolute;
  left: 38px;
  top: -42px;
  display: block;
  min-width: 240px;
  padding: 16px 18px;
  border: 1px solid #d7dde1;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24);
  font-size: 14px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.hotspot:hover em,
.hotspot:focus em {
  opacity: 1;
  transform: translateY(0);
}

.hotspot-a {
  right: 29%;
  top: 42%;
}

.hotspot-b {
  left: 42%;
  top: 47%;
}

.hotspot-c {
  right: 32%;
  top: 34%;
}

/* Queue 34: Real User Setups masonry gallery using supplied user photos. */
.real-user-setups-page {
  gap: 34px;
}

.real-setup-summary {
  position: relative;
}

.real-setup-summary .asset-spec {
  position: static;
  max-width: 100%;
  margin-top: 14px;
  padding: 8px 10px;
  border-color: rgba(10, 24, 40, 0.16);
  background: #f5f7f9;
  color: #516071;
  font-size: var(--type-caption);
  line-height: 1.35;
}

.real-setup-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 92px;
  gap: 16px;
  max-width: 1600px;
  margin: 0 auto;
}

.real-setup-card {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  grid-row: span 4;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #dfe5ea;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 32px rgba(10, 24, 40, 0.07);
}

.real-setup-card.span-wide {
  grid-column: span 2;
}

.real-setup-card.span-large {
  grid-column: span 2;
  grid-row: span 5;
}

.real-setup-card.span-tall {
  grid-row: span 5;
}

.real-setup-media {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: #111;
}

.real-setup-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.real-setup-card h2 {
  margin: 0;
  padding: 14px 16px 4px;
  color: #0b1016;
  font-size: var(--type-small);
  line-height: 1.25;
  font-weight: 850;
}

.real-setup-card .asset-spec {
  position: static;
  max-height: none;
  margin: 0;
  padding: 0 16px 14px;
  border: 0;
  background: transparent;
  color: #687584;
  font-size: var(--type-caption);
  line-height: 1.35;
  pointer-events: auto;
}

.setup-hotspot {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 4;
  color: #111;
  transform: translate(-50%, -50%);
}

.setup-hotspot > span {
  display: block;
  width: 28px;
  height: 28px;
  border: 6px solid #fff;
  border-radius: 50%;
  background: rgba(11, 16, 22, 0.58);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
}

.setup-hotspot em {
  position: absolute;
  top: 34px;
  left: 18px;
  display: grid;
  gap: 5px;
  width: 250px;
  padding: 14px 16px;
  border: 1px solid #d7dde1;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24);
  font-style: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.setup-hotspot:hover em,
.setup-hotspot:focus-visible em {
  opacity: 1;
  transform: translateY(0);
}

.setup-hotspot strong {
  color: #0b1016;
  font-size: var(--type-caption);
  line-height: 1.25;
  font-weight: 850;
}

.setup-hotspot small {
  color: #cc0c39;
  font-size: var(--type-caption);
  line-height: 1.25;
  font-weight: 800;
}

.setup-hotspot b {
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: var(--type-caption);
  line-height: 1;
  font-weight: 850;
}

@media (max-width: 1180px) {
  .real-setup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .real-setup-card.span-large,
  .real-setup-card.span-wide {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .real-setup-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .real-setup-card,
  .real-setup-card.span-large,
  .real-setup-card.span-wide,
  .real-setup-card.span-tall {
    grid-column: auto;
    grid-row: auto;
  }

  .real-setup-media img {
    height: auto;
    object-fit: contain;
  }

  .setup-hotspot em {
    left: -112px;
    width: min(260px, calc(100vw - 54px));
  }
}

.other-items-page {
  display: grid;
  gap: 42px;
}

.other-items-summary {
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
}

.other-items-summary h1 {
  margin: 0;
  color: #0b1016;
  font-size: var(--type-h1);
  line-height: 1.04;
  font-weight: 850;
}

.other-items-summary p {
  max-width: 760px;
  margin: 0 auto;
  color: #52606d;
  font-size: var(--type-body);
  line-height: 1.52;
}

.other-collection {
  display: grid;
  gap: 18px;
  width: min(1500px, 100%);
  margin: 0 auto;
}

.other-collection-banner {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 280px;
  overflow: hidden;
  padding: 48px 56px 70px;
  border: 1px solid #dfe4e7;
  color: #07323b;
}

.other-collection-banner .small-label {
  position: relative;
  z-index: 2;
  width: fit-content;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #30404a;
}

.other-collection-banner h2 {
  position: relative;
  z-index: 2;
  width: fit-content;
  max-width: 430px;
  margin: 0;
  font-size: var(--type-h2);
  line-height: 1.15;
  font-weight: 850;
}

.other-collection-banner p {
  position: relative;
  z-index: 2;
  max-width: 520px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--type-body);
  line-height: 1.48;
}

.seasonal-banner {
  background:
    radial-gradient(circle at 70% 40%, rgba(255, 229, 130, 0.92) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 62%, rgba(255, 229, 130, 0.92) 0 2px, transparent 3px),
    radial-gradient(circle at 55% 24%, rgba(255, 229, 130, 0.92) 0 2px, transparent 3px),
    linear-gradient(120deg, rgba(20, 9, 4, 0.18), rgba(255, 221, 130, 0.16)),
    #34200d;
}

.seasonal-banner::before,
.seasonal-banner::after {
  content: "";
  position: absolute;
  right: 9%;
  top: 22%;
  width: 250px;
  height: 150px;
  border-top: 4px solid rgba(255, 218, 94, 0.9);
  border-radius: 50% 50% 0 0;
  filter: drop-shadow(0 0 12px rgba(255, 220, 95, 0.7));
}

.seasonal-banner::after {
  right: 27%;
  top: 34%;
  width: 190px;
  transform: rotate(-8deg);
}

.address-banner {
  background:
    linear-gradient(90deg, rgba(15, 26, 31, 0.72), rgba(15, 26, 31, 0.12)),
    linear-gradient(135deg, #24383c, #7e8c79);
}

.address-banner::before {
  content: "1234";
  position: absolute;
  right: 9%;
  bottom: 26%;
  padding: 14px 34px;
  border: 2px solid rgba(255, 255, 255, 0.74);
  border-radius: 6px;
  color: #fff;
  font-size: 58px;
  font-weight: 800;
  letter-spacing: 0.06em;
  box-shadow: 0 0 42px rgba(255, 255, 255, 0.45);
}

.other-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.other-product-grid.single-product-row {
  max-width: 760px;
}

.other-amazon-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.92fr) minmax(0, 1fr);
  min-height: 300px;
  overflow: hidden;
  border: 1px solid #dfe4e7;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 32px rgba(10, 24, 40, 0.07);
}

.other-module-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 300px;
  overflow: hidden;
  background: #f4f4f3;
}

.other-module-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 50%, rgba(0, 0, 0, 0.1));
  pointer-events: none;
}

.other-module-badge {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2;
  padding: 7px 10px;
  border: 1px solid rgba(10, 24, 40, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #344252;
  font-size: var(--type-caption);
  line-height: 1;
  font-weight: 850;
}

.other-product-visual {
  display: block;
  width: 72%;
  height: 58%;
  min-height: 150px;
}

.snowflake-product .other-product-visual,
.curtain-product .other-product-visual {
  border-radius: 12px;
  background:
    radial-gradient(circle at 30% 35%, #ffe97a 0 7px, transparent 8px),
    radial-gradient(circle at 55% 52%, #ffe97a 0 7px, transparent 8px),
    radial-gradient(circle at 72% 28%, #ffe97a 0 7px, transparent 8px),
    linear-gradient(135deg, #1d1a14, #7b401d);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 28px rgba(255, 219, 84, 0.54);
}

.curtain-product .other-product-visual {
  background:
    linear-gradient(90deg, transparent 0 15%, rgba(255, 221, 80, 0.88) 15% 17%, transparent 17% 33%, rgba(255, 221, 80, 0.88) 33% 35%, transparent 35% 51%, rgba(255, 221, 80, 0.88) 51% 53%, transparent 53% 69%, rgba(255, 221, 80, 0.88) 69% 71%, transparent 71%),
    linear-gradient(135deg, #14233c, #331042);
}

.address-product .other-product-visual {
  border-radius: 8px;
  background:
    linear-gradient(90deg, #111 0 14%, transparent 14% 86%, #111 86% 100%),
    linear-gradient(180deg, #f9fbff, #cfe6ff);
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.72), inset 0 0 0 3px #111;
}

.other-product-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 26px;
}

.other-category-tag {
  width: fit-content;
  padding: 6px 9px;
  border: 1px solid #d9e0e5;
  border-radius: 999px;
  color: #4e5b68;
  font-size: var(--type-caption);
  line-height: 1;
  font-weight: 850;
}

.other-product-copy h3 {
  margin: 0;
  color: #0b1016;
  font-size: var(--type-small);
  line-height: 1.22;
  font-weight: 850;
}

.other-product-copy p {
  margin: 0;
  color: #596776;
  font-size: var(--type-caption);
  line-height: 1.4;
  font-weight: 650;
}

.other-product-copy .other-amazon-note {
  color: #344252;
}

.desk-series-card {
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.desk-series-card:hover,
.desk-series-card:focus-visible {
  border-color: rgba(47, 107, 255, 0.52);
  box-shadow: 0 20px 54px rgba(10, 24, 40, 0.18);
  transform: translateY(-2px);
}

.desk-series-img {
  pointer-events: none;
}


.studio-copy h1 {
  margin: 0;
  color: #111;
  font-size: var(--type-h1);
  line-height: 1.05;
  font-weight: 800;
}

.studio-copy p {
  margin: 0;
  color: #52606d;
  font-size: 17px;
  line-height: 1.5;
}

.more-page-grid {
  display: grid;
  gap: 42px;
  max-width: 1600px;
  margin: 0 auto;
}

.store-subpage {
  display: grid;
  gap: 16px;
}

.store-subpage-hero {
  display: grid;
  align-content: center;
  min-height: 220px;
  padding: 30px 34px 54px;
  color: #fff;
  background: #111;
}

.more-card-grid,
.manual-grid,
.faq-grid,
.setup-gallery-grid,
.accessory-grid {
  display: grid;
  gap: 14px;
}

.more-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manual-grid,
.faq-grid,
.setup-gallery-grid,
.accessory-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.info-card {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 170px;
  padding: 22px 22px 48px;
  border: 1px solid #e0e4e6;
  background: #fff;
}

.info-card strong {
  color: #111;
  font-size: 20px;
  line-height: 1.15;
}

.info-card p {
  margin: 0;
  color: #52606d;
  font-size: 14px;
  line-height: 1.45;
}

.mock-search {
  display: flex;
  align-items: center;
  min-height: 46px;
  margin-top: 12px;
  padding: 0 16px;
  border: 1px solid #cfd6da;
  background: #fff;
  color: #6b7480;
  font-size: 15px;
}

.category-page {
  min-height: calc(100vh - 72px);
}

.category-hero {
  max-width: 1100px;
  padding-bottom: 28px;
}

.subnav-card-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 16px 0 42px;
}

.subnav-card {
  min-height: 92px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}

.subnav-card.focus {
  border-color: rgba(0, 130, 214, 0.55);
}

.subnav-card.glow {
  border-color: rgba(223, 243, 239, 0.55);
}

.subnav-card.im {
  border-color: rgba(245, 86, 37, 0.6);
}

.monitor-series-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 18px 0 48px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--line);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
}

.monitor-series-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 360px;
  padding: 48px 36px 76px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 66%, rgba(255, 255, 255, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%),
    #070808;
  text-align: center;
}

.monitor-series-card strong {
  display: block;
  max-width: 360px;
  margin: 16px auto 0;
  color: #d8dee7;
  font-size: 17px;
  line-height: 1.35;
}

.monitor-series-card .series-line-img {
  left: 12%;
  bottom: 48px;
  width: 76%;
  opacity: 0.95;
}

.monitor-series-card.focus .small-label {
  color: var(--focus);
}

.monitor-series-card.glow .small-label {
  color: #f4fffb;
}

.monitor-series-card.im .small-label {
  color: var(--im);
}

.filter-band,
.finder-secondary,
.filter-map,
.series-detail {
  display: grid;
  gap: 32px;
  margin-top: 28px;
  padding-top: 42px;
  border-top: 1px solid var(--line);
}

.filter-band,
.filter-map,
.series-detail {
  grid-template-columns: minmax(320px, 0.5fr) minmax(0, 1fr);
}

.monitor-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.monitor-card {
  position: relative;
  min-height: 220px;
  padding: 24px 24px 62px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.045);
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.monitor-card.active,
.monitor-card:hover,
.choice.active,
.choice:hover {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent), 0 0 42px rgba(245, 86, 37, 0.18);
}

.monitor-card strong {
  display: block;
  margin-top: 28px;
  font-size: 40px;
  line-height: 0.95;
}

.monitor-card em {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  font-style: normal;
}

.monitor-shape {
  position: relative;
  display: block;
  height: 76px;
  border: 4px solid #8aa4ff;
  background: rgba(138, 164, 255, 0.08);
}

.monitor-shape.flat,
.monitor-shape.curved {
  width: 72%;
}

.monitor-shape.curved {
  border-radius: 50% / 16%;
}

.monitor-shape.dual {
  width: 84%;
  border: 0;
  background: transparent;
}

.monitor-shape.dual::before,
.monitor-shape.dual::after {
  content: "";
  position: absolute;
  top: 0;
  width: 46%;
  height: 76px;
  border: 4px solid #8aa4ff;
  background: rgba(138, 164, 255, 0.08);
}

.monitor-shape.dual::before {
  left: 0;
}

.monitor-shape.dual::after {
  right: 0;
}

.monitor-shape.ultrawide {
  width: 96%;
}

.finder-secondary {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);
}

.pill-list,
.shape-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.choice {
  min-height: 40px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: transparent;
  color: #fff;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.recommendation-card {
  position: relative;
  padding: 30px 30px 76px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-2);
}

.stack-list {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.stack-list span,
.shape-row span {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 58px;
  padding: 14px 16px 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  overflow: hidden;
}

.stack-list span strong {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.stack-list span em,
.shape-row span em {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 5px;
  color: #8f9ab0;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.shape-row.vertical {
  display: grid;
}

.shape-row.compact span {
  min-height: 44px;
  padding-bottom: 14px;
}

.optional-label {
  margin-top: 28px;
}

.filter-groups {
  align-items: start;
}

.color-chip-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.color-chip {
  min-height: 84px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.color-chip.black {
  background: #050505;
}

.color-chip.grey {
  background: #626a73;
}

.color-chip.white {
  background: #f3f4f4;
  color: #15171a;
}

.color-chip.pink {
  background: #e8a8b8;
  color: #31141e;
}

.series-detail {
  align-items: center;
  margin-top: 48px;
}

.series-detail.alt .series-product-showcase {
  order: 2;
}

.series-product-showcase {
  position: relative;
  min-height: 360px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255, 255, 255, 0.08), transparent 36%),
    #050606;
}

.series-product-showcase > img:not(.series-line-img) {
  max-height: 250px;
  object-fit: contain;
  opacity: 0.92;
}

.series-product-showcase .series-line-img {
  left: 8%;
  bottom: 8%;
  width: 84%;
}

.series-detail-copy {
  display: grid;
  gap: 18px;
}

.product-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 8px;
}

.mini-product-card {
  display: grid;
  gap: 10px;
  min-height: 120px;
  padding: 20px;
}

.mini-product-card span {
  color: var(--muted);
  font-size: 13px;
}

.product-mini {
  position: relative;
  min-height: 210px;
  padding: 18px;
  overflow: hidden;
}

.product-mini img {
  width: 100%;
  height: 74px;
  margin-bottom: 12px;
  object-fit: contain;
  background: #060707;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.product-mini strong {
  font-size: 20px;
  line-height: 1.12;
}

.product-mini em {
  color: #7f8896;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
}

.product-mini.focus {
  border-color: rgba(0, 130, 214, 0.34);
}

.product-mini.glow {
  border-color: rgba(223, 243, 239, 0.28);
}

.product-mini.im {
  border-color: rgba(245, 86, 37, 0.38);
}

.studio-detail {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
}

.page-local {
  padding-left: 0;
  padding-right: 0;
}

.more-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 28px;
}

.deal-feature-grid {
  grid-template-columns: 1.5fr 1fr 1fr;
  margin-top: 28px;
}

.deal-tile {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(280px, 0.55fr);
  gap: 26px;
  align-items: center;
  min-height: 320px;
  padding: 28px;
  border: 1px solid rgba(245, 86, 37, 0.46);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(245, 86, 37, 0.18), transparent 52%),
    var(--panel);
}

.deal-tile img {
  width: 100%;
}

.deal-tile h2 {
  margin: 8px 0;
  font-size: 42px;
  line-height: 0.98;
}

.deal-tile p {
  color: var(--muted);
}

@media (max-width: 1120px) {
  .compact-hero,
  .deal-strip,
  .find-light-home,
  .split-intro,
  .filter-band,
  .filter-map,
  .series-detail,
  .finder-secondary,
  .studio-detail {
    grid-template-columns: 1fr;
  }

  .amazon-card-row,
  .support-card-grid,
  .finder-entry-grid.large,
  .more-grid,
  .merchandising-grid,
  .media-logo-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deal-feature-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .store-header {
    overflow: hidden;
  }

  .header-main {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: auto;
    padding: 12px 16px 6px;
  }

  .brand-img img {
    width: 152px;
  }

  .header-balance {
    display: none;
  }

  .primary-nav {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .primary-nav::-webkit-scrollbar {
    display: none;
  }

  .nav-dropdown {
    display: none;
  }

  .primary-item.open .nav-dropdown {
    position: fixed;
    top: 124px;
    right: 16px;
    left: 16px;
    z-index: 1000;
    display: grid;
    min-width: 0;
    max-width: calc(100vw - 32px);
    transform: none;
  }

  .secondary-nav {
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 46px;
    padding: 6px 16px 8px;
  }

  .secondary-nav > a {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 0 10px;
    font-size: 10px;
  }

  .brand-hero {
    min-height: 520px;
    padding: 48px 20px 70px;
  }

  .home-hero {
    min-height: 410px;
    padding-top: 36px;
    padding-bottom: 58px;
  }

  .compact-hero {
    gap: 28px;
    text-align: center;
  }

  .hero-logo {
    width: 246px;
  }

  .brand-hero h1 {
    font-size: 48px;
    line-height: 0.96;
  }

  .section-intro h2,
  .deal-copy h2,
  .find-light-home h1,
  .find-light-home h2,
  .category-hero h1,
  .filter-copy h2,
  .finder-secondary h2,
  .filter-column h2,
  .series-detail-copy h2 {
    font-size: 40px;
    line-height: 1;
  }

  .deal-strip-section,
  .series-navigator,
  .find-light-home,
  .setup-section,
  .trust-section,
  .category-page {
    padding: 50px 18px;
  }

  .deal-copy {
    padding: 26px;
  }

  .amazon-card-row,
  .series-list,
  .finder-entry-grid,
  .finder-entry-grid.large,
  .setup-card-grid,
  .support-card-grid,
  .award-row,
  .media-logo-row,
  .monitor-options,
  .monitor-series-grid,
  .product-card-grid,
  .more-grid,
  .subnav-card-row,
  .merchandising-grid,
  .color-chip-row {
    grid-template-columns: 1fr;
  }

  .series-item {
    aspect-ratio: 1.55 / 1;
  }

  .series-name {
    font-size: 30px;
  }

  .hero-spec {
    left: 18px;
    right: 18px;
  }

  .series-detail.alt .series-product-showcase {
    order: 0;
  }
}

/* Continue-window refinements: Amazon-feasible IA, fixed type tokens, and queued visual fixes. */
:root {
  --type-h1: 64px;
  --type-h2: 36px;
  --type-h3: 26px;
  --type-body: 16px;
  --type-small: 14px;
  --type-caption: 12px;
}

.nav-parent-button {
  position: relative;
  display: inline-grid;
  min-height: 52px;
  padding: 18px 0 16px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  text-transform: inherit;
  cursor: default;
}

.primary-item > .nav-parent-button.active::after,
.primary-item:hover > .nav-parent-button::after,
.primary-item:focus-within > .nav-parent-button::after,
.primary-item.open > .nav-parent-button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  height: 2px;
  background: var(--accent);
}

.finder-selector-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.finder-selector-step {
  min-height: 310px;
}

.finder-selector-step:nth-last-child(-n + 3) {
  border-bottom: 1px solid #e1e5e8;
}

.finder-selector-step:nth-last-child(-n + 5) {
  border-bottom: 0;
}

.finder-selector-lead h1,
.finder-detail-hero h1 {
  font-size: var(--type-h1);
  letter-spacing: 0;
}

.home-entry-card h2,
.section-intro h2,
.series-comparison-section h2 {
  font-size: var(--type-h2);
  letter-spacing: 0;
}

.finder-selector-step strong {
  max-width: 100%;
  font-size: var(--type-h3);
  line-height: 1.08;
  letter-spacing: 0;
  overflow-wrap: normal;
}

.finder-detail-hero p,
.finder-match-copy ul,
.comparison-note,
.brand-entry p,
.support-entry p {
  font-size: var(--type-body);
}

.finder-selector-step p {
  max-width: 100%;
  font-size: var(--type-small);
  line-height: 1.42;
}

.finder-selector-step > span,
.finder-selector-step em,
.finder-option-card span,
.finder-match-copy > span,
.asset-spec {
  font-size: var(--type-caption);
}

.finder-option-card strong,
.store-product-card h3,
.finder-small-product-grid strong,
.comparison-mobile-cards strong {
  font-size: var(--type-small);
}

.finder-option-strip {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.line-option-icon {
  width: 74px;
  height: 48px;
}

.line-option-icon::before,
.line-option-icon::after {
  box-sizing: border-box;
}

.icon-flat,
.icon-straight {
  height: 34px;
  border: 0;
  border-radius: 0;
}

.icon-flat::before,
.icon-flat::after,
.icon-straight::before,
.icon-straight::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
}

.icon-flat::before,
.icon-straight::before {
  top: 13px;
}

.icon-flat::after,
.icon-straight::after {
  top: 24px;
}

.icon-curved {
  height: 44px;
  border: 0;
}

.icon-curved::before,
.icon-curved::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  height: 22px;
  border-top: 4px solid currentColor;
  border-radius: 50% / 100% 100% 0 0;
}

.icon-curved::before {
  top: 10px;
}

.icon-curved::after {
  top: 20px;
}

.icon-dual {
  background: none;
}

.icon-dual::before,
.icon-dual::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 26px;
  height: 20px;
  border: 3px solid currentColor;
  border-radius: 3px;
}

.icon-dual::before {
  left: 8px;
}

.icon-dual::after {
  right: 8px;
}

.icon-fold,
.icon-fold-two {
  height: 48px;
  border: 0;
  border-radius: 0;
}

.icon-fold::before,
.icon-fold::after,
.icon-fold-two::before,
.icon-fold-two::after {
  content: "";
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.icon-fold::before {
  left: 4px;
  top: 25px;
  width: 28px;
  transform: rotate(-22deg);
}

.icon-fold::after {
  right: 4px;
  top: 25px;
  width: 28px;
  transform: rotate(22deg);
  box-shadow: -26px -9px 0 currentColor;
}

.icon-fold-two::before {
  left: 5px;
  top: 22px;
  width: 30px;
  transform: rotate(18deg);
}

.icon-fold-two::after {
  right: 5px;
  top: 22px;
  width: 30px;
  transform: rotate(-18deg);
}

.color-swatch-strip {
  background: #fbfbfb;
}

.color-option-card {
  min-height: 170px;
}

.color-swatch {
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px solid #d9dde1;
  border-radius: 50%;
  box-shadow: inset 0 0 0 10px rgba(255,255,255,0.34), 0 14px 28px rgba(17, 24, 39, 0.12);
}

.swatch-black {
  background: radial-gradient(circle at 30% 24%, #53575c, #111 62%, #000);
}

.swatch-grey {
  background: radial-gradient(circle at 30% 24%, #e3e6e8, #9aa2aa 58%, #5c6570);
}

.swatch-white {
  background: radial-gradient(circle at 30% 24%, #fff, #f5f6f7 58%, #d9dde1);
}

.swatch-pink {
  background: radial-gradient(circle at 30% 24%, #ffe5ed, #e9a6b8 58%, #c6758e);
}

.swatch-rgb {
  background: conic-gradient(from 210deg, #00e873, #0099ff, #ff00b8, #f55625, #00e873);
}

.finder-small-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.finder-small-product-grid article {
  display: grid;
  gap: 8px;
  min-height: 220px;
  padding: 16px;
  border: 1px solid #e1e5e8;
  background: #fff;
}

.finder-small-product-grid img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  background: #f5f6f7;
}

.finder-small-product-grid span:not(.asset-spec) {
  color: #5a6572;
  font-size: var(--type-caption);
  font-weight: 700;
}

.finder-small-product-grid > .asset-spec {
  position: static;
  grid-column: 1 / -1;
  max-height: none;
  border-color: #d9dde1;
  background: #f7f8f8;
  color: #5a6572;
  backdrop-filter: none;
}

.brand-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 24px;
  align-items: center;
}

.space-lit-rings {
  position: relative;
  aspect-ratio: 1;
  min-height: 260px;
  border-radius: 8px;
  background: radial-gradient(circle, rgba(30, 58, 186, 0.12), transparent 58%);
}

.space-lit-rings .ring {
  position: absolute;
  border: 2px solid rgba(17, 24, 39, 0.28);
  border-radius: 50%;
}

.ring-outer {
  inset: 14%;
}

.ring-mid {
  inset: 27%;
}

.ring-core {
  inset: 41%;
  background: #111;
  box-shadow: 0 0 0 12px rgba(30, 58, 186, 0.08);
}

.ring-label {
  position: absolute;
  padding: 5px 8px;
  border: 1px solid #d9dde1;
  background: rgba(255,255,255,0.86);
  color: #46515d;
  font-size: var(--type-caption);
  font-weight: 800;
  text-transform: uppercase;
}

.ring-label.front {
  top: 16%;
  right: 10%;
}

.ring-label.ambient {
  left: 7%;
  top: 48%;
}

.ring-label.desk {
  right: 15%;
  bottom: 18%;
}

.support-entry strong {
  color: #111;
  font-weight: 900;
}

.before-after-video-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
  padding: 58px 0 74px;
  border-top: 1px solid #e6eaed;
}

.before-after-copy {
  display: grid;
  gap: 14px;
}

.before-after-copy h2 {
  margin: 0;
  color: #111;
  font-size: var(--type-h2);
  line-height: 1.08;
  font-weight: 850;
}

.before-after-copy p {
  max-width: 460px;
  margin: 0;
  color: #4e5965;
  font-size: var(--type-body);
  line-height: 1.45;
}

.before-after-video {
  width: 100%;
  aspect-ratio: 2 / 1;
  border: 1px solid #111;
  background: #050606;
  object-fit: cover;
}

.trust-section {
  padding-top: 92px;
  padding-bottom: 110px;
}

.collection-banner {
  min-height: 210px;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.10) 0 1px, transparent 1px 28%),
    linear-gradient(135deg, #050606 0%, #101314 56%, #181812 100%);
  border-color: rgba(255,255,255,0.12);
}

.collection-banner h2,
.collection-banner p {
  color: #fff;
}

.series-page-hero,
.standalone-video {
  width: min(1600px, calc(100vw - 128px));
  max-width: 1600px;
  margin-right: 0;
  margin-left: 0;
}

.series-page-media {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.05), transparent 34%),
    #050606;
}

.series-video-slot {
  background:
    linear-gradient(135deg, #050606 0%, #101314 58%, #15140f 100%);
}

.series-video-slot div {
  display: grid;
  gap: 10px;
  max-width: 720px;
  padding: 0 24px;
}

.series-video-slot strong,
.series-video-slot span:not(.asset-spec) {
  display: block;
}

.series-page-copy .series-lockup {
  flex-wrap: wrap;
}

.series-page-copy .series-lockup img {
  width: 168px;
}

.series-page-copy .series-lockup span {
  font-size: var(--type-h2);
  line-height: 1.05;
}

.comparison-note {
  max-width: 760px;
  margin: -12px 0 22px;
  color: #5a6572;
  line-height: 1.45;
}

.series-product-gallery {
  width: min(1600px, calc(100vw - 128px));
  max-width: 1600px;
  margin-right: 0;
  margin-left: 0;
}

.store-product-row.compact-row.focus-product-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.series-comparison-section {
  width: min(1600px, calc(100vw - 128px));
  margin-right: 0;
  margin-left: 0;
  padding-right: clamp(24px, 5vw, 72px);
  padding-left: clamp(24px, 5vw, 72px);
}

.comparison-table-wrap {
  overflow-x: auto;
}

.series-comparison-table {
  min-width: 100%;
  table-layout: fixed;
}

.series-comparison-table thead th {
  font-size: var(--type-small);
}

.series-comparison-table th,
.series-comparison-table td {
  font-size: var(--type-caption);
  padding-right: 10px;
  padding-left: 10px;
}

.series-comparison-table tbody th {
  width: 150px;
}

.comparison-mobile-cards {
  display: none;
}

@media (max-width: 1120px) {
  .finder-selector-module,
  .brand-entry,
  .before-after-video-section {
    grid-template-columns: 1fr;
  }

  .series-page-hero {
    grid-template-columns: 1fr;
  }

  .finder-selector-grid,
  .store-product-row.compact-row.focus-product-row,
  .finder-small-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  :root {
    --type-h1: 42px;
    --type-h2: 28px;
    --type-h3: 22px;
    --type-body: 15px;
    --type-small: 14px;
    --type-caption: 12px;
  }

  .nav-parent-button {
    flex: 0 0 auto;
    min-height: 46px;
  }

  .series-page-hero,
  .standalone-video,
  .series-product-gallery {
    width: 100%;
  }

  .series-comparison-section {
    width: 100%;
  }

  .series-page-copy .series-lockup img {
    width: 144px;
  }

  .series-page-copy .series-lockup span {
    font-size: var(--type-h3);
  }

  .finder-selector-lead {
    min-height: 360px;
    padding: 34px 24px 52px;
  }

  .finder-selector-grid,
  .finder-option-strip,
  .finder-small-product-grid,
  .store-product-row.compact-row.focus-product-row {
    grid-template-columns: 1fr;
  }


  .finder-selector-step:nth-last-child(-n + 5) {
    border-bottom: 1px solid #e1e5e8;
  }

  .finder-match-card {
    grid-template-columns: 1fr;
  }

  .finder-match-copy {
    padding: 28px 24px;
  }

  .comparison-table-wrap {
    display: none;
  }

  .comparison-mobile-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .comparison-mobile-cards article {
    display: grid;
    gap: 5px;
    padding: 16px;
    border: 1px solid #e1e5e8;
    background: #f7f8f8;
  }

  .comparison-mobile-cards span,
  .comparison-mobile-cards p {
    margin: 0;
    color: #4e5965;
    font-size: var(--type-caption);
    line-height: 1.35;
  }

  .space-lit-rings {
    min-height: 220px;
  }

  .trust-section {
    padding-top: 70px;
    padding-bottom: 82px;
  }
}

/* Final queue overrides must stay after legacy home-card rules. */
.support-entry {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(360px, 0.56fr) minmax(320px, 0.44fr);
  align-items: center;
  gap: 28px;
  min-height: 430px;
  padding: 54px 58px 92px;
  border: 0;
  background:
    linear-gradient(120deg, rgba(0, 141, 255, 0.18), transparent 52%),
    linear-gradient(135deg, #06172c 0%, #072f62 56%, #06172c 100%);
  color: #fff;
}

.support-entry::before {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 24px;
  left: 28px;
  height: 82px;
  border: 1px solid rgba(0, 174, 255, 0.22);
  background:
    linear-gradient(90deg, transparent 0 33%, rgba(255,255,255,0.16) 33% calc(33% + 1px), transparent calc(33% + 1px) 66%, rgba(255,255,255,0.16) 66% calc(66% + 1px), transparent calc(66% + 1px)),
    rgba(4, 48, 93, 0.48);
}

.support-entry::after {
  right: 34px;
  bottom: 20px;
  left: 34px;
  width: auto;
  height: 2px;
  background: linear-gradient(90deg, transparent 8%, rgba(245, 86, 37, 0.85) 16%, transparent 24%, transparent 43%, rgba(245, 86, 37, 0.85) 50%, transparent 57%, transparent 76%, rgba(245, 86, 37, 0.85) 84%, transparent 92%);
  box-shadow: none;
}

.support-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 18px;
}

.support-entry .entry-kicker {
  max-width: 620px;
  color: #15b9ff;
  font-size: var(--type-small);
}

.support-entry h2 {
  max-width: 560px;
  color: #fff;
  font-size: 56px;
  line-height: 1.02;
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
}

.support-entry p {
  max-width: 620px;
  color: rgba(238, 246, 255, 0.82);
  font-size: 24px;
  line-height: 1.45;
}

.support-entry strong {
  display: inline-block;
  margin-top: 18px;
  color: #fff;
  font-weight: 900;
}

.support-entry strong::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 12px;
  border: 3px solid #ff5b24;
  border-radius: 50%;
  vertical-align: -3px;
}

.support-entry strong::after {
  content: " ->";
  margin-left: 12px;
  color: #ff5b24;
}

.support-visual {
  position: relative;
  z-index: 1;
  min-height: 300px;
}

.support-orbit {
  position: absolute;
  inset: 50%;
  border: 1px solid rgba(27, 146, 255, 0.24);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.orbit-one {
  width: 290px;
  height: 290px;
}

.orbit-two {
  width: 210px;
  height: 210px;
}

.orbit-three {
  width: 130px;
  height: 130px;
  background: rgba(0, 98, 214, 0.18);
}

.support-symbol {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 112px;
  height: 92px;
  border: 7px solid rgba(238, 248, 255, 0.95);
  border-bottom: 0;
  border-radius: 80px 80px 0 0;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.support-symbol::before,
.support-symbol::after {
  content: "";
  position: absolute;
  bottom: -28px;
  width: 24px;
  height: 42px;
  border-radius: 9px;
  background: linear-gradient(180deg, #fff, #bfe9ff);
}

.support-symbol::before {
  left: -10px;
}

.support-symbol::after {
  right: -10px;
}

.support-visual::after {
  content: "";
  position: absolute;
  left: calc(50% + 22px);
  top: calc(50% + 48px);
  width: 52px;
  height: 8px;
  border-radius: 999px;
  background: #d8f4ff;
  transform: translateX(-50%);
}

.brand-entry {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(320px, 0.45fr) minmax(360px, 0.55fr);
  justify-items: stretch;
  align-items: center;
  gap: 34px;
  min-height: 430px;
  padding: 48px 56px 84px;
  border: 0;
  background: linear-gradient(100deg, #fff 0%, #f8fbfd 56%, #eef5f9 100%);
  text-align: left;
}

.brand-entry::after {
  right: 0;
  bottom: 42px;
  left: 52%;
  width: auto;
  background: linear-gradient(90deg, transparent, rgba(245, 86, 37, 0.68), transparent);
}

.brand-entry h2 {
  max-width: 520px;
  color: #0a2144;
  font-size: 42px;
  line-height: 1.08;
  font-weight: 850;
}

.brand-entry p {
  max-width: 510px;
  color: #26384d;
  font-size: var(--type-body);
  line-height: 1.62;
}

.brand-entry .entry-kicker {
  color: #ff5b24;
  font-weight: 850;
}

.brand-value-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.brand-value-row span {
  position: relative;
  min-height: 74px;
  padding: 34px 14px 0 0;
  border-right: 1px solid rgba(10, 33, 68, 0.18);
  color: #0a2144;
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1.25;
}

.brand-value-row span:last-child {
  border-right: 0;
}

.brand-value-row span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #0a2144;
}

.brand-value-row span:nth-child(1)::before {
  border-radius: 50%;
  box-shadow: inset 0 0 0 7px #fff, inset 0 0 0 9px #0a2144;
}

.brand-value-row span:nth-child(2)::before {
  border-radius: 2px;
  border-bottom-width: 6px;
}

.brand-value-row span:nth-child(3)::before {
  width: 20px;
  height: 20px;
  border: 0;
  background:
    linear-gradient(#0a2144, #0a2144) 50% 0 / 2px 20px no-repeat,
    linear-gradient(90deg, #0a2144, #0a2144) 0 50% / 20px 2px no-repeat;
  transform: rotate(45deg);
}

.space-lit-diagram {
  position: relative;
  min-height: 310px;
}

.diagram-monitor {
  position: absolute;
  left: 15%;
  right: 8%;
  top: 34%;
  height: 118px;
  border: 1px solid rgba(255, 91, 36, 0.35);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(246,250,252,0.86));
}

.diagram-front-light {
  position: absolute;
  left: 20%;
  right: 12%;
  top: 26%;
  height: 8px;
  border: 1px solid #8da6bf;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 130, 214, 0.18);
}

.diagram-stand {
  position: absolute;
  left: 46%;
  bottom: 20%;
  width: 78px;
  height: 50px;
  border: 1px solid rgba(255, 91, 36, 0.32);
  border-top: 0;
}

.diagram-stand::after,
.diagram-desk {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(255, 91, 36, 0.34);
}

.diagram-stand::after {
  left: -78px;
  right: -120px;
  bottom: -12px;
}

.diagram-desk {
  left: 3%;
  right: 0;
  bottom: 18%;
}

.diagram-glow {
  position: absolute;
  left: 18%;
  right: 8%;
  bottom: 12%;
  height: 80px;
  background: linear-gradient(180deg, rgba(245, 86, 37, 0.16), transparent);
  clip-path: polygon(18% 0, 86% 0, 100% 100%, 0 100%);
}

.diagram-label {
  position: absolute;
  color: #0a2144;
  font-size: var(--type-caption);
  font-weight: 800;
}

.diagram-label.front {
  left: 44%;
  top: 17%;
}

.diagram-label.ambient {
  left: 33%;
  top: 45%;
}

.diagram-label.space {
  left: 48%;
  bottom: 14%;
}

.support-search-line {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 8px;
  color: #fff;
  font-weight: 850;
}

.support-search-line::before {
  content: "";
  width: 23px;
  height: 23px;
  border: 3px solid var(--accent);
  border-radius: 50%;
  box-shadow: 13px 13px 0 -10px var(--accent);
  transform: rotate(45deg);
}

.support-search-line strong {
  color: #fff;
}

.support-search-line strong::after {
  content: "->";
  margin-left: 12px;
  color: var(--accent);
  font-weight: 900;
}

.before-after-video-section {
  gap: 34px;
  box-sizing: border-box;
  padding: 66px clamp(28px, 4vw, 64px) 82px;
  border-top: 1px solid #e1e7ec;
}

.before-after-copy {
  align-content: center;
  gap: 18px;
}

.before-after-copy .entry-kicker {
  color: #53606d;
}

.before-after-copy h2 {
  max-width: 520px;
}

.before-after-copy p {
  color: #22272d;
  font-weight: 650;
  line-height: 1.42;
}

.video-watch-cta {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  color: #53606d;
  font-size: var(--type-small);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.video-watch-cta::before {
  content: "";
  width: 28px;
  height: 2px;
  margin-right: 10px;
  background: var(--accent);
}

.before-after-video {
  border-color: #d7dde2;
  box-shadow: 0 18px 46px rgba(10, 24, 40, 0.13);
}

@media (max-width: 1120px) {
  .support-entry,
  .brand-entry {
    grid-template-columns: 1fr;
  }

  .monitor-type-product-grid,
  .monitor-type-product-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }
}

@media (max-width: 760px) {
  .monitor-type-category {
    grid-template-columns: 1fr;
  }

  .monitor-type-product-grid,
  .monitor-type-product-grid-compact,
  .brand-value-row {
    grid-template-columns: 1fr;
  }

  .support-entry,
  .brand-entry {
    padding: 34px 24px 76px;
  }

  .support-entry h2,
  .brand-entry h2 {
    font-size: var(--type-h2);
  }

  .support-entry p {
    font-size: var(--type-body);
  }

  .support-visual,
  .space-lit-diagram {
    min-height: 260px;
  }

  .before-after-video-section {
    grid-template-columns: 1fr;
  }
}

/* Queue 10: unified Awards / Media / Share section rhythm. */
.awards-section,
.media-section,
.share-section {
  --home-section-y: 88px;
  --home-section-title-gap: 40px;
  margin: 0;
  padding-top: var(--home-section-y);
  padding-bottom: var(--home-section-y);
}

.awards-section,
.media-section {
  position: relative;
  padding-right: clamp(28px, 5vw, 88px);
  padding-left: clamp(28px, 5vw, 88px);
  border-top: 1px solid #edf0f2;
  background: #fff;
  color: #111;
}

.share-section {
  padding-right: clamp(28px, 5vw, 88px);
  padding-left: clamp(28px, 5vw, 88px);
  background: #f5f6f7;
}

.awards-section .section-intro,
.media-section .section-intro {
  margin: 0;
}

.awards-section .section-intro h2,
.media-section .section-intro h2 {
  margin: 0 0 var(--home-section-title-gap);
}

.award-row,
.media-logo-row {
  margin-top: 0;
  margin-bottom: 0;
}

.media-section .asset-spec {
  bottom: 8px;
}

.share-section .share-button {
  margin-bottom: 24px;
}

.share-section p {
  margin: 0;
}

@media (max-width: 1120px) {
  .awards-section,
  .media-section,
  .share-section {
    --home-section-y: 72px;
    --home-section-title-gap: 32px;
  }
}

@media (max-width: 760px) {
  .awards-section,
  .media-section,
  .share-section {
    --home-section-y: 56px;
    --home-section-title-gap: 28px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

/* Queue 11: premium Find Your Light module. */
.home-entry-card.finder-entry:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) {
  isolation: isolate;
  min-height: 430px;
  padding: 42px 38px 72px;
  border-color: rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(ellipse at 72% 12%, rgba(255, 255, 255, 0.12), transparent 34%),
    radial-gradient(ellipse at 10% 100%, rgba(255, 255, 255, 0.055), transparent 46%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 44%),
    #050606;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.finder-entry::before {
  content: "";
  position: absolute;
  inset: -24%;
  z-index: 0;
  background:
    radial-gradient(ellipse at 60% 38%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(ellipse at 20% 74%, rgba(245, 86, 37, 0.055), transparent 38%);
  opacity: 0.72;
  pointer-events: none;
  animation: finder-breathe 8s ease-in-out infinite;
}

.finder-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: auto;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 32%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045), transparent 36%, rgba(255, 255, 255, 0.035));
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

@keyframes finder-breathe {
  0%,
  100% {
    opacity: 0.58;
    transform: scale(0.99);
  }

  50% {
    opacity: 0.86;
    transform: scale(1.02);
  }
}

.finder-entry .entry-kicker {
  color: #f55625 !important;
  letter-spacing: 0.12em;
}

.finder-entry h2 {
  max-width: 720px;
  color: #fff !important;
}

.finder-entry p {
  max-width: 560px;
  color: rgba(242, 244, 243, 0.82) !important;
}

.finder-entry-options {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(72px, 1fr));
  gap: 14px;
  max-width: 760px;
  margin-top: 12px;
}

.finder-entry-option {
  display: grid;
  justify-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.finder-entry-option strong {
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1.2;
}

.finder-choice-icon {
  position: relative;
  display: block;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.035);
  box-shadow:
    inset 0 1px 14px rgba(255, 255, 255, 0.08),
    0 16px 32px rgba(0, 0, 0, 0.28);
}

.finder-choice-icon::before,
.finder-choice-icon::after {
  content: "";
  position: absolute;
  color: rgba(255, 255, 255, 0.88);
}

.finder-choice-setup::before {
  left: 21px;
  top: 24px;
  width: 33px;
  height: 21px;
  border: 2px solid currentColor;
  border-radius: 2px;
}

.finder-choice-setup::after {
  left: 28px;
  top: 50px;
  width: 20px;
  height: 8px;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  box-shadow: 8px 8px 0 -7px currentColor, -8px 8px 0 -7px currentColor;
}

.finder-choice-purpose::before {
  inset: 20px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: inset 0 0 0 8px #050606, inset 0 0 0 10px currentColor;
}

.finder-choice-purpose::after {
  right: 18px;
  top: 16px;
  width: 18px;
  height: 2px;
  background: currentColor;
  transform: rotate(-42deg);
  box-shadow: 7px -5px 0 -1px currentColor, 5px 5px 0 -1px currentColor;
}

.finder-choice-scenario::before {
  left: 20px;
  top: 20px;
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-radius: 2px;
  box-shadow:
    23px 0 0 -2px #050606,
    23px 0 0 0 currentColor,
    0 23px 0 -2px #050606,
    0 23px 0 0 currentColor,
    23px 23px 0 -2px #050606,
    23px 23px 0 0 currentColor;
}

.finder-choice-scenario::after {
  display: none;
}

.finder-choice-shape {
  display: grid;
  place-items: center;
}

.finder-choice-shape::before,
.finder-choice-shape::after {
  display: none;
}

.finder-choice-shape i {
  position: absolute;
  display: block;
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.9);
}

.finder-choice-shape .shape-straight {
  top: 30px;
}

.finder-choice-shape .shape-curved {
  top: 43px;
  height: 15px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 0 0 50% 50%;
  background: transparent;
}

.finder-choice-color::before {
  inset: 18px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background:
    conic-gradient(from 0deg, transparent 0 12.5%, currentColor 12.5% 14.5%, transparent 14.5% 25%, currentColor 25% 27%, transparent 27% 37.5%, currentColor 37.5% 39.5%, transparent 39.5% 50%, currentColor 50% 52%, transparent 52% 62.5%, currentColor 62.5% 64.5%, transparent 64.5% 75%, currentColor 75% 77%, transparent 77% 87.5%, currentColor 87.5% 89.5%, transparent 89.5% 100%);
}

.finder-choice-color::after {
  left: 28px;
  top: 28px;
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: #050606;
}

.finder-entry .entry-cta {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  margin-top: 8px;
  padding: 0 22px;
  border-radius: 8px;
  background: #f55625;
  box-shadow: 0 14px 34px rgba(245, 86, 37, 0.22);
  color: #fff !important;
}

.finder-entry .entry-cta::after {
  color: #fff;
}

@media (max-width: 1120px) {
  .finder-entry-options {
    grid-template-columns: repeat(3, minmax(72px, 1fr));
    max-width: 520px;
  }
}

@media (max-width: 760px) {
  .finder-entry {
    padding: 34px 24px 76px;
  }

  .finder-entry-options {
    grid-template-columns: repeat(2, minmax(72px, 1fr));
    max-width: 100%;
  }

  .finder-choice-icon {
    width: 66px;
    height: 66px;
  }
}

/* Queue 8 visual polish: make the trust strip read like four illustrated tiles. */
.quiet-proof-strip {
  column-gap: 0;
  padding-top: 46px;
  padding-bottom: 78px;
}

.quiet-proof-strip article {
  gap: 16px;
  min-height: 332px;
  padding: 26px 26px 28px;
}

.quiet-proof-strip h2 {
  margin-top: 2px;
  font-size: clamp(22px, 1.7vw, var(--type-h3));
}

.quiet-proof-strip p {
  max-width: 310px;
  color: #182537;
}

.proof-icon {
  width: 168px;
  height: 134px;
  color: #07172b;
}

.proof-icon svg {
  stroke-width: 2.6;
}

.proof-icon .proof-accent,
.proof-icon .proof-accent-fill {
  stroke: #f55625;
}

.proof-icon .proof-accent-fill {
  fill: #fff;
}

@media (max-width: 760px) {
  .proof-icon {
    width: 146px;
    height: 118px;
  }
}

/* Queue 17: formal Quntis proof icon system. */
.quiet-proof-strip {
  padding-top: 54px;
  padding-bottom: 82px;
}

.quiet-proof-strip article {
  grid-template-rows: 80px 32px 70px;
  gap: 18px;
  min-height: 292px;
  padding: 22px 24px 26px;
  border-right-color: rgba(10, 24, 40, 0.12);
}

.quiet-proof-strip h2 {
  align-self: end;
  margin: 0;
  color: #06172b;
  font-size: clamp(22px, 1.45vw, 24px);
  line-height: 1.15;
  font-weight: 850;
  white-space: nowrap;
}

.quiet-proof-strip p {
  max-width: 300px;
  min-height: 70px;
  color: #172436;
  font-size: var(--type-body);
  line-height: 1.45;
}

.proof-icon {
  width: 80px;
  height: 80px;
  color: #06172b;
}

.proof-icon svg {
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.proof-icon path,
.proof-icon circle {
  vector-effect: non-scaling-stroke;
}

.proof-icon .proof-accent {
  stroke: #f55625;
}

.proof-icon .proof-accent-fill {
  fill: #fff;
  stroke: #f55625;
}

@media (max-width: 1120px) {
  .quiet-proof-strip article {
    border-color: rgba(10, 24, 40, 0.12);
  }
}

@media (max-width: 760px) {
  .quiet-proof-strip article {
    grid-template-rows: 80px auto auto;
  }

  .proof-icon {
    width: 80px;
    height: 80px;
  }

  .quiet-proof-strip h2 {
    white-space: normal;
  }

  .quiet-proof-strip p {
    min-height: 0;
  }
}

/* Queue 13: keep same-row home tiles on one consistent visual height. */
@media (min-width: 1121px) {
  .home-entry-grid {
    align-items: start;
  }

  .series-entry.glow-entry,
  .series-entry.im-entry,
  .series-entry.studio-entry,
  .home-entry-card.finder-entry:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) {
    height: clamp(360px, 29vw, 470px);
    min-height: 0;
    box-sizing: border-box;
  }

  .home-entry-card.finder-entry:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry) {
    gap: 8px;
    padding: 38px 38px 58px;
  }

  .finder-entry .entry-kicker {
    font-size: var(--type-caption);
    line-height: 1.2;
  }

  .finder-entry h2 {
    max-width: 640px;
    font-size: var(--type-h3);
    line-height: 1.08;
  }

  .finder-entry p {
    max-width: 560px;
    font-size: var(--type-small);
    line-height: 1.34;
  }

  .finder-entry-options {
    grid-template-columns: repeat(5, minmax(54px, 1fr));
    gap: 10px;
    max-width: 650px;
    margin-top: 8px;
  }

  .finder-entry-option {
    gap: 6px;
  }

  .finder-entry-option strong,
  .finder-entry .entry-cta {
    font-size: var(--type-caption);
  }

  .finder-choice-icon {
    width: 58px;
    height: 58px;
  }

  .finder-choice-setup::before {
    left: 17px;
    top: 18px;
    width: 24px;
    height: 15px;
    border-width: 1.6px;
  }

  .finder-choice-setup::after {
    left: 21px;
    top: 37px;
    width: 14px;
    height: 6px;
    border-bottom-width: 1.6px;
    box-shadow: 6px 6px 0 -5px currentColor, -6px 6px 0 -5px currentColor;
  }

  .finder-choice-purpose::before {
    inset: 15px;
    border-width: 1.8px;
    box-shadow: inset 0 0 0 6px #050606, inset 0 0 0 8px currentColor;
  }

  .finder-choice-purpose::after {
    right: 13px;
    top: 12px;
    width: 14px;
    height: 1.8px;
    box-shadow: 5px -4px 0 -1px currentColor, 4px 4px 0 -1px currentColor;
  }

  .finder-choice-scenario::before {
    left: 17px;
    top: 17px;
    width: 9px;
    height: 9px;
    border-width: 1.7px;
    box-shadow:
      18px 0 0 -1.7px #050606,
      18px 0 0 0 currentColor,
      0 18px 0 -1.7px #050606,
      0 18px 0 0 currentColor,
      18px 18px 0 -1.7px #050606,
      18px 18px 0 0 currentColor;
  }

  .finder-choice-shape i {
    width: 32px;
  }

  .finder-choice-shape .shape-straight {
    top: 24px;
  }

  .finder-choice-shape .shape-curved {
    top: 34px;
    height: 11px;
  }

  .finder-choice-color::before {
    inset: 13px;
    border-width: 1.7px;
  }

  .finder-choice-color::after {
    left: 22px;
    top: 22px;
    width: 14px;
    height: 14px;
    border-width: 1.7px;
  }

  .finder-entry .entry-cta {
    min-height: 38px;
    margin-top: 0;
    padding: 0 18px;
    border-radius: 6px;
  }
}

/* Queues 15-16: normalize the home-card rows after support/brand refinements. */
@media (min-width: 1121px) {
  .home-entry-card {
    --home-card-row-height: clamp(390px, 29vw, 470px);
  }

  .featured-entry,
  .series-entry.focus-entry,
  .series-entry.glow-entry,
  .series-entry.im-entry,
  .series-entry.studio-entry,
  .home-entry-card.finder-entry:not(.series-entry):not(.featured-entry):not(.support-entry):not(.brand-entry),
  .support-entry,
  .brand-entry {
    height: var(--home-card-row-height);
    min-height: 0;
    box-sizing: border-box;
  }

  .featured-entry {
    padding: 28px 34px 58px;
  }

  .featured-copy-block {
    gap: 10px;
  }

  .featured-entry h2 {
    font-size: clamp(34px, 3.2vw, 52px);
  }

  .featured-mini-stack {
    gap: 9px;
  }

  .featured-mini-card {
    min-height: 92px;
    padding: 10px;
  }

  .featured-mini-card img {
    height: 72px;
  }

  .featured-service-row {
    padding-top: 10px;
  }

  .support-entry,
  .brand-entry {
    grid-column: 1 / -1;
    padding: 34px 52px 58px;
  }

  .support-copy {
    gap: 12px;
  }

  .support-entry h2,
  .brand-entry h2 {
    font-size: var(--type-h2);
    line-height: 1.08;
  }

  .support-entry p {
    max-width: 760px;
    font-size: var(--type-body);
    line-height: 1.52;
  }

  .support-hub-name {
    color: #fff;
    font-weight: 900;
  }

  .support-visual {
    min-height: 230px;
  }

  .orbit-one {
    width: 232px;
    height: 232px;
  }

  .orbit-two {
    width: 166px;
    height: 166px;
  }

  .orbit-three {
    width: 104px;
    height: 104px;
  }

  .support-symbol {
    width: 88px;
    height: 72px;
    border-width: 6px;
  }

  .support-symbol::before,
  .support-symbol::after {
    bottom: -23px;
    width: 20px;
    height: 34px;
  }

  .support-visual::after {
    top: calc(50% + 39px);
    width: 42px;
    height: 7px;
  }

  .support-entry::before {
    height: 58px;
  }

  .brand-entry {
    grid-template-columns: minmax(320px, 0.48fr) minmax(320px, 0.52fr);
    gap: 24px;
  }

  .brand-entry p {
    max-width: 560px;
    line-height: 1.52;
  }

  .brand-value-row {
    gap: 10px;
  }

  .brand-value-row span {
    min-height: 50px;
    padding: 0 12px;
    font-size: var(--type-caption);
  }

  .space-lit-diagram {
    min-height: 240px;
  }
}

/* Queue 18: Featured & Deals page matched to the provided Amazon Store reference. */
.featured-body {
  --fd-orange: #f55625;
  --fd-yellow: #ffd814;
  --fd-ink: #07182c;
  --fd-muted: #536173;
  --fd-line: rgba(8, 24, 44, 0.13);
  background: #fff;
}

.featured-body .store-header {
  border-bottom-color: #d9dee3;
  box-shadow: 0 1px 0 rgba(8, 24, 44, 0.04);
}

.featured-body .header-main {
  grid-template-columns: minmax(160px, 205px) minmax(0, 1fr) minmax(62px, 80px);
  gap: 16px;
  min-height: 52px;
  padding: 0 26px;
}

.featured-body .brand-cluster {
  gap: 14px;
}

.featured-body .brand-img img {
  width: 112px;
}

.featured-body .store-follow-cluster {
  display: block;
}

.featured-body .store-name {
  display: none;
}

.featured-body .follow-button {
  min-width: 64px;
  min-height: 30px;
  padding: 0 14px;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  font-size: var(--type-caption);
}

.featured-body .primary-nav {
  gap: 18px;
  justify-content: space-between;
  font-size: 9.5px;
}

.featured-body .primary-nav > a,
.featured-body .primary-item > a,
.featured-body .nav-parent-button {
  padding-top: 18px;
  padding-bottom: 16px;
}

.featured-body .nav-parent-button {
  color: #111;
  font-size: 10px;
  font-weight: 850;
}

.featured-body .primary-nav > a.active::after,
.featured-body .primary-nav > a:hover::after,
.featured-body .primary-item > a.active::after,
.featured-body .primary-item:hover > a::after,
.featured-body .primary-item:focus-within > a::after,
.featured-body .primary-item.open > a::after {
  bottom: 7px;
  height: 3px;
  background: var(--fd-orange);
}

.store-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.store-icon-button {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  background: transparent;
  color: #050606;
  cursor: pointer;
}

.store-icon-button svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.featured-reference-page {
  min-height: 100vh;
  padding: 16px 0 0;
  background: #fff;
  color: var(--fd-ink);
}

.featured-page-intro,
.fd-offers,
.fd-collection,
.fd-bundle-section,
.fd-benefit-bar {
  width: min(1120px, calc(100vw - 64px));
  margin-right: auto;
  margin-left: auto;
}

.featured-page-intro {
  padding: 4px 0 10px;
}

.featured-page-intro h1 {
  margin: 0;
  color: #050606;
  font-size: var(--type-h2);
  font-weight: 900;
  line-height: 1.04;
}

.featured-page-intro p {
  max-width: 430px;
  margin: 8px 0 0;
  color: #334155;
  font-size: var(--type-caption);
  font-weight: 500;
  line-height: 1.45;
}

.fd-offers {
  display: grid;
  grid-template-columns: 278px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.fd-offer-card,
.fd-product-card,
.fd-collection-head,
.fd-horizontal-product,
.fd-bundle-section,
.fd-bundle-card,
.fd-benefit-bar {
  border: 1px solid var(--fd-line);
  border-radius: 8px;
}

.fd-offer-card {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 296px;
  overflow: hidden;
  padding: 28px 24px 30px;
  background:
    radial-gradient(ellipse at 114% 97%, rgba(245, 86, 37, 0.75), transparent 27%),
    radial-gradient(ellipse at 102% 84%, rgba(255, 173, 0, 0.32), transparent 22%),
    linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 46%),
    #050606;
  color: #fff;
}

.fd-offer-card::after {
  content: "";
  position: absolute;
  right: -26px;
  bottom: 32px;
  width: 220px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 179, 72, 0.35), #f55625);
  box-shadow: 0 0 24px rgba(245, 86, 37, 0.7);
  transform: rotate(-18deg);
}

.fd-tag,
.fd-card-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 0 9px;
  border-radius: 4px;
  background: var(--fd-orange);
  color: #fff;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1;
}

.fd-offer-card h2 {
  max-width: 220px;
  margin: 18px 0 0;
  color: #fff;
  font-size: var(--type-h3);
  font-weight: 900;
  line-height: 1.04;
}

.fd-offer-card p {
  max-width: 210px;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: var(--type-caption);
  font-weight: 600;
  line-height: 1.45;
}

.fd-offer-note {
  position: relative;
  z-index: 1;
  margin-top: 54px;
  color: var(--fd-orange);
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.fd-offer-note::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  vertical-align: -4px;
  box-shadow: 8px 0 0 -2px #050606, 8px 0 0 0 currentColor;
}

.fd-offer-products,
.fd-product-grid,
.fd-arrival-grid,
.fd-bundle-grid {
  display: grid;
  gap: 12px;
}

.fd-offer-products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fd-product-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 126px minmax(38px, auto) auto auto auto;
  gap: 6px;
  min-height: 296px;
  overflow: hidden;
  padding: 10px 14px 12px;
  background: #fff;
  color: var(--fd-ink);
}

.fd-card-badge {
  position: relative;
  z-index: 2;
  margin-bottom: -4px;
}

.fd-product-media,
.fd-horizontal-media {
  display: grid;
  min-width: 0;
  place-items: center;
  overflow: hidden;
  background: #f8f9fa;
}

.fd-product-media {
  height: 126px;
}

.fd-product-media img {
  width: 92%;
  height: 112px;
  object-fit: contain;
}

.fd-product-card h3,
.fd-horizontal-product h3,
.fd-floating-card h3,
.fd-benefit-bar h3 {
  margin: 0;
  color: var(--fd-ink);
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.22;
}

.fd-product-card h3 {
  display: -webkit-box;
  min-height: 36px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fd-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: #ff8a00;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}

.fd-rating b {
  overflow: hidden;
  color: #24527f;
  font-size: var(--type-caption);
  font-weight: 700;
  text-overflow: ellipsis;
}

.fd-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  color: #050606;
  font-size: var(--type-h3);
  font-weight: 850;
  line-height: 1;
}

.fd-price em {
  color: #cc0c39;
  font-style: normal;
  font-weight: 500;
}

.fd-price sup {
  font-size: var(--type-caption);
  line-height: 0;
}

.fd-price s {
  color: #667085;
  font-size: var(--type-caption);
  font-weight: 500;
}

.fd-prime {
  margin: 0;
  color: #0085c7;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.1;
}

.fd-prime small {
  margin-left: 8px;
  color: #1f2937;
  font-size: var(--type-caption);
  font-weight: 600;
}

.fd-cart-button {
  display: grid;
  width: 100%;
  min-height: 28px;
  margin-top: auto;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: var(--fd-yellow);
  color: #050606;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}

.featured-reference-page .featured-asset-spec {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  grid-column: 1 / -1;
  max-height: none;
  margin: 8px 0 0;
  overflow: visible;
  padding: 7px 10px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #f8fafc;
  color: #5d6875;
  font-size: var(--type-caption);
  font-weight: 750;
  line-height: 1.34;
  pointer-events: none;
  backdrop-filter: none;
}

.featured-reference-page .featured-asset-spec-dark {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
}

.fd-collection {
  margin-top: 12px;
}

.fd-collection-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  min-height: 56px;
  padding: 8px 32px 8px 16px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 100% 82%, rgba(245, 86, 37, 0.66), transparent 23%),
    linear-gradient(90deg, #050606 0%, #050606 66%, #1a100c 100%);
  color: #fff;
}

.fd-collection-icon {
  display: grid;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  place-items: center;
  color: var(--fd-orange);
}

.fd-collection-icon svg,
.fd-benefit-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fd-collection-head h2 {
  margin: 0;
  color: #fff;
  font-size: var(--type-h3);
  font-weight: 900;
  line-height: 0.95;
}

.fd-collection-head p {
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--type-caption);
  font-weight: 600;
  line-height: 1.2;
}

.fd-collection-head a {
  color: #fff;
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1;
}

.fd-product-grid {
  margin-top: 8px;
}

.fd-product-grid-five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.fd-small-card {
  grid-template-rows: 94px minmax(36px, auto) auto auto auto;
  min-height: 210px;
  padding: 8px 12px 10px;
}

.fd-small-card .fd-product-media {
  height: 94px;
}

.fd-small-card .fd-product-media img {
  height: 86px;
}

.fd-small-card .fd-price {
  font-size: var(--type-body);
}

.fd-arrival-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 8px;
}

.fd-horizontal-product {
  display: grid;
  grid-template-columns: 45% 1fr;
  gap: 12px;
  min-height: 126px;
  padding: 10px 14px;
  background: #fff;
}

.fd-horizontal-media {
  min-height: 104px;
}

.fd-horizontal-media img {
  width: 100%;
  height: 98px;
  object-fit: contain;
}

.fd-horizontal-copy {
  display: grid;
  align-content: center;
  gap: 4px;
}

.fd-horizontal-product .fd-price {
  font-size: var(--type-body);
}

.fd-bundle-section {
  margin-top: 12px;
  overflow: hidden;
  padding: 0;
  background: #050606;
  color: #fff;
}

.fd-bundle-hero {
  position: relative;
  display: grid;
  height: 226px;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
}

.fd-bundle-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, #050606 0%, rgba(5, 6, 6, 0.96) 24%, rgba(5, 6, 6, 0.52) 42%, rgba(5, 6, 6, 0) 67%),
    linear-gradient(0deg, rgba(5, 6, 6, 0.12), rgba(5, 6, 6, 0.06));
  pointer-events: none;
}

.fd-bundle-hero-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.fd-bundle-hero-image img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 50%;
}

.fd-bundle-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: start;
  width: 305px;
  padding: 16px 0 16px 34px;
}

.fd-bundle-copy span {
  color: var(--fd-orange);
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.fd-bundle-copy span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-right: 8px;
  border: 2px solid currentColor;
  border-radius: 5px;
  vertical-align: -2px;
  transform: rotate(-34deg);
}

.fd-bundle-copy h2 {
  max-width: 270px;
  margin: 10px 0 0;
  color: #fff;
  font-size: var(--type-h2);
  font-weight: 900;
  line-height: 1.05;
}

.fd-bundle-copy p {
  max-width: 238px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--type-body);
  font-weight: 650;
  line-height: 1.42;
}

.fd-bundle-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
}

.fd-bundle-card {
  position: relative;
  min-height: 254px;
  overflow: hidden;
  background: #0a0a0a;
  border-color: rgba(255, 255, 255, 0.16);
}

.fd-bundle-card > .fd-card-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 4;
}

.fd-bundle-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 55%;
  max-width: none;
  object-fit: cover;
  opacity: 0.98;
}

.fd-bundle-card::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 39%, #fff 100%);
}

.fd-hotspot {
  position: absolute;
  left: 50%;
  top: 39%;
  z-index: 4;
  width: 24px;
  height: 24px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #101010;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
  transform: translate(-50%, -50%);
}

.fd-hotspot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 19px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 14px solid #fff;
  border-left: 10px solid transparent;
  transform: translateX(-50%);
}

.fd-floating-card {
  position: absolute;
  right: 26px;
  bottom: 12px;
  left: 26px;
  z-index: 3;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  height: 128px;
  min-height: 0;
  padding: 10px 12px 30px;
  border: 1px solid rgba(8, 24, 44, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 19px rgba(8, 24, 44, 0.22);
}

.fd-floating-card > img {
  align-self: center;
  width: 78px;
  height: 76px;
  object-fit: contain;
}

.fd-floating-card > div {
  display: grid;
  align-content: center;
  gap: 1px;
  min-width: 0;
}

.fd-floating-card h3 {
  font-size: var(--type-caption);
  line-height: 1.12;
}

.fd-floating-card p {
  margin: 0;
  color: #1f2937;
  font-size: var(--type-caption);
  font-weight: 650;
  line-height: 1.12;
}

.fd-floating-card > div > p:nth-of-type(1) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fd-floating-card .fd-rating span {
  color: #ff8a00;
}

.fd-bundle-price {
  color: #050606;
  font-size: var(--type-caption);
  font-weight: 900;
}

.fd-bundle-price s,
.fd-bundle-price small {
  color: #475467;
  font-size: var(--type-caption);
  font-weight: 600;
}

.fd-floating-card .fd-cart-button {
  position: absolute;
  right: 16px;
  bottom: 8px;
  left: 16px;
  min-height: 22px;
}

.featured-reference-page .featured-bundle-spec {
  display: block;
  width: min(1120px, calc(100vw - 64px));
  margin: 8px auto 0;
}

.fd-benefit-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 86px;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 14px 18px;
  background: #fff;
  box-shadow: 0 -1px 0 rgba(8, 24, 44, 0.03);
}

.fd-benefit-bar article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 0 20px;
  border-right: 1px solid var(--fd-line);
}

.fd-benefit-bar article:last-child {
  border-right: 0;
}

.fd-benefit-icon {
  color: #111;
}

.fd-benefit-icon svg {
  width: 32px;
  height: 32px;
  stroke-width: 2.1;
}

.fd-benefit-bar h3 {
  font-size: var(--type-caption);
  line-height: 1.2;
}

.fd-benefit-bar p {
  margin: 4px 0 0;
  color: #27364a;
  font-size: var(--type-caption);
  font-weight: 550;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .featured-body .header-main {
    grid-template-columns: minmax(170px, 230px) minmax(520px, 1fr) 78px;
    gap: 16px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .featured-body .primary-nav {
    gap: 18px;
  }
}

@media (max-width: 980px) {
  .featured-body .header-main {
    grid-template-columns: 1fr auto;
    min-height: auto;
    padding: 10px 18px;
  }

  .featured-body .primary-nav {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 4px;
    white-space: normal;
  }

  .featured-page-intro,
  .fd-offers,
  .fd-collection,
  .fd-bundle-section,
  .fd-benefit-bar {
    width: min(100% - 32px, 720px);
  }

  .fd-offers,
  .fd-arrival-grid,
  .fd-bundle-grid {
    grid-template-columns: 1fr;
  }

  .fd-offer-products,
  .fd-product-grid-five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-offer-card {
    min-height: 250px;
  }

  .fd-bundle-hero {
    min-height: 390px;
  }

  .fd-bundle-copy {
    width: min(360px, 74%);
  }

  .fd-bundle-grid {
    padding: 12px;
  }

  .fd-bundle-card {
    min-height: 360px;
  }

  .fd-benefit-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 0;
  }

  .fd-benefit-bar article:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 640px) {
  .featured-reference-page {
    padding-top: 14px;
  }

  .featured-body .brand-img img {
    width: 108px;
  }

  .featured-body .primary-nav {
    gap: 6px;
    font-size: 9px;
  }

  .featured-body .primary-nav > a,
  .featured-body .primary-item > a,
  .featured-body .nav-parent-button {
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .fd-offer-products,
  .fd-product-grid-five,
  .fd-benefit-bar {
    grid-template-columns: 1fr;
  }

  .fd-collection-head {
    grid-template-columns: auto 1fr;
    padding-right: 16px;
  }

  .fd-collection-head a {
    grid-column: 2;
    justify-self: start;
    margin-top: 6px;
  }

  .fd-horizontal-product {
    grid-template-columns: 1fr;
  }

  .fd-horizontal-media {
    min-height: 132px;
  }

  .fd-bundle-hero {
    min-height: 430px;
  }

  .fd-bundle-hero::before {
    background:
      linear-gradient(180deg, rgba(5, 6, 6, 0.95) 0%, rgba(5, 6, 6, 0.74) 48%, rgba(5, 6, 6, 0.12) 100%),
      linear-gradient(90deg, rgba(5, 6, 6, 0.68), rgba(5, 6, 6, 0));
  }

  .fd-bundle-hero-image img {
    object-position: 58% center;
  }

  .fd-bundle-copy {
    width: 100%;
    padding: 30px 26px;
    align-content: start;
  }

  .fd-bundle-copy h2 {
    max-width: 260px;
  }

  .fd-bundle-card {
    min-height: 410px;
  }

  .fd-floating-card {
    right: 14px;
    left: 14px;
    grid-template-columns: 76px minmax(0, 1fr);
    padding-right: 12px;
    padding-left: 12px;
  }

  .fd-floating-card > img {
    width: 76px;
  }

  .fd-benefit-bar article,
  .fd-benefit-bar article:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--fd-line);
    padding: 0 0 14px;
  }

  .fd-benefit-bar article:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

/* Queue 20: Home page eight-module grid only. */
#home-entry {
  --home-q20-gap: 18px;
  --home-q20-primary-height: clamp(300px, 24vw, 350px);
  --home-q20-series-height: clamp(210px, 17.5vw, 260px);
  --home-q20-support-height: clamp(300px, 24vw, 350px);
}

#home-entry .home-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--home-q20-gap);
  align-items: stretch;
  grid-auto-flow: row;
}

#home-entry .home-entry-card {
  min-height: 0;
  border-radius: var(--radius);
  box-sizing: border-box;
}

#home-entry .asset-spec {
  display: none;
}

#home-entry .featured-entry {
  order: 1;
}

#home-entry .finder-entry {
  order: 2;
}

#home-entry .focus-entry {
  order: 3;
}

#home-entry .glow-entry {
  order: 4;
}

#home-entry .im-entry {
  order: 5;
}

#home-entry .studio-entry {
  order: 6;
}

#home-entry .support-entry {
  order: 7;
}

#home-entry .brand-entry {
  order: 8;
}

@media (min-width: 1121px) {
  #home-entry .featured-entry,
  #home-entry .finder-entry {
    height: var(--home-q20-primary-height);
  }

  #home-entry .series-entry {
    height: var(--home-q20-series-height);
  }

  #home-entry .support-entry,
  #home-entry .brand-entry {
    height: var(--home-q20-support-height);
  }
}

#home-entry .featured-entry {
  grid-template-columns: minmax(0, 0.9fr) minmax(210px, 0.78fr);
  grid-template-rows: 1fr auto;
  gap: 12px 22px;
  padding: 26px 30px 50px;
}

#home-entry .featured-copy-block {
  align-content: center;
  gap: 10px;
}

#home-entry .featured-entry h2 {
  font-size: var(--type-h2);
  line-height: 1.02;
}

#home-entry .featured-copy-block p {
  font-size: var(--type-small);
  line-height: 1.45;
}

#home-entry .featured-mini-stack {
  gap: 10px;
}

#home-entry .featured-mini-card {
  min-height: 82px;
  padding: 9px;
}

#home-entry .featured-mini-card img {
  height: 64px;
}

#home-entry .featured-service-row {
  padding-top: 10px;
}

#home-entry .home-entry-card.finder-entry {
  display: grid;
  align-content: center;
  gap: 9px;
  padding: 32px 34px 50px;
}

#home-entry .finder-entry h2 {
  max-width: 600px;
  font-size: var(--type-h3);
  line-height: 1.1;
}

#home-entry .finder-entry p {
  max-width: 520px;
  font-size: var(--type-small);
}

#home-entry .finder-entry-options {
  grid-template-columns: repeat(5, minmax(52px, 1fr));
  gap: 9px;
  max-width: 620px;
}

#home-entry .finder-choice-icon {
  width: 56px;
  height: 56px;
}

#home-entry .finder-entry .entry-cta {
  min-height: 38px;
  margin-top: 2px;
  padding: 0 18px;
  font-size: var(--type-caption);
}

#home-entry .series-entry {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 26px 30px 46px;
}

#home-entry .series-entry h2 {
  max-width: 520px;
}

#home-entry .series-lockup {
  gap: 11px;
}

#home-entry .series-lockup img {
  width: clamp(94px, 8vw, 122px);
}

#home-entry .series-lockup span {
  font-size: var(--type-h3);
}

#home-entry .series-entry p {
  max-width: 330px;
  font-size: var(--type-small);
  line-height: 1.42;
}

#home-entry .series-entry .entry-cta {
  padding-top: 8px;
  font-size: var(--type-caption);
}

#home-entry .series-product-img {
  right: -3%;
  bottom: 0;
  width: 52%;
  height: 56%;
}

#home-entry .focus-product-img,
#home-entry .glow-product-img {
  right: -5%;
  width: 56%;
}

#home-entry .im-product-img {
  right: -4%;
  bottom: 0;
  width: 54%;
  height: 58%;
}

#home-entry .studio-product-img {
  right: -3%;
  bottom: -2px;
  width: 62%;
  height: 58%;
}

#home-entry .glow-entry {
  background:
    radial-gradient(ellipse at 82% 82%, rgba(240, 250, 246, 0.32), transparent 45%),
    radial-gradient(ellipse at 74% 54%, rgba(143, 183, 173, 0.28), transparent 38%),
    #050606;
}

#home-entry .support-entry,
#home-entry .brand-entry {
  grid-column: auto;
  min-height: 0;
  padding: 28px 34px 50px;
}

#home-entry .support-entry {
  grid-template-columns: minmax(0, 0.55fr) minmax(230px, 0.45fr);
  gap: 18px;
  background:
    radial-gradient(circle at 78% 52%, rgba(0, 122, 255, 0.26), transparent 38%),
    linear-gradient(135deg, #05142b 0%, #073a75 100%);
}

#home-entry .support-entry::before {
  right: 18px;
  bottom: 18px;
  left: 18px;
  height: 58px;
  border-color: rgba(182, 223, 255, 0.14);
  background:
    linear-gradient(90deg, transparent 0 33%, rgba(255, 255, 255, 0.12) 33% calc(33% + 1px), transparent calc(33% + 1px) 66%, rgba(255, 255, 255, 0.12) 66% calc(66% + 1px), transparent calc(66% + 1px)),
    rgba(4, 48, 93, 0.32);
}

#home-entry .support-entry::after {
  display: none;
}

#home-entry .support-copy {
  position: static;
  align-content: center;
  gap: 10px;
  padding-bottom: 58px;
}

#home-entry .support-entry .entry-kicker {
  font-size: var(--type-caption);
}

#home-entry .support-entry h2 {
  font-size: var(--type-h2);
  line-height: 1.08;
}

#home-entry .support-entry p {
  max-width: 430px;
  font-size: var(--type-small);
  line-height: 1.45;
}

.support-action-row {
  position: absolute;
  right: 34px;
  bottom: 38px;
  left: 34px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.support-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding-left: 25px;
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1.2;
}

.support-action::before {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1.6px solid rgba(226, 244, 255, 0.9);
  border-radius: 4px;
}

.video-tutorials::before {
  border-radius: 3px;
  box-shadow: inset 6px 0 0 -5px rgba(226, 244, 255, 0.9);
}

.support-learn-more {
  position: absolute;
  left: 34px;
  bottom: 18px;
  z-index: 2;
  width: fit-content;
  color: #fff;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.support-learn-more::after {
  content: " ->";
}

#home-entry .support-visual {
  display: grid;
  min-height: 220px;
  place-items: center;
}

#home-entry .support-orbit {
  border-color: rgba(127, 198, 255, 0.22);
}

#home-entry .orbit-one {
  width: 220px;
  height: 220px;
}

#home-entry .orbit-two {
  width: 154px;
  height: 154px;
}

#home-entry .orbit-three {
  width: 92px;
  height: 92px;
  background: radial-gradient(circle, rgba(51, 142, 255, 0.36), rgba(51, 142, 255, 0.08));
}

#home-entry .support-symbol {
  left: 50%;
  top: 50%;
  width: 86px;
  height: 72px;
  border-width: 5px;
  border-color: rgba(244, 250, 255, 0.96);
  box-shadow: 0 0 36px rgba(26, 155, 255, 0.28);
  transform: translate(-50%, -50%);
}

#home-entry .support-symbol::before,
#home-entry .support-symbol::after {
  bottom: -20px;
  width: 18px;
  height: 30px;
  border-radius: 8px;
}

#home-entry .support-symbol::before {
  left: -9px;
}

#home-entry .support-symbol::after {
  right: -9px;
}

#home-entry .support-visual::after {
  left: calc(50% + 18px);
  top: calc(50% + 36px);
  width: 36px;
  height: 6px;
}

#home-entry .brand-entry {
  grid-template-columns: minmax(0, 0.52fr) minmax(220px, 0.48fr);
  gap: 14px;
  background: linear-gradient(110deg, #fff 0%, #f8fbfd 55%, #eef7fb 100%);
}

#home-entry .brand-entry::after {
  display: none;
}

#home-entry .brand-entry-copy {
  gap: 10px;
  align-content: center;
  min-width: 0;
}

#home-entry .brand-entry .entry-kicker {
  font-size: var(--type-caption);
}

#home-entry .brand-entry h2 {
  max-width: 310px;
  font-size: var(--type-h3);
  line-height: 1.04;
}

#home-entry .brand-entry p {
  max-width: 330px;
  font-size: var(--type-small);
  line-height: 1.32;
}

#home-entry .brand-value-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 4px;
}

#home-entry .brand-value-row span {
  min-height: 36px;
  padding: 20px 6px 0 0;
  font-size: var(--type-caption);
  line-height: 1.2;
}

#home-entry .brand-value-row span::before {
  width: 18px;
  height: 18px;
  border-width: 1.6px;
}

#home-entry .space-lit-layer-diagram {
  min-height: 0;
  height: 100%;
  max-height: 214px;
  aspect-ratio: 1;
  justify-self: center;
  align-self: center;
  overflow: visible;
}

.space-lit-layer {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.layer-front {
  width: 92%;
  height: 92%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 54%, rgba(71, 190, 255, 0.12) 55% 66%, rgba(71, 190, 255, 0.05) 67%);
}

.layer-ambient {
  width: 68%;
  height: 68%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 48%, rgba(102, 213, 229, 0.16) 49% 70%, rgba(102, 213, 229, 0.05) 71%);
}

.layer-glow {
  width: 45%;
  height: 45%;
  background: radial-gradient(circle at 50% 70%, rgba(245, 86, 37, 0.34), rgba(240, 250, 246, 0.26) 46%, rgba(255, 255, 255, 0) 72%);
}

.space-lit-core {
  position: absolute;
  left: 50%;
  bottom: 9%;
  width: 52%;
  height: 12px;
  border: 1px solid rgba(10, 33, 68, 0.18);
  border-radius: 999px;
  background: #eef3f5;
  transform: translateX(-50%);
}

#home-entry .space-lit-layer-diagram .diagram-label {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: #0a2144;
  font-size: var(--type-caption);
  line-height: 1;
}

#home-entry .space-lit-layer-diagram .diagram-label.front {
  left: 50%;
  top: 7%;
  transform: translateX(-50%);
}

#home-entry .space-lit-layer-diagram .diagram-label.ambient {
  left: 50%;
  top: 43%;
  transform: translateX(-50%);
}

#home-entry .space-lit-layer-diagram .diagram-label.space {
  left: 50%;
  bottom: 27%;
  transform: translateX(-50%);
}

@media (max-width: 1120px) {
  #home-entry .home-entry-grid {
    grid-template-columns: 1fr;
  }

  #home-entry .featured-entry,
  #home-entry .finder-entry,
  #home-entry .series-entry,
  #home-entry .support-entry,
  #home-entry .brand-entry {
    height: auto;
    min-height: 300px;
  }

  #home-entry .support-entry,
  #home-entry .brand-entry {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #home-entry {
    --home-q20-gap: 14px;
  }

  #home-entry .home-entry-section {
    padding-right: 18px;
    padding-left: 18px;
  }

  #home-entry .featured-entry {
    grid-template-columns: 1fr;
  }

  #home-entry .finder-entry-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #home-entry .support-action-row,
  #home-entry .brand-value-row {
    grid-template-columns: 1fr;
  }

  #home-entry .support-entry,
  #home-entry .brand-entry,
  #home-entry .series-entry,
  #home-entry .home-entry-card.finder-entry,
  #home-entry .featured-entry {
    padding-right: 24px;
    padding-left: 24px;
  }
}

/* Queue 21-23: Home module parity, visible asset specs, and darker support tile. */
#home-entry {
  --home-q23-card-height: var(--home-q20-primary-height);
}

#home-entry .home-entry-grid {
  row-gap: calc(var(--home-q20-gap) + 38px);
}

#home-entry .home-entry-card {
  overflow: visible;
}

#home-entry .asset-spec {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 5;
  display: block;
  width: auto;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid rgba(10, 24, 40, 0.13);
  border-radius: 7px;
  background: #f8fafc;
  color: #596777;
  font-size: var(--type-caption);
  line-height: 1.25;
  text-transform: none;
  opacity: 1;
  backdrop-filter: none;
}

#home-entry .asset-spec::before {
  color: #f55625;
}

@media (min-width: 1121px) {
  #home-entry .featured-entry,
  #home-entry .finder-entry,
  #home-entry .series-entry,
  #home-entry .support-entry,
  #home-entry .brand-entry {
    height: var(--home-q23-card-height);
  }
}

#home-entry .support-entry {
  background:
    radial-gradient(ellipse at 76% 48%, rgba(255, 255, 255, 0.1), transparent 36%),
    radial-gradient(ellipse at 78% 76%, rgba(0, 126, 255, 0.16), transparent 42%),
    radial-gradient(ellipse at 18% 104%, rgba(245, 86, 37, 0.09), transparent 44%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 48%),
    #050606;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#home-entry .support-entry::before {
  bottom: 22px;
  border-color: rgba(255, 255, 255, 0.11);
  background:
    linear-gradient(90deg, transparent 0 33%, rgba(255, 255, 255, 0.1) 33% calc(33% + 1px), transparent calc(33% + 1px) 66%, rgba(255, 255, 255, 0.1) 66% calc(66% + 1px), transparent calc(66% + 1px)),
    rgba(255, 255, 255, 0.045);
}

#home-entry .support-copy {
  padding-bottom: 66px;
}

#home-entry .support-action-row {
  bottom: 37px;
}

#home-entry .support-learn-more {
  display: none;
}

#home-entry .user-manual::before {
  border-radius: 3px;
  box-shadow:
    inset 0 4px 0 -3px rgba(226, 244, 255, 0.9),
    inset 0 -4px 0 -3px rgba(226, 244, 255, 0.9);
}

.before-after-video-frame {
  position: relative;
  min-width: 0;
}

.before-after-video-frame .before-after-video {
  display: block;
}

.before-after-video-label {
  position: absolute;
  left: 5%;
  top: 6.5%;
  z-index: 2;
  display: grid;
  pointer-events: none;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.62), 0 1px 2px rgba(0, 0, 0, 0.58);
}

.video-label-state {
  grid-area: 1 / 1;
  display: grid;
  gap: 1px;
  opacity: 0;
  animation: beforeAfterState 4s linear infinite;
}

.video-label-state strong {
  font-size: clamp(24px, 2.9vw, 38px);
  line-height: 0.98;
  font-weight: 900;
}

.video-label-state em {
  font-size: clamp(14px, 1.7vw, 24px);
  line-height: 1.16;
  font-style: normal;
  font-weight: 650;
}

.video-label-after {
  animation-name: afterState;
}

@keyframes beforeAfterState {
  0%,
  43% {
    opacity: 1;
  }

  46%,
  100% {
    opacity: 0;
  }
}

@keyframes afterState {
  0%,
  43% {
    opacity: 0;
  }

  46%,
  100% {
    opacity: 1;
  }
}

@media (max-width: 1120px) {
  #home-entry .home-entry-grid {
    row-gap: calc(var(--home-q20-gap) + 38px);
  }
}

/* Queue 24-27: crisp top banner, clipped series art, and softer video state changes. */
#home-entry .series-entry {
  clip-path: inset(0 0 -64px 0 round var(--radius));
}

#home-entry .series-product-img {
  right: 14px;
  bottom: 12px;
  width: min(46%, 260px);
  height: 50%;
  max-width: calc(100% - 28px);
  max-height: calc(100% - 28px);
  object-position: right bottom;
}

#home-entry .focus-product-img,
#home-entry .glow-product-img {
  right: 14px;
  width: min(50%, 286px);
  height: 52%;
}

#home-entry .im-product-img {
  right: 12px;
  bottom: 12px;
  width: min(48%, 274px);
  height: 52%;
}

#home-entry .studio-product-img {
  right: 12px;
  bottom: 8px;
  width: min(56%, 310px);
  height: 50%;
}

.video-watch-cta {
  display: none;
}

.before-after-video-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: #050606;
  opacity: 0;
  animation: videoTransitionSoften 4s ease-in-out infinite;
}

.before-after-video-label {
  z-index: 3;
  color: rgba(255, 255, 255, 0.84);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.56), 0 1px 2px rgba(0, 0, 0, 0.5);
}

.video-label-state {
  animation-timing-function: ease-in-out;
}

@keyframes beforeAfterState {
  0% {
    opacity: 0;
  }

  8%,
  34% {
    opacity: 0.78;
  }

  45%,
  100% {
    opacity: 0;
  }
}

@keyframes afterState {
  0%,
  40% {
    opacity: 0;
  }

  52%,
  88% {
    opacity: 0.78;
  }

  100% {
    opacity: 0;
  }
}

@keyframes videoTransitionSoften {
  0%,
  36%,
  58%,
  90% {
    opacity: 0;
  }

  46% {
    opacity: 0.08;
  }

  97%,
  100% {
    opacity: 0.12;
  }
}

/* Queue 1-4 (Home q28): series light arcs, finder split layout, paired dark support tiles, and page rhythm. */
:root {
  --home-rhythm-lg: 88px;
  --home-rhythm-md: 72px;
  --home-rhythm-sm: 56px;
}

.home-entry-section {
  padding-top: 34px;
  padding-bottom: var(--home-rhythm-lg);
}

.before-after-video-section {
  padding-top: var(--home-rhythm-lg);
  padding-bottom: var(--home-rhythm-lg);
}

.quiet-proof-strip {
  padding-top: 72px;
  padding-bottom: var(--home-rhythm-lg);
}

.trust-section,
.awards-section,
.media-section,
.share-section {
  padding-top: var(--home-rhythm-lg);
  padding-bottom: var(--home-rhythm-lg);
}

#home-entry .series-entry {
  overflow: visible;
}

#home-entry .series-entry::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  left: 8px;
  z-index: 0;
  height: 70px;
  border-radius: 0 0 var(--radius) var(--radius);
  background: center bottom / 100% auto no-repeat;
  mix-blend-mode: screen;
  opacity: 0.98;
  pointer-events: none;
}

#home-entry .focus-entry::after {
  background-image: url("./assets/series-lines/focus-line.png");
}

#home-entry .glow-entry::after {
  background-image: url("./assets/series-lines/glow-line.png");
}

#home-entry .im-entry::after {
  height: 76px;
  background-image: url("./assets/series-lines/im-line.png");
}

#home-entry .studio-entry::after {
  background-image: url("./assets/series-lines/studio-line.png");
}

#home-entry .series-lockup,
#home-entry .series-entry p,
#home-entry .series-entry .entry-cta,
#home-entry .series-product-img {
  z-index: 2;
}

#home-entry .home-entry-card.finder-entry {
  grid-template-columns: minmax(0, 0.9fr) minmax(210px, 0.78fr);
  grid-template-rows: 1fr auto auto 1fr;
  align-content: stretch;
  gap: 10px 22px;
  padding: 26px 30px 50px;
}

#home-entry .finder-entry .entry-kicker,
#home-entry .finder-entry h2,
#home-entry .finder-entry .entry-cta {
  grid-column: 1;
}

#home-entry .finder-entry .entry-kicker {
  align-self: end;
}

#home-entry .finder-entry h2 {
  max-width: 330px;
  font-size: var(--type-h3);
  line-height: 1.08;
}

#home-entry .finder-entry p {
  display: none;
}

#home-entry .finder-entry .entry-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  width: fit-content;
  min-height: 42px;
  margin-top: 4px;
  padding: 0 20px;
  border-radius: 4px;
  background: var(--accent);
  box-shadow: none;
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

#home-entry .finder-entry .entry-cta::after {
  content: " ->";
  margin-left: 5px;
  color: #fff;
}

#home-entry .finder-entry-options {
  grid-column: 2;
  grid-row: 1 / -1;
  align-self: center;
  justify-self: stretch;
  display: grid;
  grid-template-columns: repeat(2, minmax(84px, 1fr));
  gap: 16px 12px;
  max-width: none;
  margin: 0;
}

#home-entry .finder-entry-option {
  gap: 7px;
}

#home-entry .finder-entry-option:nth-child(5) {
  grid-column: 1 / -1;
  justify-self: center;
  min-width: 84px;
}

#home-entry .finder-entry-option strong {
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
}

#home-entry .finder-choice-icon {
  width: 48px;
  height: 48px;
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.025);
  box-shadow:
    inset 0 1px 10px rgba(255, 255, 255, 0.07),
    0 10px 22px rgba(0, 0, 0, 0.22);
}

#home-entry .finder-choice-icon::before,
#home-entry .finder-choice-icon::after,
#home-entry .finder-choice-shape i {
  color: rgba(255, 255, 255, 0.84);
}

#home-entry .finder-choice-setup::before {
  left: 13px;
  top: 14px;
  width: 22px;
  height: 14px;
  border-width: 1.5px;
}

#home-entry .finder-choice-setup::after {
  left: 17px;
  top: 31px;
  width: 14px;
  height: 6px;
  border-bottom-width: 1.5px;
  box-shadow: 5px 6px 0 -5px currentColor, -5px 6px 0 -5px currentColor;
}

#home-entry .finder-choice-purpose::before {
  inset: 13px;
  border-width: 1.6px;
  box-shadow: inset 0 0 0 5px #050606, inset 0 0 0 6.8px currentColor;
}

#home-entry .finder-choice-purpose::after {
  right: 10px;
  top: 9px;
  width: 13px;
  height: 1.6px;
  box-shadow: 5px -4px 0 -1px currentColor, 4px 4px 0 -1px currentColor;
}

#home-entry .finder-choice-scenario::before {
  left: 13px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-width: 1.5px;
  box-shadow:
    17px 0 0 -1.5px #050606,
    17px 0 0 0 currentColor,
    0 17px 0 -1.5px #050606,
    0 17px 0 0 currentColor,
    17px 17px 0 -1.5px #050606,
    17px 17px 0 0 currentColor;
}

#home-entry .finder-choice-shape i {
  width: 26px;
  height: 1.6px;
}

#home-entry .finder-choice-shape .shape-straight {
  top: 19px;
}

#home-entry .finder-choice-shape .shape-curved {
  top: 28px;
  height: 10px;
  border-bottom-width: 1.6px;
}

#home-entry .finder-choice-color::before {
  inset: 10px;
  border-width: 1.5px;
}

#home-entry .finder-choice-color::after {
  left: 18px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-width: 1.5px;
}

#home-entry .support-entry,
#home-entry .brand-entry {
  grid-template-columns: minmax(0, 0.92fr) minmax(210px, 0.78fr);
  grid-template-rows: 1fr;
  gap: 18px 28px;
  align-content: stretch;
  padding: 30px 32px 50px;
  border-color: rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(ellipse at 78% 50%, rgba(0, 126, 255, 0.13), transparent 42%),
    radial-gradient(ellipse at 18% 102%, rgba(245, 86, 37, 0.08), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 48%),
    #050606;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-align: left;
}

#home-entry .support-copy,
#home-entry .brand-entry-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding-bottom: 0;
}

#home-entry .support-entry .entry-kicker,
#home-entry .brand-entry .entry-kicker {
  color: #f55625;
  font-size: var(--type-caption);
  letter-spacing: 0.08em;
}

#home-entry .support-entry h2,
#home-entry .brand-entry h2 {
  max-width: 340px;
  color: #fff;
  font-size: var(--type-h3);
  line-height: 1.08;
}

#home-entry .support-entry p,
#home-entry .brand-entry p {
  max-width: 360px;
  color: rgba(238, 244, 247, 0.78);
  font-size: var(--type-small);
  line-height: 1.42;
}

#home-entry .support-visual,
#home-entry .space-lit-layer-diagram {
  justify-self: stretch;
  align-self: center;
}

#home-entry .support-visual {
  min-height: 210px;
}

#home-entry .support-symbol {
  border-color: rgba(244, 250, 255, 0.9);
  box-shadow: 0 0 38px rgba(0, 126, 255, 0.24);
}

#home-entry .brand-entry::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 78% 54%, rgba(104, 231, 244, 0.12), transparent 37%),
    radial-gradient(ellipse at 82% 88%, rgba(245, 86, 37, 0.09), transparent 28%);
  pointer-events: none;
}

#home-entry .brand-entry-copy,
#home-entry .space-lit-layer-diagram {
  position: relative;
  z-index: 2;
}

#home-entry .brand-value-row,
#home-entry .support-action-row {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}

#home-entry .support-action {
  min-height: 24px;
  padding-left: 22px;
  font-size: 10px;
}

#home-entry .support-action::before {
  width: 14px;
  height: 14px;
}

#home-entry .brand-value-row span {
  min-height: 28px;
  padding: 18px 2px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
}

#home-entry .brand-value-row span::before {
  width: 15px;
  height: 15px;
  border-color: rgba(255, 255, 255, 0.72);
}

#home-entry .space-lit-layer-diagram {
  max-height: 226px;
}

#home-entry .space-lit-layer-diagram .diagram-label {
  background: rgba(5, 6, 6, 0.6);
  color: rgba(255, 255, 255, 0.9);
}

#home-entry .space-lit-core {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.14);
}

@media (max-width: 1120px) {
  .home-entry-section,
  .before-after-video-section,
  .quiet-proof-strip,
  .trust-section,
  .awards-section,
  .media-section,
  .share-section {
    padding-top: var(--home-rhythm-md);
    padding-bottom: var(--home-rhythm-md);
  }

  #home-entry .home-entry-card.finder-entry,
  #home-entry .support-entry,
  #home-entry .brand-entry {
    grid-template-columns: 1fr;
  }

  #home-entry .finder-entry-options {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: repeat(3, minmax(74px, 1fr));
  }

  #home-entry .finder-entry-option:nth-child(5) {
    grid-column: auto;
  }

  #home-entry .support-action-row,
  #home-entry .brand-value-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .home-entry-section,
  .before-after-video-section,
  .quiet-proof-strip,
  .trust-section,
  .awards-section,
  .media-section,
  .share-section {
    padding-top: var(--home-rhythm-sm);
    padding-bottom: var(--home-rhythm-sm);
  }

  #home-entry .finder-entry-options,
  #home-entry .support-action-row,
  #home-entry .brand-value-row {
    grid-template-columns: 1fr 1fr;
  }
}

/* Queue 1-5 (Home q29): hard override for final Home module polish. */
main > .home-entry-section {
  padding-top: 34px !important;
  padding-bottom: 88px !important;
}

main > .before-after-video-section,
main > .quiet-proof-strip,
main > .awards-section,
main > .media-section,
main > .share-section {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

main > .quiet-proof-strip {
  padding-top: 72px !important;
}

#home-entry a.home-entry-card.series-entry {
  overflow: visible !important;
  clip-path: inset(0 0 -64px 0 round var(--radius)) !important;
}

#home-entry a.home-entry-card.series-entry::after {
  content: "" !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 7px !important;
  left: 10px !important;
  z-index: 1 !important;
  display: block !important;
  width: auto !important;
  height: 68px !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  mix-blend-mode: screen !important;
  opacity: 0.98 !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

#home-entry a.focus-entry::after {
  background-image: url("./assets/series-lines/focus-line-alpha.png") !important;
}

#home-entry a.glow-entry::after {
  background-image: url("./assets/series-lines/glow-line-alpha.png") !important;
}

#home-entry a.im-entry::after {
  height: 76px !important;
  background-image: url("./assets/series-lines/im-line-alpha.png") !important;
}

#home-entry a.studio-entry::after {
  background-image: url("./assets/series-lines/studio-line-alpha.png") !important;
}

#home-entry a.home-entry-card.series-entry > * {
  position: relative;
  z-index: 2;
}

#home-entry a.home-entry-card.series-entry .series-product-img {
  z-index: 2 !important;
}

#home-entry a.home-entry-card.im-entry .im-product-img {
  right: 8px !important;
  bottom: 10px !important;
  width: min(53%, 296px) !important;
  height: 56% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.32)) !important;
}

#home-entry a.home-entry-card.finder-entry {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(210px, 0.78fr) !important;
  grid-template-rows: 1fr auto auto 1fr !important;
  align-content: stretch !important;
  gap: 10px 22px !important;
  padding: 26px 30px 50px !important;
}

#home-entry a.home-entry-card.finder-entry .entry-kicker,
#home-entry a.home-entry-card.finder-entry h2,
#home-entry a.home-entry-card.finder-entry .entry-cta {
  grid-column: 1 !important;
}

#home-entry a.home-entry-card.finder-entry .entry-kicker {
  align-self: end !important;
}

#home-entry a.home-entry-card.finder-entry h2 {
  max-width: 330px !important;
  color: #fff !important;
  font-size: var(--type-h3) !important;
  line-height: 1.08 !important;
}

#home-entry a.home-entry-card.finder-entry p {
  display: none !important;
}

#home-entry a.home-entry-card.finder-entry .entry-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: start !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin-top: 4px !important;
  padding: 0 20px !important;
  border-radius: 4px !important;
  background: var(--accent) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#home-entry a.home-entry-card.finder-entry .entry-cta::after {
  content: " ->" !important;
  margin-left: 5px !important;
  color: #fff !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-options {
  grid-column: 2 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(2, 92px) !important;
  grid-template-rows: repeat(3, auto) !important;
  gap: 18px 42px !important;
  align-items: start !important;
  justify-content: center !important;
  width: min(100%, 292px) !important;
  max-width: 292px !important;
  margin: 0 !important;
  padding-right: 6px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option {
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 7px !important;
  width: 92px !important;
  min-width: 0 !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  transform: translateY(39px) !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(3) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;
  transform: translateY(39px) !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(5) {
  grid-column: 1 !important;
  grid-row: 3 !important;
  justify-self: center !important;
  min-width: 0 !important;
  transform: none !important;
}

#home-entry a.home-entry-card.finder-entry .finder-entry-option strong {
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-icon {
  width: 48px !important;
  height: 48px !important;
  border-color: rgba(255, 255, 255, 0.52) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  box-shadow:
    inset 0 1px 10px rgba(255, 255, 255, 0.07),
    0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-setup::before {
  left: 13px !important;
  top: 14px !important;
  width: 22px !important;
  height: 14px !important;
  border-width: 1.5px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-setup::after {
  left: 17px !important;
  top: 31px !important;
  width: 14px !important;
  height: 6px !important;
  border-bottom-width: 1.5px !important;
  box-shadow: 5px 6px 0 -5px currentColor, -5px 6px 0 -5px currentColor !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-purpose::before {
  inset: 13px !important;
  border-width: 1.6px !important;
  box-shadow: inset 0 0 0 5px #050606, inset 0 0 0 6.8px currentColor !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-purpose::after {
  right: 10px !important;
  top: 9px !important;
  width: 13px !important;
  height: 1.6px !important;
  box-shadow: 5px -4px 0 -1px currentColor, 4px 4px 0 -1px currentColor !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-scenario::before {
  left: 13px !important;
  top: 13px !important;
  width: 8px !important;
  height: 8px !important;
  border-width: 1.5px !important;
  box-shadow:
    17px 0 0 -1.5px #050606,
    17px 0 0 0 currentColor,
    0 17px 0 -1.5px #050606,
    0 17px 0 0 currentColor,
    17px 17px 0 -1.5px #050606,
    17px 17px 0 0 currentColor !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-shape i {
  width: 26px !important;
  height: 1.6px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-shape .shape-straight {
  top: 19px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-shape .shape-curved {
  top: 28px !important;
  height: 10px !important;
  border-bottom-width: 1.6px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-color::before {
  inset: 10px !important;
  border-width: 1.5px !important;
}

#home-entry a.home-entry-card.finder-entry .finder-choice-color::after {
  left: 18px !important;
  top: 18px !important;
  width: 12px !important;
  height: 12px !important;
  border-width: 1.5px !important;
}

#home-entry article.home-entry-card.support-entry,
#home-entry article.home-entry-card.brand-entry {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(210px, 0.78fr) !important;
  gap: 18px 28px !important;
  align-content: stretch !important;
  padding: 30px 32px 50px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background:
    radial-gradient(ellipse at 78% 50%, rgba(0, 126, 255, 0.13), transparent 42%),
    radial-gradient(ellipse at 18% 102%, rgba(245, 86, 37, 0.08), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 48%),
    #050606 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  text-align: left !important;
}

#home-entry article.home-entry-card.brand-entry::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse at 78% 54%, rgba(104, 231, 244, 0.12), transparent 37%),
    radial-gradient(ellipse at 82% 88%, rgba(245, 86, 37, 0.09), transparent 28%) !important;
  pointer-events: none !important;
}

#home-entry article.home-entry-card.support-entry .support-copy,
#home-entry article.home-entry-card.brand-entry .brand-entry-copy {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-bottom: 0 !important;
}

#home-entry article.home-entry-card.support-entry .entry-kicker,
#home-entry article.home-entry-card.brand-entry .entry-kicker {
  color: #f55625 !important;
  font-size: var(--type-caption) !important;
  letter-spacing: 0.08em !important;
}

#home-entry article.home-entry-card.support-entry h2,
#home-entry article.home-entry-card.brand-entry h2 {
  max-width: 340px !important;
  color: #fff !important;
  font-size: var(--type-h3) !important;
  line-height: 1.08 !important;
}

#home-entry article.home-entry-card.support-entry p,
#home-entry article.home-entry-card.brand-entry p {
  max-width: 360px !important;
  color: rgba(238, 244, 247, 0.78) !important;
  font-size: var(--type-small) !important;
  line-height: 1.42 !important;
}

#home-entry article.home-entry-card.support-entry .support-visual,
#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
  justify-self: stretch !important;
  align-self: center !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row,
#home-entry article.home-entry-card.brand-entry .brand-value-row {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

#home-entry article.home-entry-card.support-entry .support-action,
#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 10px !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label {
  background: rgba(5, 6, 6, 0.62) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 1120px) {
  main > .home-entry-section,
  main > .before-after-video-section,
  main > .quiet-proof-strip,
  main > .awards-section,
  main > .media-section,
  main > .share-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  #home-entry a.home-entry-card.finder-entry,
  #home-entry article.home-entry-card.support-entry,
  #home-entry article.home-entry-card.brand-entry {
    grid-template-columns: 1fr !important;
  }

  #home-entry a.home-entry-card.finder-entry .finder-entry-options {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: center !important;
    margin-top: 12px !important;
  }
}

@media (max-width: 760px) {
  main > .home-entry-section,
  main > .before-after-video-section,
  main > .quiet-proof-strip,
  main > .awards-section,
  main > .media-section,
  main > .share-section {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  #home-entry a.home-entry-card.finder-entry .finder-entry-options {
    grid-template-columns: repeat(2, minmax(84px, 92px)) !important;
    grid-template-rows: auto !important;
    gap: 16px 18px !important;
    width: 100% !important;
    max-width: 220px !important;
    padding-right: 0 !important;
  }

  #home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(n) {
    grid-column: auto !important;
    grid-row: auto !important;
    transform: none !important;
  }

  #home-entry a.home-entry-card.finder-entry .finder-entry-option:nth-child(5) {
    grid-column: 1 / -1 !important;
  }
}

/* Queue 5 (Home q30): natural IM product rendering and cleaner support labels. */
#home-entry .home-entry-grid {
  row-gap: 64px !important;
}

#home-entry a.home-entry-card.focus-entry .focus-product-img,
#home-entry a.home-entry-card.glow-entry .glow-product-img {
  right: 8px !important;
  bottom: 54px !important;
  width: min(58%, 326px) !important;
  height: 58% !important;
}

#home-entry a.home-entry-card.im-entry .im-product-img {
  right: -10px !important;
  bottom: 34px !important;
  width: min(66%, 370px) !important;
  height: 62% !important;
  object-fit: contain !important;
  object-position: right center !important;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.34)) !important;
  mix-blend-mode: normal !important;
}

#home-entry a.home-entry-card.studio-entry .studio-product-img {
  right: 8px !important;
  bottom: 44px !important;
  width: min(62%, 350px) !important;
  height: 56% !important;
}

#home-entry article.home-entry-card.support-entry .support-action,
#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  white-space: nowrap !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row {
  grid-template-columns: repeat(3, max-content) !important;
  justify-content: start !important;
  column-gap: 18px !important;
}

#home-entry article.home-entry-card.support-entry .support-action {
  padding-left: 20px !important;
  font-size: 9.5px !important;
}

#home-entry article.home-entry-card.support-entry .support-action::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Queue 5 refinement (Home q31): remove hard product framing and bottom crowding. */
#home-entry a.home-entry-card.im-entry .im-product-img {
  right: -12px !important;
  bottom: 36px !important;
  width: min(86%, 480px) !important;
  height: 66% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  opacity: 0.96 !important;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.34)) !important;
}

#home-entry article.home-entry-card.support-entry::before {
  display: none !important;
}

#home-entry article.home-entry-card.support-entry .support-copy {
  padding-bottom: 0 !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  white-space: normal !important;
  min-height: 32px !important;
  padding-top: 17px !important;
  font-size: 8.5px !important;
  line-height: 1.1 !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row {
  column-gap: 10px !important;
}

/* Queue 6-11 (q40): confirmed Find layout, support/Space Lit finals, and series art correction. */
#home-entry a.home-entry-card.series-entry {
  overflow: visible !important;
  clip-path: none !important;
}

#home-entry a.home-entry-card.series-entry::after {
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  height: 82px !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  background-size: 100% auto !important;
  background-position: center bottom !important;
}

#home-entry a.home-entry-card.focus-entry .focus-product-img,
#home-entry a.home-entry-card.glow-entry .glow-product-img,
#home-entry a.home-entry-card.im-entry .im-product-img,
#home-entry a.home-entry-card.studio-entry .studio-product-img {
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  right: 8px !important;
  bottom: 46px !important;
  z-index: 2 !important;
  width: min(58%, 326px) !important;
  height: 58% !important;
  max-width: calc(100% - 24px) !important;
  max-height: calc(100% - 76px) !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  transform: none !important;
  opacity: 1 !important;
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.36)) !important;
}

#home-entry a.home-entry-card.im-entry .im-product-img {
  right: -4px !important;
  bottom: 42px !important;
  width: min(60%, 338px) !important;
  height: 60% !important;
}

#home-entry a.home-entry-card.studio-entry .studio-product-img {
  right: 0 !important;
  bottom: 34px !important;
  width: min(64%, 358px) !important;
  height: 60% !important;
}

.before-after-video-frame::after {
  display: none !important;
}

.before-after-video-label,
.video-label-state,
.video-label-state strong,
.video-label-state em {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.before-after-video-label {
  color: rgba(255, 255, 255, 0.82) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.58) !important;
}

.finder-overview-page {
  padding: 54px clamp(24px, 4vw, 56px) 72px !important;
  background: #fff !important;
}

.finder-selector-module {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.39fr) minmax(0, 1fr) !important;
  gap: 32px !important;
  max-width: 1540px !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
}

.finder-selector-lead {
  min-height: 720px !important;
  padding: 64px 52px !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 24, 40, 0.14) !important;
  border-radius: var(--radius) !important;
  background:
    radial-gradient(ellipse at 86% 88%, rgba(245, 86, 37, 0.58), transparent 32%),
    radial-gradient(ellipse at 28% 98%, rgba(0, 116, 255, 0.28), transparent 36%),
    radial-gradient(ellipse at 70% 22%, rgba(72, 130, 180, 0.12), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 46%),
    #050606 !important;
  box-shadow: 0 18px 40px rgba(10, 20, 34, 0.08) !important;
}

.finder-selector-lead > span:not(.asset-spec) {
  color: var(--accent) !important;
  font-size: var(--type-caption) !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
}

.finder-selector-lead h1 {
  max-width: 320px !important;
  margin: 32px 0 26px !important;
  color: #fff !important;
  font-size: var(--type-h1) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.finder-selector-lead p {
  max-width: 330px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: var(--type-body) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.finder-selector-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.finder-selector-step {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto 1fr !important;
  gap: 8px 22px !important;
  min-height: 214px !important;
  padding: 38px 44px !important;
  border: 1px solid rgba(10, 24, 40, 0.12) !important;
  border-radius: var(--radius) !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(10, 24, 40, 0.055) !important;
  color: #111 !important;
  transform: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.finder-selector-step:nth-last-child(-n + 3),
.finder-selector-step:nth-last-child(-n + 5) {
  border-bottom: 1px solid rgba(10, 24, 40, 0.12) !important;
}

.finder-selector-step:hover {
  border-color: rgba(245, 86, 37, 0.36) !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(10, 24, 40, 0.09) !important;
  transform: translateY(-1px) !important;
}

.finder-selector-step:nth-child(5) {
  grid-column: 1 / -1 !important;
}

.finder-selector-step > span {
  grid-column: 2 !important;
  color: #53606d !important;
  font-size: var(--type-caption) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.finder-selector-step strong {
  grid-column: 2 !important;
  max-width: none !important;
  color: #111 !important;
  font-size: var(--type-h3) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

.finder-selector-step p {
  grid-column: 2 !important;
  max-width: 360px !important;
  margin: 4px 0 0 !important;
  color: #53606d !important;
  font-size: var(--type-body) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.finder-selector-step em {
  grid-column: 2 !important;
  align-self: end !important;
  margin-top: 20px !important;
  color: #111 !important;
  font-size: var(--type-caption) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.finder-selector-step em::after {
  content: " ->" !important;
  color: var(--accent) !important;
}

.selector-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  align-self: start !important;
  justify-self: center !important;
  display: block !important;
  width: 70px !important;
  height: 70px !important;
  margin: 0 !important;
  color: var(--accent) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}

.selector-icon::before,
.selector-icon::after {
  content: "" !important;
  position: absolute !important;
  box-sizing: border-box !important;
}

.monitor-icon::before {
  left: 11px !important;
  top: 9px !important;
  width: 48px !important;
  height: 34px !important;
  border: 3px solid currentColor !important;
  border-radius: 3px !important;
}

.monitor-icon::after {
  left: 24px !important;
  top: 49px !important;
  width: 22px !important;
  height: 12px !important;
  border-top: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  background: transparent !important;
  box-shadow: 10px 0 0 -8px currentColor, -10px 0 0 -8px currentColor !important;
}

.purpose-icon::before {
  inset: 7px !important;
  border: 4px solid currentColor !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 12px #fff, inset 0 0 0 16px currentColor !important;
}

.purpose-icon::after {
  left: 30px !important;
  top: 30px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

.scenario-icon::before {
  left: 10px !important;
  top: 25px !important;
  width: 50px !important;
  height: 24px !important;
  border: 3px solid currentColor !important;
  border-radius: 2px !important;
  background:
    linear-gradient(currentColor, currentColor) 9px 100% / 3px 20px no-repeat,
    linear-gradient(currentColor, currentColor) 38px 100% / 3px 20px no-repeat !important;
}

.scenario-icon::after {
  left: 27px !important;
  top: 8px !important;
  width: 25px !important;
  height: 17px !important;
  border: 3px solid currentColor !important;
  border-radius: 2px !important;
  background:
    linear-gradient(currentColor, currentColor) 50% 100% / 3px 9px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 100% / 18px 3px no-repeat !important;
}

.shape-icon::before {
  left: 5px !important;
  top: 21px !important;
  width: 56px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.shape-icon::after {
  left: 5px !important;
  top: 40px !important;
  width: 56px !important;
  height: 22px !important;
  border-top: 4px solid currentColor !important;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
  background: transparent !important;
}

.color-icon {
  border-radius: 50% !important;
  background:
    conic-gradient(#ff3b1f 0 15%, #ffd400 15% 28%, #18d163 28% 43%, #00a7ff 43% 61%, #5143ff 61% 76%, #ff2bc2 76% 90%, #ff3b1f 90% 100%) !important;
}

.color-icon::before {
  inset: 13px !important;
  border-radius: 50% !important;
  background: #fff !important;
}

.color-icon::after {
  right: 10px !important;
  top: 8px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 3px solid var(--accent) !important;
  border-right: 3px solid var(--accent) !important;
  background: transparent !important;
  transform: rotate(22deg) !important;
}

.fd-offer-note::before {
  width: 24px !important;
  height: 24px !important;
  margin-right: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h36M14 56h36' stroke='%23f55625' stroke-width='4'/%3E%3Cpath d='M18 12h28v10c0 8-8 10-11 15 3 5 11 7 11 15v0H18v0c0-8 8-10 11-15-3-5-11-7-11-15V12Z' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath d='M27 24h10l-5 6-5-6ZM25 47l7-7 7 7H25Z' fill='%23f55625' stroke='%23f55625' stroke-width='2'/%3E%3Cpath d='M32 34v3M32 42v3' stroke='%23f55625' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
  box-shadow: none !important;
  vertical-align: -7px !important;
}

#home-entry article.home-entry-card.support-entry {
  padding: 42px 52px 54px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.85fr) !important;
  gap: 22px 34px !important;
  background:
    radial-gradient(circle at 79% 48%, rgba(20, 115, 214, 0.3), transparent 25%),
    radial-gradient(circle at 82% 48%, rgba(22, 151, 255, 0.18), transparent 41%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0%, rgba(3, 8, 14, 0.96) 46%, rgba(5, 20, 36, 0.94) 100%) !important;
}

#home-entry article.home-entry-card.support-entry .support-copy {
  align-content: center !important;
  gap: 16px !important;
}

#home-entry article.home-entry-card.support-entry .entry-kicker {
  font-size: var(--type-caption) !important;
  letter-spacing: 0.22em !important;
}

#home-entry article.home-entry-card.support-entry h2 {
  max-width: 520px !important;
  font-size: var(--type-h2) !important;
  line-height: 1.02 !important;
}

#home-entry article.home-entry-card.support-entry p {
  max-width: 520px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: var(--type-body) !important;
  line-height: 1.58 !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row {
  grid-template-columns: repeat(3, minmax(0, max-content)) !important;
  gap: 22px !important;
  margin-top: 14px !important;
}

#home-entry article.home-entry-card.support-entry .support-action {
  display: grid !important;
  grid-template-columns: 38px max-content !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding-left: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: var(--type-caption) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

#home-entry article.home-entry-card.support-entry .support-action::before {
  position: static !important;
  width: 34px !important;
  height: 34px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 6px !important;
  transform: none !important;
  background: transparent !important;
}

#home-entry article.home-entry-card.support-entry .setup-guides::before {
  background:
    linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)) 50% 39% / 13px 2px no-repeat,
    linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)) 50% 52% / 13px 2px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 50% 66% / 9px 2px no-repeat,
    linear-gradient(135deg, transparent 0 70%, rgba(255,255,255,.9) 71% 100%) 65% 24% / 10px 10px no-repeat !important;
  box-shadow: inset 0 0 0 9px #050606 !important;
}

#home-entry article.home-entry-card.support-entry .video-tutorials::before {
  background:
    linear-gradient(30deg, transparent 35%, var(--accent) 36% 64%, transparent 65%) center / 16px 18px no-repeat !important;
}

#home-entry article.home-entry-card.support-entry .user-manual::before {
  background:
    linear-gradient(var(--accent), var(--accent)) 70% 28% / 4px 11px no-repeat,
    linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.88)) 50% 50% / 16px 20px no-repeat !important;
  box-shadow: inset 0 0 0 11px #050606 !important;
}

#home-entry article.home-entry-card.support-entry .faq-support::before {
  background:
    radial-gradient(circle at 62% 62%, transparent 0 8px, rgba(255,255,255,.88) 9px 10px, transparent 11px),
    linear-gradient(45deg, transparent 43%, var(--accent) 44% 56%, transparent 57%) center / 20px 20px no-repeat !important;
}

#home-entry article.home-entry-card.support-entry .support-visual {
  min-height: 260px !important;
  overflow: visible !important;
}

#home-entry article.home-entry-card.support-entry .support-orbit {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  border: 1px solid rgba(0, 160, 255, 0.2) !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
}

#home-entry article.home-entry-card.support-entry .orbit-one {
  width: 420px !important;
  height: 420px !important;
}

#home-entry article.home-entry-card.support-entry .orbit-two {
  width: 300px !important;
  height: 300px !important;
}

#home-entry article.home-entry-card.support-entry .orbit-three {
  width: 170px !important;
  height: 170px !important;
  background: radial-gradient(circle, rgba(24, 120, 255, 0.32), transparent 67%) !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol {
  width: 118px !important;
  height: 96px !important;
  border-width: 9px !important;
  border-bottom-color: transparent !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::before,
#home-entry article.home-entry-card.support-entry .support-symbol::after {
  bottom: -12px !important;
  width: 26px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(#fff, #dfefff) !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::before {
  left: -18px !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::after {
  right: -18px !important;
}

#home-entry article.home-entry-card.support-entry .support-visual::after {
  left: calc(50% + 22px) !important;
  top: calc(50% + 56px) !important;
  width: 44px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 -14px 0 24px transparent, 25px -30px 0 -9px var(--accent) !important;
}

#home-entry article.home-entry-card.brand-entry {
  padding: 42px 52px 54px !important;
  grid-template-columns: minmax(0, 0.78fr) minmax(310px, 1fr) !important;
  gap: 22px 32px !important;
  background:
    radial-gradient(ellipse at 72% 56%, rgba(33, 116, 255, 0.18), transparent 35%),
    radial-gradient(ellipse at 80% 70%, rgba(245, 86, 37, 0.16), transparent 27%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.99), rgba(3, 8, 14, 0.96)) !important;
}

#home-entry article.home-entry-card.brand-entry::before {
  background:
    radial-gradient(ellipse at 75% 65%, rgba(82, 174, 255, 0.18), transparent 38%),
    radial-gradient(ellipse at 73% 72%, rgba(245, 86, 37, 0.12), transparent 22%) !important;
}

#home-entry article.home-entry-card.brand-entry .brand-entry-copy {
  align-content: center !important;
  gap: 16px !important;
}

#home-entry article.home-entry-card.brand-entry h2 {
  max-width: 520px !important;
  font-size: var(--type-h2) !important;
  line-height: 1.02 !important;
}

#home-entry article.home-entry-card.brand-entry p {
  max-width: 510px !important;
  font-size: var(--type-body) !important;
  line-height: 1.54 !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  min-height: 0 !important;
  padding: 0 0 0 34px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: var(--type-caption) !important;
  line-height: 1.25 !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span::before {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #68b8ff !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 12px rgba(104, 184, 255, 0.62) !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span:first-child::before {
  border-color: var(--accent) !important;
  box-shadow: 0 0 12px rgba(245, 86, 37, 0.68) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
  width: min(100%, 440px) !important;
  height: 280px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-desk-scene {
  position: absolute !important;
  left: 50% !important;
  top: 45% !important;
  z-index: 3 !important;
  width: 190px !important;
  height: 96px !important;
  border-radius: 8px 8px 12px 12px !important;
  background:
    linear-gradient(#f5c289, #f5c289) 50% 10% / 118px 4px no-repeat,
    linear-gradient(90deg, #111 0 100%) 50% 29% / 150px 54px no-repeat,
    linear-gradient(#50321c, #25160e) 50% 78% / 190px 18px no-repeat,
    linear-gradient(90deg, transparent 44%, #141414 44% 56%, transparent 56%) 50% 70% / 80px 52px no-repeat !important;
  box-shadow: 0 0 36px rgba(69, 151, 255, 0.2), 0 24px 40px rgba(0,0,0,.5) !important;
  transform: translate(-50%, -50%) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer {
  left: 50% !important;
  top: 68% !important;
  z-index: 1 !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: transparent !important;
  transform: translate(-50%, -50%) !important;
}

#home-entry article.home-entry-card.brand-entry .layer-front {
  width: 88% !important;
  border: 2px solid rgba(116, 183, 255, 0.8) !important;
  box-shadow: 0 0 20px rgba(78, 163, 255, 0.72), inset 0 0 18px rgba(78, 163, 255, 0.4) !important;
}

#home-entry article.home-entry-card.brand-entry .layer-ambient {
  width: 62% !important;
  border: 2px solid rgba(42, 159, 255, 0.9) !important;
  box-shadow: 0 0 22px rgba(42, 159, 255, 0.78) !important;
}

#home-entry article.home-entry-card.brand-entry .layer-glow {
  width: 34% !important;
  border: 2px solid rgba(245, 86, 37, 0.94) !important;
  box-shadow: 0 0 22px rgba(245, 86, 37, 0.86) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-core {
  display: none !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label {
  z-index: 4 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #74b7ff !important;
  font-size: var(--type-caption) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(70, 154, 255, 0.7) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.front {
  left: 50% !important;
  top: 61% !important;
  color: var(--accent) !important;
  transform: translateX(-50%) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.ambient {
  left: 50% !important;
  top: 80% !important;
  transform: translateX(-50%) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.space {
  left: 50% !important;
  bottom: -2px !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 1120px) {
  .finder-selector-module,
  #home-entry article.home-entry-card.support-entry,
  #home-entry article.home-entry-card.brand-entry {
    grid-template-columns: 1fr !important;
  }

  .finder-selector-lead {
    min-height: 380px !important;
  }
}

@media (max-width: 760px) {
  .finder-overview-page {
    padding: 28px 16px 48px !important;
  }

  .finder-selector-grid {
    grid-template-columns: 1fr !important;
  }

  .finder-selector-step:nth-child(5) {
    grid-column: auto !important;
  }

  .finder-selector-step {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 28px 24px !important;
  }

  .selector-icon {
    width: 58px !important;
    height: 58px !important;
  }
}

/* Queue 11 refinement: keep specs below cards and scale dark support tiles to 300px card height. */
#home-entry .home-entry-grid {
  row-gap: 78px !important;
}

#home-entry .home-entry-card > .asset-spec,
#home-entry a.home-entry-card.series-entry > .asset-spec,
#home-entry article.home-entry-card.support-entry > .asset-spec,
#home-entry article.home-entry-card.brand-entry > .asset-spec {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 10 !important;
  display: block !important;
  width: auto !important;
  max-height: none !important;
  transform: none !important;
}

#home-entry article.home-entry-card.support-entry,
#home-entry article.home-entry-card.brand-entry {
  min-height: 300px !important;
  max-height: 300px !important;
  padding: 30px 38px 34px !important;
  overflow: visible !important;
}

#home-entry article.home-entry-card.support-entry .support-copy,
#home-entry article.home-entry-card.brand-entry .brand-entry-copy {
  gap: 9px !important;
}

#home-entry article.home-entry-card.support-entry .entry-kicker,
#home-entry article.home-entry-card.brand-entry .entry-kicker {
  font-size: 11px !important;
  letter-spacing: 0.17em !important;
}

#home-entry article.home-entry-card.support-entry h2,
#home-entry article.home-entry-card.brand-entry h2 {
  max-width: 315px !important;
  font-size: var(--type-h3) !important;
  line-height: 1.04 !important;
}

#home-entry article.home-entry-card.support-entry p,
#home-entry article.home-entry-card.brand-entry p {
  max-width: 315px !important;
  font-size: var(--type-caption) !important;
  line-height: 1.48 !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 13px !important;
  margin-top: 8px !important;
}

#home-entry article.home-entry-card.support-entry .support-action {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  min-height: 34px !important;
  gap: 8px !important;
  font-size: 10.5px !important;
  white-space: normal !important;
  word-break: normal !important;
}

#home-entry article.home-entry-card.support-entry .support-action::before {
  width: 28px !important;
  height: 28px !important;
}

#home-entry article.home-entry-card.support-entry .support-visual {
  min-height: 220px !important;
}

#home-entry article.home-entry-card.support-entry .orbit-one {
  width: 330px !important;
  height: 330px !important;
}

#home-entry article.home-entry-card.support-entry .orbit-two {
  width: 236px !important;
  height: 236px !important;
}

#home-entry article.home-entry-card.support-entry .orbit-three {
  width: 138px !important;
  height: 138px !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol {
  width: 92px !important;
  height: 76px !important;
  border-width: 7px !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::before,
#home-entry article.home-entry-card.support-entry .support-symbol::after {
  bottom: -10px !important;
  width: 22px !important;
  height: 38px !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::before {
  left: -15px !important;
}

#home-entry article.home-entry-card.support-entry .support-symbol::after {
  right: -15px !important;
}

#home-entry article.home-entry-card.support-entry .support-visual::after {
  top: calc(50% + 43px) !important;
  width: 34px !important;
  height: 6px !important;
}

#home-entry article.home-entry-card.support-entry .asset-spec::before {
  content: "亚马逊官网要求尺寸规范和格式要求：" !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row {
  align-items: start !important;
  gap: 8px !important;
}

#home-entry article.home-entry-card.support-entry .support-action {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 5px !important;
  min-height: 52px !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

#home-entry article.home-entry-card.support-entry .support-action::before {
  width: 30px !important;
  height: 30px !important;
}

@media (max-width: 760px) {
  #home-entry article.home-entry-card.support-entry {
    grid-template-columns: 1fr !important;
    min-height: 420px !important;
    max-height: none !important;
    padding: 28px 24px 34px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-copy {
    max-width: none !important;
  }

  #home-entry article.home-entry-card.support-entry h2,
  #home-entry article.home-entry-card.support-entry p {
    max-width: 100% !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-visual {
    min-height: 170px !important;
  }

  #home-entry article.home-entry-card.support-entry .orbit-one {
    width: 250px !important;
    height: 250px !important;
  }

  #home-entry article.home-entry-card.support-entry .orbit-two {
    width: 178px !important;
    height: 178px !important;
  }

  #home-entry article.home-entry-card.support-entry .orbit-three {
    width: 106px !important;
    height: 106px !important;
  }
}

#home-entry article.home-entry-card.brand-entry {
  grid-template-columns: minmax(0, 0.72fr) minmax(260px, 1fr) !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row {
  gap: 7px !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  padding-left: 25px !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span::before {
  width: 14px !important;
  height: 14px !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
  width: min(100%, 330px) !important;
  height: 210px !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-desk-scene {
  width: 150px !important;
  height: 76px !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer {
  height: 34px !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label {
  font-size: 10px !important;
}

/* Queue 12: Find Your Light > By Monitor Type page */
.monitor-type-page {
  --monitor-card-border: rgba(10, 24, 40, 0.12);
  --monitor-card-shadow: 0 14px 34px rgba(10, 24, 40, 0.08);
  --monitor-muted: #546171;
  background: #f7f8f9;
}

.monitor-type-page .finder-page-nav,
.monitor-type-page .finder-detail-hero,
.monitor-type-page .finder-option-strip,
.monitor-type-page .monitor-type-category-list {
  max-width: 1600px;
}

.monitor-type-page .finder-detail-hero {
  min-height: 304px;
  margin-bottom: 30px;
  padding: 52px 56px 70px;
  border-radius: var(--radius);
  overflow: hidden;
  background:
    radial-gradient(ellipse at 74% 36%, rgba(0, 130, 214, 0.2), transparent 44%),
    radial-gradient(ellipse at 86% 88%, rgba(245, 86, 37, 0.18), transparent 42%),
    linear-gradient(135deg, #090b0e 0%, #11161b 52%, #090a0b 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.monitor-type-page .finder-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.08), transparent 26%),
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.06), transparent 32%);
  opacity: 0.72;
}

.monitor-type-page .finder-detail-hero h1,
.monitor-type-page .finder-detail-hero p,
.monitor-type-page .finder-detail-hero .asset-spec {
  position: relative;
  z-index: 1;
}

.monitor-type-page .finder-detail-hero p {
  max-width: 650px;
  font-size: var(--type-body);
}

.monitor-type-page .finder-option-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 32px;
  border: 0;
  background: transparent;
}

.monitor-type-page .finder-option-card {
  min-height: 190px;
  padding: 28px 22px;
  border: 1px solid var(--monitor-card-border);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(10, 24, 40, 0.05);
}

.monitor-type-page .finder-option-card:first-child {
  border-left: 1px solid var(--monitor-card-border);
}

.monitor-type-page .finder-option-card strong {
  font-size: var(--type-small);
}

.monitor-type-page .finder-option-card span {
  max-width: 23ch;
  color: var(--monitor-muted);
  font-size: var(--type-caption);
  line-height: 1.38;
}

.monitor-type-page .line-option-icon {
  width: 76px;
  height: 56px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--accent);
}

.monitor-type-page .line-option-icon::before,
.monitor-type-page .line-option-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  background: none;
  box-shadow: none;
}

.monitor-type-page .icon-flat::before {
  left: 12px;
  right: 12px;
  top: 7px;
  height: 31px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.monitor-type-page .icon-flat::after {
  left: 25px;
  bottom: 7px;
  width: 26px;
  height: 12px;
  border-bottom: 3px solid currentColor;
  background: linear-gradient(currentColor, currentColor) center top / 3px 12px no-repeat;
}

.monitor-type-page .icon-curved::before {
  left: 10px;
  right: 10px;
  top: 9px;
  height: 30px;
  border-top: 3px solid currentColor;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
  border-radius: 50% 50% 8px 8px / 72% 72% 8px 8px;
}

.monitor-type-page .icon-curved::after {
  left: 26px;
  bottom: 8px;
  width: 24px;
  height: 10px;
  border-bottom: 3px solid currentColor;
  background: linear-gradient(currentColor, currentColor) center top / 3px 10px no-repeat;
}

.monitor-type-page .icon-dual::before,
.monitor-type-page .icon-dual::after {
  top: 10px;
  width: 29px;
  height: 25px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.monitor-type-page .icon-dual::before {
  left: 6px;
}

.monitor-type-page .icon-dual::after {
  right: 6px;
}

.monitor-type-page .icon-ultrawide::before {
  left: 7px;
  right: 7px;
  top: 10px;
  height: 27px;
  border: 3px solid currentColor;
  border-radius: 999px;
}

.monitor-type-page .icon-ultrawide::after {
  left: 24px;
  bottom: 8px;
  width: 28px;
  height: 9px;
  border-bottom: 3px solid currentColor;
  background: linear-gradient(currentColor, currentColor) center top / 3px 9px no-repeat;
}

.purpose-page .finder-option-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.purpose-page .finder-option-card {
  min-height: 210px;
}

.purpose-page .line-option-icon {
  color: #07192b;
}

.purpose-page .icon-work::before {
  left: 11px;
  top: 10px;
  width: 40px;
  height: 28px;
  border: 3px solid currentColor;
  border-radius: 5px;
  background:
    linear-gradient(var(--accent), var(--accent)) 8px 9px / 18px 3px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 8px 16px / 24px 3px no-repeat;
}

.purpose-page .icon-work::after {
  left: 24px;
  bottom: 7px;
  width: 28px;
  height: 10px;
  border-bottom: 3px solid currentColor;
  background: linear-gradient(currentColor, currentColor) 50% 0 / 3px 10px no-repeat;
}

.purpose-page .icon-game::before {
  left: 8px;
  top: 14px;
  width: 60px;
  height: 31px;
  border: 3px solid currentColor;
  border-radius: 18px 18px 20px 20px;
}

.purpose-page .icon-game::after {
  left: 19px;
  top: 22px;
  width: 42px;
  height: 18px;
  background:
    linear-gradient(currentColor, currentColor) 0 7px / 15px 3px no-repeat,
    linear-gradient(currentColor, currentColor) 6px 1px / 3px 15px no-repeat,
    radial-gradient(circle at 31px 8px, var(--accent) 0 4px, transparent 4.5px),
    radial-gradient(circle at 42px 8px, var(--accent) 0 4px, transparent 4.5px);
}

.purpose-page .icon-creative::before {
  left: 8px;
  top: 8px;
  width: 38px;
  height: 38px;
  border: 3px solid currentColor;
  border-radius: 50%;
  background:
    radial-gradient(circle at 25% 34%, var(--accent) 0 3px, transparent 4px),
    radial-gradient(circle at 57% 26%, currentColor 0 3px, transparent 4px),
    radial-gradient(circle at 68% 60%, currentColor 0 3px, transparent 4px);
}

.purpose-page .icon-creative::after {
  right: 9px;
  top: 10px;
  width: 20px;
  height: 38px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  border-radius: 0 0 0 10px;
  background:
    linear-gradient(var(--accent), var(--accent)) 6px 22px / 13px 3px no-repeat,
    radial-gradient(circle at 18px 22px, transparent 0 6px, var(--accent) 7px 9px, transparent 10px);
}

.purpose-page .icon-craft::before {
  left: 13px;
  top: 12px;
  width: 50px;
  height: 39px;
  border-radius: 0;
  background:
    radial-gradient(circle at 12px 29px, transparent 0 6px, currentColor 7px 9px, transparent 10px),
    radial-gradient(circle at 34px 29px, transparent 0 6px, currentColor 7px 9px, transparent 10px),
    linear-gradient(33deg, transparent 0 47%, currentColor 48% 54%, transparent 55%),
    linear-gradient(-33deg, transparent 0 47%, currentColor 48% 54%, transparent 55%);
}

.purpose-page .icon-craft::after {
  right: 9px;
  top: 9px;
  width: 22px;
  height: 34px;
  border-left: 3px solid var(--accent);
  border-bottom: 3px solid var(--accent);
  border-radius: 0 0 0 9px;
  transform: rotate(43deg);
}

.purpose-page .icon-daily::before {
  left: 16px;
  top: 18px;
  width: 36px;
  height: 25px;
  border: 3px solid currentColor;
  border-radius: 4px 4px 12px 12px;
}

.purpose-page .icon-daily::after {
  left: 24px;
  top: 5px;
  width: 26px;
  height: 45px;
  border-top: 3px solid var(--accent);
  border-bottom: 3px solid currentColor;
  border-radius: 999px;
  box-shadow: 19px 17px 0 -6px #f7f8f9, 19px 17px 0 -3px currentColor;
}

.purpose-page .purpose-category-cta {
  display: inline-flex;
  margin-top: 8px;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

.purpose-page .purpose-category-cta::after {
  content: " ->";
  color: var(--accent);
}

.scenario-page .finder-option-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.scenario-page .finder-option-card {
  min-height: 190px;
}

.scenario-page .line-option-icon {
  color: #07192b;
}

.scenario-page .icon-small::before {
  left: 15px;
  top: 10px;
  width: 34px;
  height: 24px;
  border: 3px solid currentColor;
  border-radius: 4px;
  background:
    linear-gradient(var(--accent), var(--accent)) 23px -3px / 3px 16px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 29px -1px / 3px 12px no-repeat;
  transform: none;
}

.scenario-page .icon-small::after {
  left: 9px;
  bottom: 8px;
  width: 58px;
  height: 22px;
  border-bottom: 3px solid currentColor;
  background:
    linear-gradient(currentColor, currentColor) 28px 0 / 3px 13px no-repeat,
    linear-gradient(currentColor, currentColor) 19px 13px / 20px 3px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 44px 9px / 12px 3px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 50px 0 / 3px 12px no-repeat;
}

.scenario-page .icon-dual::before {
  left: 5px;
  top: 12px;
  width: 29px;
  height: 22px;
  border: 3px solid currentColor;
  border-radius: 4px;
  box-shadow: 36px 0 0 -3px #f7f8f9, 36px 0 0 0 currentColor;
}

.scenario-page .icon-dual::after {
  left: 14px;
  bottom: 8px;
  width: 48px;
  height: 16px;
  border-bottom: 3px solid currentColor;
  background:
    linear-gradient(currentColor, currentColor) 8px 0 / 3px 11px no-repeat,
    linear-gradient(currentColor, currentColor) 37px 0 / 3px 11px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 3px 14px / 42px 3px no-repeat;
}

.scenario-page .icon-dorm::before {
  left: 11px;
  top: 28px;
  width: 46px;
  height: 19px;
  border: 3px solid currentColor;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  background:
    linear-gradient(currentColor, currentColor) 13px -17px / 3px 17px no-repeat,
    linear-gradient(currentColor, currentColor) 26px -17px / 3px 17px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 31px -13px / 11px 3px no-repeat;
}

.scenario-page .icon-dorm::after {
  left: 10px;
  top: 9px;
  width: 31px;
  height: 20px;
  border: 3px solid currentColor;
  border-radius: 4px 4px 7px 7px;
  background:
    linear-gradient(var(--accent), var(--accent)) 5px 8px / 18px 3px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 5px 14px / 14px 3px no-repeat;
}

.scenario-page .icon-home::before {
  left: 13px;
  top: 10px;
  width: 39px;
  height: 25px;
  border: 3px solid currentColor;
  border-radius: 4px;
}

.scenario-page .icon-home::after {
  left: 9px;
  bottom: 8px;
  width: 58px;
  height: 26px;
  border-bottom: 3px solid currentColor;
  background:
    linear-gradient(currentColor, currentColor) 26px 0 / 3px 14px no-repeat,
    linear-gradient(currentColor, currentColor) 17px 14px / 22px 3px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 47px 7px / 3px 16px no-repeat,
    linear-gradient(var(--accent), var(--accent)) 42px 7px / 13px 3px no-repeat;
}

.scenario-page .icon-game::before {
  left: 8px;
  top: 14px;
  width: 60px;
  height: 31px;
  border: 3px solid currentColor;
  border-radius: 18px 18px 20px 20px;
}

.scenario-page .icon-game::after {
  left: 18px;
  top: 21px;
  width: 43px;
  height: 24px;
  background:
    linear-gradient(currentColor, currentColor) 0 8px / 15px 3px no-repeat,
    linear-gradient(currentColor, currentColor) 6px 2px / 3px 15px no-repeat,
    radial-gradient(circle at 31px 9px, var(--accent) 0 4px, transparent 4.5px),
    radial-gradient(circle at 42px 9px, var(--accent) 0 4px, transparent 4.5px),
    linear-gradient(90deg, #f55625, #ffd814 34%, #22c55e 58%, #1688ff 78%, #d946ef) 4px 22px / 36px 3px no-repeat;
}

.scenario-page .scenario-category-cta {
  display: inline-flex;
  margin-top: 8px;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

.scenario-page .scenario-category-cta::after {
  content: " ->";
  color: var(--accent);
}

.monitor-type-page .line-option-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.monitor-type-page .line-option-icon::before,
.monitor-type-page .line-option-icon::after {
  display: none;
}

.monitor-type-page .icon-flat {
  background-image: url("./assets/find-your-light-icons/monitor-flat.svg");
}

.monitor-type-page .icon-curved {
  background-image: url("./assets/find-your-light-icons/monitor-curved.svg");
}

.monitor-type-page .icon-dual {
  background-image: url("./assets/find-your-light-icons/monitor-dual.svg");
}

.monitor-type-page .icon-ultrawide {
  background-image: url("./assets/find-your-light-icons/monitor-ultrawide.svg");
}

.purpose-page .icon-work {
  background-image: url("./assets/find-your-light-icons/purpose-work-study.svg");
}

.purpose-page .icon-game {
  background-image: url("./assets/find-your-light-icons/purpose-gaming.svg");
}

.purpose-page .icon-creative {
  background-image: url("./assets/find-your-light-icons/purpose-creative.svg");
}

.purpose-page .icon-craft {
  background-image: url("./assets/find-your-light-icons/purpose-crafting.svg");
}

.purpose-page .icon-daily {
  background-image: url("./assets/find-your-light-icons/purpose-daily.svg");
}

.scenario-page .icon-small {
  background-image: url("./assets/find-your-light-icons/scenario-small-desk.svg");
}

.scenario-page .icon-dual {
  background-image: url("./assets/find-your-light-icons/scenario-multi-screen.svg");
}

.scenario-page .icon-dorm {
  background-image: url("./assets/find-your-light-icons/scenario-dorm.svg");
}

.scenario-page .icon-home {
  background-image: url("./assets/find-your-light-icons/scenario-home-office.svg");
}

.scenario-page .icon-game {
  background-image: url("./assets/find-your-light-icons/scenario-gaming-desk.svg");
}

.shape-page .finder-option-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shape-page .finder-option-card {
  min-height: 190px;
}

.shape-page .line-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 56px;
  color: #07192b;
}

.shape-page .line-option-icon::before,
.shape-page .line-option-icon::after {
  display: none;
}

.shape-page .monitor-type-category-head .line-option-icon {
  width: 96px;
  height: 56px;
}

.shape-page .shape-line-icon {
  display: block;
  width: 96px;
  height: 56px;
  overflow: visible;
}

.shape-page .shape-main {
  fill: none;
  stroke: currentColor;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.shape-page .shape-accent-fill {
  fill: var(--accent);
}

.shape-page .shape-icon-curved .shape-main,
.shape-page .shape-icon-foldable .shape-main {
  stroke-width: 4.8;
}

.shape-page .shape-category-cta {
  display: inline-flex;
  margin-top: 8px;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

.shape-page .shape-category-cta::after {
  content: " ->";
  color: var(--accent);
}

.color-page .finder-option-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.color-page .finder-option-card {
  min-height: 190px;
}

.color-page .color-swatch-strip {
  border: 0;
  background: transparent;
}

.color-page .color-swatch {
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.5),
    inset 0 -8px 16px rgba(0, 0, 0, 0.1),
    0 9px 20px rgba(10, 24, 40, 0.08);
}

.color-page .monitor-type-category-head .color-swatch {
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
  margin-bottom: 18px;
}

.color-page .swatch-black {
  border: 1px solid rgba(0, 0, 0, 0.28);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16), transparent 15%, rgba(0, 0, 0, 0.18) 58%, rgba(0, 0, 0, 0.55) 100%),
    conic-gradient(from 35deg, #171b20, #3b4147, #111418, #2d3339, #080a0d, #32373d, #171b20);
}

.color-page .swatch-grey {
  border: 1px solid rgba(93, 104, 114, 0.32);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.68), transparent 16%, rgba(92, 105, 116, 0.08) 60%, rgba(82, 94, 104, 0.18) 100%),
    conic-gradient(from 35deg, #a7b0b8, #e3e8ec, #bac3ca, #f1f4f6, #9da8b1, #d4dbe0, #a7b0b8);
}

.color-page .swatch-white {
  border: 1px solid #d5dbe0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.92), transparent 18%, rgba(194, 202, 210, 0.08) 62%, rgba(184, 194, 202, 0.16) 100%),
    conic-gradient(from 35deg, #eef1f3, #ffffff, #e3e7eb, #fbfcfd, #dde3e8, #f6f8f9, #eef1f3);
}

.color-page .swatch-pink {
  border: 1px solid rgba(218, 131, 154, 0.36);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.62), transparent 17%, rgba(224, 106, 139, 0.08) 60%, rgba(211, 100, 130, 0.16) 100%),
    conic-gradient(from 35deg, #f2bcc9, #ffe0e7, #eaa7ba, #ffd3de, #e89cae, #f7c6d2, #f2bcc9);
}

.color-page .color-category-cta {
  display: inline-flex;
  margin-top: 8px;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

.color-page .color-category-cta::after {
  content: " ->";
  color: var(--accent);
}

.monitor-type-page .monitor-type-category-list {
  gap: 28px;
  margin: 0 auto;
}

.monitor-type-page .monitor-type-category {
  display: grid;
  grid-template-columns: minmax(250px, 0.24fr) minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--monitor-card-border);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--monitor-card-shadow);
}

.monitor-type-page .monitor-type-category-head {
  min-height: 100%;
  padding: 30px;
  border: 1px solid rgba(10, 24, 40, 0.08);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 82% 18%, rgba(245, 86, 37, 0.08), transparent 28%),
    #f4f6f7;
}

.monitor-type-page .monitor-type-category-head .line-option-icon {
  width: 70px;
  height: 52px;
}

.monitor-type-page.shape-page .monitor-type-category-head .line-option-icon {
  width: 96px;
  height: 56px;
}

.monitor-type-page .monitor-type-category-head span {
  color: var(--monitor-muted);
  font-size: var(--type-caption);
  letter-spacing: 0.08em;
}

.monitor-type-page .monitor-type-category-head h2 {
  font-size: var(--type-h2);
  letter-spacing: 0;
}

.monitor-type-page .monitor-type-category-head p {
  max-width: 24ch;
  color: var(--monitor-muted);
  font-size: var(--type-body);
  line-height: 1.48;
}

.monitor-type-page .finder-option-visual-spec {
  grid-column: 1 / -1;
  margin-top: -2px !important;
}

.monitor-type-page .monitor-type-category-head > .category-visual-spec {
  margin-top: 4px !important;
}

.monitor-type-page .monitor-type-product-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.monitor-type-page .monitor-type-product-card {
  position: relative;
  display: grid;
  grid-template-rows: 132px auto auto auto auto 1fr;
  gap: 6px;
  min-height: 300px;
  padding: 12px 12px 14px;
  border: 1px solid #dfe5e9;
  border-radius: var(--radius);
  background: #fff;
  color: #111;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(10, 24, 40, 0.05);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.monitor-type-page .monitor-type-product-card:hover {
  border-color: rgba(245, 86, 37, 0.46);
  box-shadow: 0 16px 36px rgba(10, 24, 40, 0.12);
  transform: translateY(-1px);
}

.monitor-type-page .monitor-type-product-card img {
  width: 100%;
  height: 132px;
  object-fit: contain;
  border-radius: 6px;
  background: #f6f7f8;
}

.monitor-type-page .monitor-type-product-badge {
  justify-self: start;
  width: auto;
  padding: 4px 7px;
  border-radius: 5px;
  background: var(--accent);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.monitor-type-page .monitor-type-product-card strong {
  display: -webkit-box;
  min-height: 38px;
  overflow: hidden;
  color: #15191d;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.14;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.monitor-type-page .monitor-type-product-card > p:not(.fd-rating):not(.fd-price):not(.fd-prime) {
  margin: 0;
  color: var(--monitor-muted);
  font-size: var(--type-caption);
  font-weight: 750;
  line-height: 1.18;
}

.monitor-type-page .monitor-type-product-card small {
  color: #697585;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.16;
}

.monitor-type-page .monitor-type-product-card .fd-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: #ff8a00;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.05;
  white-space: nowrap;
}

.monitor-type-page .monitor-type-product-card .fd-rating b {
  overflow: hidden;
  color: #24527f;
  font-size: var(--type-caption);
  font-weight: 800;
  text-overflow: ellipsis;
}

.monitor-type-page .monitor-type-product-card .fd-price {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin: 0;
  color: #050606;
  font-size: var(--type-h3);
  font-weight: 850;
  line-height: 0.95;
}

.monitor-type-page .monitor-type-product-card .fd-price sup {
  font-size: var(--type-caption);
  line-height: 0;
}

.monitor-type-page .monitor-type-product-card .fd-prime {
  margin: 0;
  color: #0085c7;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.05;
}

.monitor-type-page .monitor-type-product-card em {
  align-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin-top: 4px;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: var(--type-caption);
  font-style: normal;
  font-weight: 850;
  text-transform: none;
}

.monitor-type-page .monitor-type-spec {
  position: static;
  grid-column: 1 / -1;
  max-height: none;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #dbe1e6;
  border-radius: var(--radius);
  background: #f7f8f9;
  color: #53606d;
  font-size: var(--type-caption);
  font-weight: 750;
  line-height: 1.45;
  backdrop-filter: none;
  pointer-events: auto;
}

.monitor-type-page details.monitor-type-pending {
  cursor: default;
}

.monitor-type-page .monitor-type-pending summary {
  cursor: pointer;
  color: #111;
  font-weight: 900;
}

.monitor-type-page .monitor-type-pending p {
  margin: 8px 0 0;
}

@media (max-width: 1320px) {
  .monitor-type-page .monitor-type-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .monitor-type-page .finder-option-strip,
  .purpose-page .finder-option-strip,
  .scenario-page .finder-option-strip,
  .shape-page .finder-option-strip,
  .color-page .finder-option-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .monitor-type-page .monitor-type-category {
    grid-template-columns: 1fr;
  }

  .monitor-type-page .monitor-type-category-head {
    min-height: 220px;
  }

  .monitor-type-page .monitor-type-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .monitor-type-page .finder-detail-hero {
    min-height: 260px;
    padding: 36px 24px 70px;
  }

  .monitor-type-page .finder-option-strip,
  .purpose-page .finder-option-strip,
  .scenario-page .finder-option-strip,
  .shape-page .finder-option-strip,
  .color-page .finder-option-strip,
  .monitor-type-page .monitor-type-product-grid {
    grid-template-columns: 1fr;
  }

  .monitor-type-page .finder-option-card {
    min-height: 168px;
  }

  .monitor-type-page .monitor-type-category {
    padding: 12px;
  }

  .monitor-type-page .monitor-type-category-head {
    min-height: 210px;
    padding: 24px;
  }

  .monitor-type-page .monitor-type-product-card {
    grid-template-rows: 154px auto auto auto auto 1fr;
    min-height: 318px;
  }

  .monitor-type-page .monitor-type-product-card img {
    height: 154px;
  }
}

/* Queue 19: scoped fix for the Featured & Deals benefits row only. */
#home-entry .featured-deals-module.featured-deals-card {
  padding-bottom: 88px !important;
}

#home-entry .featured-deals-module .featured-deals-benefits {
  position: absolute !important;
  right: 30px !important;
  bottom: 24px !important;
  left: 30px !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(245, 86, 37, 0.13) !important;
}

#home-entry .featured-deals-module .featured-deals-benefits span {
  min-width: 0 !important;
  white-space: nowrap !important;
}

#home-entry .featured-deals-module .featured-deals-asset-spec {
  top: calc(100% + 10px) !important;
}

@media (max-width: 760px) {
  #home-entry .featured-deals-module.featured-deals-card {
    padding-bottom: 50px !important;
  }

  #home-entry .featured-deals-module .featured-deals-benefits {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    margin-top: 8px !important;
  }
}

/* Queue 20: keep the IM Series RGB light strip inside its rounded card. */
#home-entry a.home-entry-card.im-entry {
  position: relative !important;
  overflow: hidden !important;
  clip-path: none !important;
  border-radius: var(--radius) !important;
}

#home-entry a.home-entry-card.im-entry::after {
  right: 12px !important;
  bottom: 20px !important;
  left: 12px !important;
  width: auto !important;
  max-width: none !important;
}

/* Queue 21: Focus Series standalone series page. */
.focus-series-page {
  width: min(1600px, calc(100vw - 128px));
  max-width: 1600px;
  margin: 0 auto;
  gap: 30px;
  padding-bottom: 72px;
  background: #fff;
  color: #0b1016;
}

.focus-series-page .asset-spec {
  position: static;
  max-height: none;
  margin-top: 10px;
  padding: 8px 10px;
  border-color: rgba(10, 24, 40, 0.16);
  background: #f5f7f9;
  color: #516071;
  font-size: var(--type-caption);
  line-height: 1.35;
  pointer-events: auto;
  backdrop-filter: none;
}

.focus-series-page .asset-spec::before {
  content: "亚马逊官网要求尺寸规范和格式要求：";
  color: var(--accent);
}

.focus-video-module {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 0.26fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  background: #050607;
  box-shadow: 0 18px 42px rgba(10, 24, 40, 0.16);
}

.focus-video-frame {
  position: relative;
  display: grid;
  grid-template-rows: minmax(360px, 1fr) auto;
  min-height: 450px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 60%, rgba(0, 130, 214, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 28%),
    #050607;
}

.series-video-specs {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.focus-video-cover {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 360px;
  padding: 0;
  overflow: hidden;
  background: #050607;
}

.focus-video-cover::before {
  content: none;
}

.focus-video-cover-art {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: contain;
  background: #050607;
}

.focus-video-controls {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto auto minmax(120px, 1fr) repeat(3, auto);
  gap: 14px;
  align-items: center;
  padding: 0 36px 24px;
  color: #fff;
  font-size: var(--type-caption);
  font-weight: 750;
}

.focus-control-play {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #fff;
}

.focus-control-track {
  position: relative;
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.34);
}

.focus-control-track i {
  display: block;
  width: 18%;
  height: 100%;
  border-radius: inherit;
  background: var(--focus);
  box-shadow: 0 0 18px rgba(0, 130, 214, 0.75);
}

.focus-control-icon {
  position: relative;
  width: 18px;
  height: 18px;
  color: #fff;
}

.focus-control-volume::before,
.focus-control-settings::before,
.focus-control-fullscreen::before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 2px solid currentColor;
}

.focus-control-volume::before {
  border: 0;
  background: currentColor;
  clip-path: polygon(0 34%, 38% 34%, 78% 0, 78% 100%, 38% 66%, 0 66%);
}

.focus-control-settings::before {
  border-radius: 50%;
}

.focus-control-settings::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: #050607;
}

.focus-control-fullscreen::before {
  border-width: 0;
  background:
    linear-gradient(currentColor 0 0) left top / 8px 2px no-repeat,
    linear-gradient(currentColor 0 0) left top / 2px 8px no-repeat,
    linear-gradient(currentColor 0 0) right top / 8px 2px no-repeat,
    linear-gradient(currentColor 0 0) right top / 2px 8px no-repeat,
    linear-gradient(currentColor 0 0) left bottom / 8px 2px no-repeat,
    linear-gradient(currentColor 0 0) left bottom / 2px 8px no-repeat,
    linear-gradient(currentColor 0 0) right bottom / 8px 2px no-repeat,
    linear-gradient(currentColor 0 0) right bottom / 2px 8px no-repeat;
}

.focus-feature-list {
  display: grid;
  align-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 60% 40%, rgba(0, 130, 214, 0.13), transparent 42%),
    #07090b;
}

.focus-feature-list article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 96px;
  padding: 20px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.focus-feature-list article:last-child {
  border-bottom: 0;
}

.focus-feature-list strong {
  display: block;
  margin: 0 0 5px;
  color: #fff;
  font-size: var(--type-small);
  line-height: 1.2;
  font-weight: 850;
}

.focus-feature-list p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--type-caption);
  line-height: 1.35;
}

.focus-feature-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #fff;
}

.focus-feature-eye::before {
  content: "";
  width: 34px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.focus-feature-eye::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.focus-feature-clock::before {
  content: "";
  width: 32px;
  height: 32px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.focus-feature-clock::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(4px, -2px);
}

.focus-feature-screen::before {
  content: "";
  width: 32px;
  height: 21px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.focus-feature-screen::after {
  content: "";
  position: absolute;
  bottom: 6px;
  width: 24px;
  height: 8px;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.focus-feature-front::before {
  content: "";
  position: absolute;
  top: 8px;
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--focus);
  box-shadow: 0 0 12px rgba(0, 130, 214, 0.85);
}

.focus-feature-front::after {
  content: "";
  position: absolute;
  top: 18px;
  width: 34px;
  height: 18px;
  background:
    linear-gradient(var(--focus), var(--focus)) 0 0 / 2px 11px no-repeat,
    linear-gradient(var(--focus), var(--focus)) 25% 0 / 2px 16px no-repeat,
    linear-gradient(var(--focus), var(--focus)) 50% 0 / 2px 18px no-repeat,
    linear-gradient(var(--focus), var(--focus)) 75% 0 / 2px 16px no-repeat,
    linear-gradient(var(--focus), var(--focus)) 100% 0 / 2px 11px no-repeat;
}

.series-lighting-icon {
  --lighting-accent: var(--focus);
  --lighting-line: var(--lighting-accent);
}

.series-lighting-icon::before {
  content: "";
  position: absolute;
  top: 10px;
  width: 36px;
  height: 2px;
  border-radius: 999px;
  background: var(--lighting-line);
  box-shadow: 0 0 12px color-mix(in srgb, var(--lighting-accent) 70%, transparent);
}

.series-lighting-icon::after {
  content: "";
  position: absolute;
  top: 19px;
  width: 38px;
  height: 20px;
  background:
    linear-gradient(var(--lighting-accent), var(--lighting-accent)) 4px 2px / 2px 7px no-repeat,
    linear-gradient(var(--lighting-accent), var(--lighting-accent)) 12px 0 / 2px 12px no-repeat,
    linear-gradient(var(--lighting-accent), var(--lighting-accent)) 20px 0 / 2px 14px no-repeat,
    linear-gradient(var(--lighting-accent), var(--lighting-accent)) 28px 0 / 2px 12px no-repeat,
    linear-gradient(var(--lighting-accent), var(--lighting-accent)) 36px 2px / 2px 7px no-repeat;
  transform: skewX(-13deg);
}

.series-lighting-glow {
  --lighting-accent: var(--glow-series);
  --lighting-line: #fff;
}

.series-lighting-glow::before {
  top: 8px;
  background:
    linear-gradient(#fff, #fff) 50% 0 / 36px 2px no-repeat,
    linear-gradient(var(--glow-series), var(--glow-series)) 50% 22px / 36px 2px no-repeat;
  height: 24px;
  box-shadow: none;
}

.series-lighting-glow::after {
  top: 15px;
  height: 22px;
  background:
    linear-gradient(var(--glow-series), var(--glow-series)) 2px 0 / 2px 6px no-repeat,
    linear-gradient(var(--glow-series), var(--glow-series)) 11px 4px / 2px 10px no-repeat,
    linear-gradient(var(--glow-series), var(--glow-series)) 20px 5px / 2px 12px no-repeat,
    linear-gradient(var(--glow-series), var(--glow-series)) 29px 4px / 2px 10px no-repeat,
    linear-gradient(var(--glow-series), var(--glow-series)) 38px 0 / 2px 6px no-repeat;
}

.series-lighting-im {
  --lighting-accent: #ff4b1f;
  --lighting-line: var(--im-rgb-line);
}

.series-lighting-im::before {
  top: 7px;
  width: 38px;
  height: 18px;
  padding-top: 1px;
  background:
    var(--im-rgb-line) 50% 0 / 38px 2px no-repeat,
    linear-gradient(#fff, #fff) 50% 16px / 38px 2px no-repeat;
  color: #fff;
  content: "RGB";
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  box-shadow: none;
}

.series-lighting-im::after {
  top: 26px;
  height: 16px;
  background:
    linear-gradient(#ff2a00, #ff2a00) 4px 0 / 2px 7px no-repeat,
    linear-gradient(#ff2bd6, #ff2bd6) 12px 1px / 2px 10px no-repeat,
    linear-gradient(#1e6bff, #1e6bff) 20px 0 / 2px 12px no-repeat,
    linear-gradient(#00c8ff, #00c8ff) 28px 1px / 2px 10px no-repeat,
    linear-gradient(#5cff3d, #5cff3d) 36px 0 / 2px 7px no-repeat;
}

.series-lighting-studio {
  --lighting-accent: var(--studio-bright);
  --lighting-line: #fff;
}

.series-lighting-studio::before {
  width: 42px;
}

.series-lighting-studio::after {
  width: 42px;
  background:
    linear-gradient(var(--studio-bright), var(--studio-bright)) 1px 2px / 2px 9px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 11px 0 / 2px 14px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 21px 0 / 2px 16px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 31px 0 / 2px 14px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 41px 2px / 2px 9px no-repeat;
}

.series-lighting-svg-icon::before,
.series-lighting-svg-icon::after {
  content: none;
}

.series-lighting-svg-icon svg {
  display: block;
  width: 56px;
  height: 44px;
  overflow: visible;
}

.series-lighting-svg-icon .series-light-bar,
.series-lighting-svg-icon .series-light-ray {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: square;
}

.series-lighting-svg-icon .series-rgb-label {
  fill: currentColor;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0;
}

.series-best-for-icon::before {
  content: "";
  width: 32px;
  height: 32px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.series-best-for-icon::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background:
    linear-gradient(currentColor, currentColor) 50% -7px / 2px 7px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 14px / 2px 7px no-repeat,
    linear-gradient(currentColor, currentColor) -7px 50% / 7px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 14px 50% / 7px 2px no-repeat;
}

.focus-timeline-module {
  display: grid;
  grid-template-columns: minmax(150px, 0.16fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  border-bottom: 1px solid #e5e8ec;
  background: #fff;
}

.focus-timeline-intro {
  padding: 18px 22px;
  border-right: 1px solid #e5e8ec;
}

.focus-timeline-intro h2 {
  margin: 0 0 8px;
  color: #0b1016;
  font-size: var(--type-small);
  line-height: 1.2;
  font-weight: 850;
}

.focus-timeline-intro p {
  margin: 0;
  color: #5f6c7a;
  font-size: var(--type-caption);
  line-height: 1.35;
}

.focus-timeline-list {
  display: grid;
  grid-template-columns: repeat(10, minmax(168px, 1fr));
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
}

.glow-timeline-list,
.im-timeline-list {
  grid-template-columns: repeat(6, minmax(168px, 1fr));
}

.studio-timeline-list {
  grid-template-columns: repeat(3, minmax(168px, 1fr));
}

.focus-timeline-list li {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 94px;
  padding: 18px;
  border-right: 1px solid #e5e8ec;
}

.focus-timeline-list li:last-child {
  border-right: 0;
}

.focus-timeline-list time {
  color: var(--focus);
  font-size: var(--type-caption);
  line-height: 1.25;
  font-weight: 850;
}

.focus-timeline-list span {
  color: #17202b;
  font-size: var(--type-caption);
  line-height: 1.35;
  font-weight: 700;
}

.focus-timeline-module .asset-spec {
  grid-column: 1 / -1;
}

.focus-products-heading {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding-top: 6px;
  text-align: center;
}

.focus-products-heading h2 {
  margin: 0;
  color: #0b1016;
  font-size: var(--type-h2);
  line-height: 1.2;
  font-weight: 800;
}

.focus-products-heading p {
  margin: 0;
  color: #5f6c7a;
  font-size: var(--type-body);
  line-height: 1.45;
}

.focus-products-heading .asset-spec {
  width: 100%;
}

.focus-product-section {
  position: relative;
  display: grid;
  gap: 10px;
}

.focus-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.focus-product-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 16px;
  min-height: 388px;
  padding: 16px;
  overflow: visible;
  border: 1px solid #dfe5ea;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 32px rgba(10, 24, 40, 0.06);
}

.focus-product-media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 178px;
  overflow: hidden;
  border-radius: calc(var(--radius) - 2px);
  background: #f6f7f8;
}

.focus-product-media img {
  width: 92%;
  max-height: 158px;
  object-fit: contain;
}

.amazon-image-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px dashed #aab5c2;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #5f6c7a;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1;
}

.focus-size-pill {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 14px;
  border: 1px solid #e0e5ea;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #344152;
  font-size: var(--type-caption);
  font-weight: 750;
  line-height: 1;
}

.focus-product-card h3 {
  margin: 0;
  color: #0b1016;
  font-size: var(--type-small);
  line-height: 1.28;
  font-weight: 850;
}

.focus-spec-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
}

.focus-spec-list div {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  column-gap: 12px;
  align-items: start;
}

.focus-spec-list div::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 5px;
  border-radius: 999px;
  background: #718091;
}

.focus-spec-list dt,
.focus-spec-list dd {
  margin: 0;
}

.focus-spec-list dt {
  color: #6a7685;
  font-size: var(--type-caption);
  line-height: 1.2;
  font-weight: 800;
}

.focus-spec-list dd {
  grid-column: 2;
  color: #162230;
  font-size: var(--type-small);
  line-height: 1.3;
  font-weight: 700;
}

.focus-product-card.needs-spec-confirmation {
  border-style: dashed;
}

.focus-hotspot {
  position: absolute;
  top: 105px;
  left: 50%;
  z-index: 8;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
  transform: none;
}

.focus-hotspot > span {
  display: block;
  width: 28px;
  height: 28px;
  border: 6px solid #fff;
  border-radius: 50%;
  background: rgba(11, 16, 22, 0.62);
  box-shadow: 0 8px 24px rgba(10, 24, 40, 0.24);
}

.focus-hotspot em {
  position: absolute;
  top: -42px;
  left: 38px;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 5px 12px;
  width: min(320px, calc(100vw - 80px));
  padding: 18px;
  border: 1px solid #dfe5ea;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 18px 42px rgba(10, 24, 40, 0.22);
  color: #0b1016;
  font-style: normal;
  text-align: left;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.focus-hotspot:hover em,
.focus-hotspot:focus em,
.focus-hotspot:focus-visible em {
  opacity: 1;
  transform: translateY(0);
}

.focus-hotspot em img {
  grid-row: 1 / span 7;
  width: 100%;
  align-self: center;
  object-fit: contain;
}

.focus-hotspot-image-placeholder {
  grid-row: 1 / span 7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 84px;
  padding: 10px;
  border: 1px dashed #aab5c2;
  border-radius: calc(var(--radius) - 2px);
  background: #f6f7f8;
  color: #5f6c7a;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
}

.focus-hotspot-close {
  position: absolute;
  top: 10px;
  right: 12px;
  color: #7a8592;
  font-size: var(--type-body);
  line-height: 1;
}

.focus-hotspot em b,
.focus-hotspot em small,
.focus-hotspot em strong,
.focus-hotspot em i,
.focus-hotspot .focus-hotspot-rating,
.focus-hotspot em .prime,
.focus-hotspot-cart {
  grid-column: 2;
}

.focus-hotspot em b {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 3px;
  background: #cc0c39;
  color: #fff;
  font-size: var(--type-caption);
  line-height: 1;
  font-style: normal;
}

.focus-hotspot em small {
  color: #cc0c39;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.15;
}

.focus-hotspot em strong {
  color: #0b1016;
  font-size: var(--type-caption);
  line-height: 1.32;
  font-weight: 850;
}

.focus-hotspot em i {
  color: #0b1016;
  font-size: var(--type-h3);
  line-height: 1;
  font-weight: 850;
  font-style: normal;
}

.focus-hotspot em s {
  margin-left: 4px;
  color: #6a7685;
  font-size: var(--type-caption);
  font-weight: 650;
}

.focus-hotspot-rating {
  color: #ff8a00;
  font-size: var(--type-caption);
  font-weight: 850;
  line-height: 1.2;
}

.focus-hotspot-cart {
  display: grid;
  min-height: 34px;
  margin-top: 4px;
  place-items: center;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: var(--type-caption);
  font-weight: 850;
}

.focus-hotspot-spec-section {
  display: grid;
}

@media (max-width: 1180px) {
  .focus-series-page {
    width: min(100%, calc(100vw - 48px));
  }

  .focus-video-module {
    grid-template-columns: 1fr;
  }

  .focus-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-left: 0;
  }

  .focus-feature-list article:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
  }

  .focus-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .focus-series-page {
    width: 100%;
    padding: 0 16px 56px;
  }

  .focus-video-frame {
    grid-template-rows: minmax(300px, 1fr) auto auto;
    min-height: 390px;
  }

  .focus-video-cover {
    min-height: 300px;
  }

  .focus-video-cover-art {
    min-height: 300px;
  }

  .focus-video-controls {
    grid-template-columns: auto auto minmax(90px, 1fr) repeat(3, auto);
    gap: 10px;
    padding: 0 20px 18px;
  }

  .focus-timeline-module {
    grid-template-columns: 1fr;
  }

  .focus-timeline-intro {
    border-right: 0;
    border-bottom: 1px solid #e5e8ec;
  }

  .focus-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .focus-hotspot em {
    top: 38px;
    left: 0;
  }
}

@media (max-width: 560px) {
  .focus-feature-list,
  .focus-product-grid {
    grid-template-columns: 1fr;
  }

  .focus-feature-list article:nth-child(odd) {
    border-right: 0;
  }

  .focus-video-controls {
    grid-template-columns: auto auto minmax(80px, 1fr);
  }

  .focus-control-icon {
    display: none;
  }

  .focus-product-card {
    min-height: 0;
  }
}

/* Queue 23: Glow Series page uses the confirmed Focus page structure with Glow-specific visuals. */
.glow-series-page {
  --glow-series: #f0faf6;
  --glow-series-soft: rgba(240, 250, 246, 0.64);
  --glow-series-dim: rgba(240, 250, 246, 0.18);
}

.glow-series-page .focus-video-module {
  border-color: rgba(240, 250, 246, 0.14);
}

.glow-series-page .focus-video-frame {
  background:
    radial-gradient(ellipse at 50% 62%, rgba(240, 250, 246, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 30%),
    #050607;
}

.glow-series-page .focus-video-cover {
  background:
    radial-gradient(circle at 50% 16%, rgba(240, 250, 246, 0.11), transparent 27%),
    radial-gradient(ellipse at 50% 74%, rgba(240, 250, 246, 0.09), transparent 34%),
    #050607;
}

.glow-series-page .focus-video-cover-art {
  object-fit: contain;
}

.glow-series-page .focus-control-track i {
  background: var(--glow-series);
  box-shadow: 0 0 18px rgba(240, 250, 246, 0.72);
}

.glow-series-page .focus-feature-list {
  background:
    radial-gradient(circle at 54% 42%, rgba(240, 250, 246, 0.09), transparent 43%),
    #07090b;
}

.glow-series-page .focus-feature-list article {
  min-height: 88px;
}

.glow-feature-balance::before {
  content: "";
  position: absolute;
  top: 13px;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 12px rgba(240, 250, 246, 0.72);
}

.glow-feature-balance::after {
  content: "";
  position: absolute;
  top: 22px;
  width: 36px;
  height: 12px;
  border-bottom: 2px solid var(--glow-series);
  border-radius: 0 0 50% 50%;
  box-shadow: 0 8px 16px rgba(240, 250, 246, 0.18);
}

.glow-feature-backlight::before {
  content: "";
  width: 32px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.glow-feature-backlight::after {
  content: "";
  position: absolute;
  bottom: 8px;
  width: 36px;
  height: 12px;
  border-bottom: 2px solid var(--glow-series);
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(240, 250, 246, 0.58);
}

.glow-feature-frontback::before {
  content: "";
  position: absolute;
  top: 10px;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
}

.glow-feature-frontback::after {
  content: "";
  position: absolute;
  top: 22px;
  width: 36px;
  height: 14px;
  border-top: 2px solid var(--glow-series);
  border-bottom: 2px solid var(--glow-series);
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(240, 250, 246, 0.55);
}

.glow-series-page .focus-timeline-list time {
  color: #6f8f85;
}

.glow-product-card .focus-product-media {
  background:
    radial-gradient(circle at 52% 52%, rgba(240, 250, 246, 0.58), transparent 40%),
    #f6f7f8;
}

.glow-product-card .focus-product-media img {
  width: 88%;
  max-height: 166px;
}

.glow-product-card.needs-product-image .focus-product-media::after {
  content: "needs product image";
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 4px 8px;
  border: 1px solid rgba(10, 24, 40, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #657383;
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1;
}

.glow-series-page .focus-hotspot em b {
  background: #0b1016;
  color: var(--glow-series);
}

@media (max-width: 1180px) {
  .glow-series-page .focus-feature-list article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .glow-product-card.needs-product-image .focus-product-media::after {
    font-size: 11px;
  }
}

/* Queue 25: IM Series page keeps the confirmed Focus structure with IM RGB accents. */
.im-series-page {
  --im-series: #ff4b1f;
  --im-rgb-line: linear-gradient(90deg, #ff2a00, #ff7a00 18%, #ff2bd6 36%, #7c3cff 52%, #1e6bff 68%, #00c8ff 82%, #5cff3d);
}

.im-series-page .focus-video-module {
  border-color: rgba(255, 75, 31, 0.18);
}

.im-series-page .focus-video-frame {
  background:
    radial-gradient(ellipse at 34% 62%, rgba(255, 42, 0, 0.15), transparent 34%),
    radial-gradient(ellipse at 64% 62%, rgba(30, 107, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 30%),
    #050607;
}

.im-series-page .focus-video-cover {
  background:
    radial-gradient(circle at 45% 15%, rgba(255, 75, 31, 0.12), transparent 27%),
    radial-gradient(ellipse at 54% 72%, rgba(30, 107, 255, 0.11), transparent 34%),
    #050607;
}

.im-series-page .focus-video-cover-art {
  object-fit: contain;
}

.im-series-page .focus-control-track i {
  background: var(--im-rgb-line);
  box-shadow: 0 0 18px rgba(255, 75, 31, 0.72);
}

.im-series-page .focus-feature-list {
  background:
    radial-gradient(circle at 42% 44%, rgba(255, 75, 31, 0.1), transparent 42%),
    radial-gradient(circle at 72% 54%, rgba(30, 107, 255, 0.08), transparent 42%),
    #07090b;
}

.im-series-page .focus-feature-list article {
  min-height: 88px;
}

.im-feature-rgb::before,
.im-feature-game::before {
  content: "";
  width: 34px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 12px 12px 14px 14px;
}

.im-feature-rgb::after {
  content: "";
  position: absolute;
  width: 27px;
  height: 14px;
  background:
    linear-gradient(currentColor, currentColor) 0 6px / 10px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 4px 2px / 2px 10px no-repeat,
    radial-gradient(circle at 17px 7px, #ff2a00 0 3px, transparent 3.5px),
    radial-gradient(circle at 25px 7px, #00c8ff 0 3px, transparent 3.5px);
}

.im-feature-frontback::before {
  content: "";
  position: absolute;
  top: 10px;
  width: 36px;
  height: 3px;
  border-radius: 999px;
  background: var(--im-rgb-line);
  box-shadow: 0 0 14px rgba(255, 75, 31, 0.8);
}

.im-feature-frontback::after {
  content: "";
  position: absolute;
  top: 22px;
  width: 36px;
  height: 14px;
  border-bottom: 2px solid #fff;
  border-radius: 0 0 50% 50%;
  background:
    linear-gradient(var(--im-series), var(--im-series)) 3px 0 / 2px 10px no-repeat,
    linear-gradient(#00c8ff, #00c8ff) 17px 0 / 2px 13px no-repeat,
    linear-gradient(#5cff3d, #5cff3d) 31px 0 / 2px 10px no-repeat;
}

.im-feature-game::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 16px;
  background:
    linear-gradient(currentColor, currentColor) 1px 7px / 10px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 5px 3px / 2px 10px no-repeat,
    radial-gradient(circle at 18px 5px, #ff4b1f 0 3px, transparent 3.5px),
    radial-gradient(circle at 26px 9px, #ff2bd6 0 3px, transparent 3.5px),
    linear-gradient(90deg, #ff2a00, #ff2bd6, #1e6bff, #00c8ff, #5cff3d) 6px 14px / 18px 2px no-repeat;
}

.im-series-page .focus-timeline-list time {
  color: var(--im-series);
}

.im-product-card .focus-product-media {
  background:
    radial-gradient(circle at 42% 52%, rgba(255, 75, 31, 0.16), transparent 38%),
    radial-gradient(circle at 62% 50%, rgba(0, 200, 255, 0.12), transparent 42%),
    #f6f7f8;
}

.im-product-card .focus-product-media img {
  width: 88%;
  max-height: 166px;
}

.im-series-page .focus-size-pill {
  border-color: rgba(255, 75, 31, 0.24);
}

.im-series-page .focus-hotspot > span {
  background: rgba(255, 75, 31, 0.78);
}

.im-series-page .focus-hotspot em b {
  background: #ff4b1f;
}

@media (max-width: 1180px) {
  .im-series-page .focus-feature-list article:last-child {
    grid-column: 1 / -1;
  }
}

/* Queue 26: Studio Series page keeps the Focus structure with professional blue accents. */
.studio-series-page {
  --studio-series: #1e3a8a;
  --studio-bright: #2f6bff;
  --studio-line: linear-gradient(90deg, #0b1b4d, #1e3a8a 30%, #2f6bff 52%, #1e88ff 70%, #0b1b4d);
}

.studio-series-page .focus-video-module {
  border-color: rgba(47, 107, 255, 0.18);
}

.studio-series-page .focus-video-frame {
  background:
    radial-gradient(ellipse at 50% 62%, rgba(47, 107, 255, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 30%),
    #05070a;
}

.studio-series-page .focus-video-cover {
  background:
    radial-gradient(circle at 50% 16%, rgba(47, 107, 255, 0.12), transparent 28%),
    radial-gradient(ellipse at 50% 74%, rgba(30, 58, 138, 0.12), transparent 36%),
    #05070a;
}

.studio-series-page .focus-video-cover-art {
  object-fit: contain;
}

.studio-series-page .focus-control-track i {
  background: var(--studio-line);
  box-shadow: 0 0 18px rgba(47, 107, 255, 0.72);
}

.studio-series-page .focus-feature-list {
  background:
    radial-gradient(circle at 56% 44%, rgba(47, 107, 255, 0.1), transparent 42%),
    #07090b;
}

.studio-series-page .focus-feature-list article {
  min-height: 88px;
}

.studio-feature-even::before {
  content: "";
  position: absolute;
  top: 12px;
  width: 36px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 12px rgba(47, 107, 255, 0.75);
}

.studio-feature-even::after {
  content: "";
  position: absolute;
  top: 22px;
  width: 36px;
  height: 18px;
  background:
    linear-gradient(var(--studio-bright), var(--studio-bright)) 0 0 / 2px 12px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 25% 0 / 2px 17px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 50% 0 / 2px 18px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 75% 0 / 2px 17px no-repeat,
    linear-gradient(var(--studio-bright), var(--studio-bright)) 100% 0 / 2px 12px no-repeat;
}

.studio-feature-wide::before {
  content: "";
  width: 36px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.studio-feature-wide::after {
  content: "";
  position: absolute;
  bottom: 7px;
  width: 38px;
  height: 8px;
  border-bottom: 2px solid var(--studio-bright);
  border-left: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.studio-feature-flex::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 24px;
  background:
    linear-gradient(145deg, transparent 0 46%, currentColor 47% 53%, transparent 54%) 0 0 / 20px 24px no-repeat,
    linear-gradient(35deg, transparent 0 46%, currentColor 47% 53%, transparent 54%) 16px 0 / 20px 24px no-repeat;
}

.studio-feature-flex::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--studio-bright);
  box-shadow:
    -13px 8px 0 -1px var(--studio-bright),
    13px 8px 0 -1px var(--studio-bright);
}

.studio-feature-creator::before {
  content: "";
  position: absolute;
  top: 8px;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.studio-feature-creator::after {
  content: "";
  position: absolute;
  bottom: 7px;
  width: 30px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: var(--studio-bright);
  border-radius: 50% 50% 12px 12px;
}

.studio-series-page .focus-timeline-list time {
  color: var(--studio-bright);
}

.studio-series-page .studio-timeline-list {
  grid-template-columns: minmax(126px, 1fr) repeat(3, minmax(170px, 1.1fr)) minmax(190px, 1.4fr);
}

.studio-product-card .focus-product-media {
  background:
    radial-gradient(circle at 50% 48%, rgba(47, 107, 255, 0.16), transparent 40%),
    #f6f7f8;
}

.studio-product-card .focus-product-media img {
  width: 88%;
  max-height: 166px;
}

.piano-product-card .focus-product-media img {
  width: 100%;
  max-height: 178px;
  object-fit: contain;
}

.studio-product-card.needs-product-image .focus-product-media::after {
  content: "needs product image";
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 4px 8px;
  border: 1px solid rgba(10, 24, 40, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #657383;
  font-size: var(--type-caption);
  font-weight: 800;
  line-height: 1;
}

.studio-series-page .focus-size-pill {
  border-color: rgba(47, 107, 255, 0.28);
}

.studio-series-page .focus-hotspot > span {
  background: rgba(47, 107, 255, 0.78);
}

.studio-series-page .focus-hotspot em b {
  background: var(--studio-bright);
}

@media (max-width: 1180px) {
  .studio-series-page .focus-feature-list article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  .studio-series-page .studio-timeline-list {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
  }
}

/* Queue 35: Home spacing rhythm only. */
main {
  --home-q35-section-gap: 40px;
  --home-q35-lifestyle-gap: 40px;
  --home-q35-module-gap: 24px;
  --home-q35-row-gap: 88px;
  --home-q35-spec-offset: 8px;
  --home-q35-title-gap: 24px;
}

.desk-scene-collage {
  margin-bottom: 0 !important;
  border-bottom-width: 0 !important;
}

main > .home-entry-section {
  padding-top: var(--home-q35-lifestyle-gap) !important;
  padding-bottom: var(--home-q35-section-gap) !important;
}

#home-entry .home-entry-grid {
  column-gap: var(--home-q35-module-gap) !important;
  row-gap: var(--home-q35-row-gap) !important;
  align-items: stretch !important;
}

#home-entry .home-entry-card {
  align-self: stretch !important;
  height: auto !important;
  overflow: visible !important;
}

@media (min-width: 1121px) {
  #home-entry .featured-entry,
  #home-entry .finder-entry {
    min-height: var(--home-q20-primary-height) !important;
    max-height: none !important;
  }

  #home-entry .series-entry {
    min-height: var(--home-q20-series-height) !important;
    max-height: none !important;
  }

  #home-entry .support-entry,
  #home-entry .brand-entry {
    min-height: 300px !important;
    max-height: none !important;
  }
}

#home-entry .home-entry-card > .asset-spec,
#home-entry a.home-entry-card.series-entry > .asset-spec,
#home-entry article.home-entry-card.support-entry > .asset-spec,
#home-entry article.home-entry-card.brand-entry > .asset-spec,
#home-entry .featured-deals-module .featured-deals-asset-spec {
  top: calc(100% + var(--home-q35-spec-offset)) !important;
  margin: 0 !important;
}

main > .before-after-video-section,
main > .quiet-proof-strip,
main > .awards-section,
main > .media-section,
main > .share-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: var(--home-q35-section-gap) !important;
  padding-bottom: var(--home-q35-section-gap) !important;
}

.awards-section,
.media-section {
  --home-section-title-gap: var(--home-q35-title-gap) !important;
}

.awards-section .section-intro h2,
.media-section .section-intro h2 {
  margin-bottom: var(--home-q35-title-gap) !important;
}

@media (max-width: 1120px) {
  main {
    --home-q35-section-gap: 32px;
    --home-q35-lifestyle-gap: 32px;
    --home-q35-module-gap: 20px;
    --home-q35-row-gap: 82px;
    --home-q35-title-gap: 20px;
  }
}

@media (max-width: 760px) {
  main {
    --home-q35-section-gap: 28px;
    --home-q35-lifestyle-gap: 24px;
    --home-q35-module-gap: 16px;
    --home-q35-row-gap: 92px;
    --home-q35-title-gap: 16px;
  }

  main > .home-entry-section {
    padding-top: var(--home-q35-lifestyle-gap) !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

/* Queue 36: Product Support exact-reference refinement. */
#home-entry article.home-entry-card.support-entry {
  isolation: isolate !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  min-height: clamp(390px, 26vw, 430px) !important;
  padding: 42px 44px 62px !important;
  overflow: visible !important;
  background:
    radial-gradient(ellipse at 73% 47%, rgba(0, 86, 188, 0.24), transparent 43%),
    linear-gradient(90deg, #020304 0%, #020509 48%, #03070c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#home-entry article.home-entry-card.support-entry::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: auto !important;
  height: 58px !important;
  border: 0 !important;
  border-top: 1px solid rgba(33, 83, 124, 0.24) !important;
  background:
    linear-gradient(90deg, transparent 0 32.9%, rgba(33, 83, 124, 0.28) 33% calc(33% + 1px), transparent calc(33% + 1px) 65.9%, rgba(33, 83, 124, 0.28) 66% calc(66% + 1px), transparent calc(66% + 1px)),
    linear-gradient(rgba(33, 83, 124, 0.11), rgba(33, 83, 124, 0.02)) !important;
  pointer-events: none !important;
}

#home-entry article.home-entry-card.support-entry::after {
  display: none !important;
}

#home-entry article.home-entry-card.support-entry .support-copy {
  position: relative !important;
  z-index: 2 !important;
  align-content: center !important;
  gap: 18px !important;
  width: min(54%, 455px) !important;
  max-width: 455px !important;
  min-width: 0 !important;
  padding: 0 0 104px !important;
}

#home-entry article.home-entry-card.support-entry .entry-kicker {
  color: var(--accent) !important;
  font-size: var(--type-caption) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.22em !important;
}

#home-entry article.home-entry-card.support-entry h2 {
  max-width: 520px !important;
  color: #fff !important;
  font-size: clamp(40px, 3.2vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
}

#home-entry article.home-entry-card.support-entry p {
  max-width: 460px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: var(--type-body) !important;
  font-weight: 500 !important;
  line-height: 1.52 !important;
}

#home-entry article.home-entry-card.support-entry .support-visual {
  position: absolute !important;
  inset: 0 0 0 38% !important;
  z-index: 1 !important;
  align-self: auto !important;
  justify-self: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: url("./assets/support/product-support-reference-right.png") center / auto 136% no-repeat !important;
}

#home-entry article.home-entry-card.support-entry .support-orbit,
#home-entry article.home-entry-card.support-entry .support-symbol,
#home-entry article.home-entry-card.support-entry .support-visual::before,
#home-entry article.home-entry-card.support-entry .support-visual::after {
  display: none !important;
}

#home-entry article.home-entry-card.support-entry .support-action-row {
  position: absolute !important;
  right: 44px !important;
  bottom: 44px !important;
  left: 44px !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, max-content)) !important;
  gap: 22px !important;
  align-items: center !important;
  justify-content: start !important;
  width: auto !important;
  margin: 0 !important;
}

#home-entry article.home-entry-card.support-entry .support-action {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(58px, 88px) !important;
  gap: 12px !important;
  align-items: center !important;
  justify-items: start !important;
  min-height: 52px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: var(--type-caption) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  text-align: left !important;
}

#home-entry article.home-entry-card.support-entry .support-action::before {
  content: "" !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 52px !important;
  height: 52px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  transform: none !important;
}

#home-entry article.home-entry-card.support-entry .support-action::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#home-entry article.home-entry-card.support-entry .setup-guides::after {
  width: 22px !important;
  height: 26px !important;
  border: 2px solid #fff !important;
  border-radius: 2px !important;
  background:
    linear-gradient(var(--accent), var(--accent)) 7px 16px / 10px 2px no-repeat,
    linear-gradient(135deg, transparent 0 50%, rgba(255, 255, 255, 0.94) 51% 100%) 100% 0 / 10px 10px no-repeat !important;
}

#home-entry article.home-entry-card.support-entry .video-tutorials::after {
  left: 20px !important;
  top: 16px !important;
  width: 17px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--accent) !important;
  clip-path: polygon(12% 0, 100% 50%, 12% 100%) !important;
}

#home-entry article.home-entry-card.support-entry .user-manual::after {
  width: 29px !important;
  height: 24px !important;
  border: 2px solid #fff !important;
  border-radius: 4px 4px 2px 2px !important;
  background:
    linear-gradient(#fff, #fff) 50% 0 / 2px 100% no-repeat,
    linear-gradient(var(--accent), var(--accent)) 74% 5px / 4px 10px no-repeat !important;
}

@media (max-width: 1120px) {
  #home-entry article.home-entry-card.support-entry {
    grid-template-columns: 1fr !important;
    min-height: 390px !important;
    padding: 38px 34px 60px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-copy {
    width: min(56%, 430px) !important;
    padding-bottom: 98px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-visual {
    inset: 0 0 0 36% !important;
    background-size: auto 132% !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action-row {
    gap: 16px !important;
    right: 34px !important;
    bottom: 40px !important;
    left: 34px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action {
    grid-template-columns: 48px minmax(54px, 82px) !important;
    gap: 10px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action::before {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 760px) {
  #home-entry article.home-entry-card.support-entry {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 32px 24px 56px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-copy {
    width: 100% !important;
    max-width: none !important;
    padding-bottom: 0 !important;
  }

  #home-entry article.home-entry-card.support-entry .support-visual {
    position: relative !important;
    inset: auto !important;
    min-height: 240px !important;
    margin-top: 8px !important;
    background-position: center !important;
    background-size: contain !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action-row {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 18px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    font-size: 10px !important;
    min-height: 42px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action::before {
    width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
  }
}

/* Final mobile QA: prevent horizontal clipping on phone previews. */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .storefront-top-banner .banner-spec,
  .asset-spec,
  #home-entry .asset-spec,
  #home-entry .featured-deals-module .featured-deals-asset-spec {
    max-width: calc(100% - 20px) !important;
    max-height: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
  }

  .desk-scene-collage {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 260px !important;
  }

  .desk-scene-collage::after {
    bottom: 0 !important;
  }

  .scene-panel {
    min-height: 130px !important;
  }

  .scene-panel img {
    min-height: 130px !important;
  }

  .collage-spec {
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    width: auto !important;
  }

  #home-entry .home-entry-grid,
  .home-entry-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #home-entry .featured-entry,
  #home-entry .finder-entry,
  #home-entry .series-entry,
  #home-entry article.home-entry-card.support-entry,
  #home-entry .brand-entry {
    width: 100% !important;
    max-width: 100% !important;
  }

  .focus-series-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    overflow-x: hidden !important;
  }

  .focus-video-module,
  .focus-video-frame,
  .focus-video-cover,
  .focus-products-heading,
  .focus-product-section,
  .focus-product-grid,
  .focus-product-card,
  .focus-product-media,
  .focus-feature-list,
  .focus-timeline-module {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .focus-video-module,
  .focus-video-frame,
  .focus-video-cover,
  .focus-products-heading,
  .focus-product-section,
  .focus-product-grid,
  .focus-product-card,
  .focus-product-media,
  .focus-timeline-module,
  .focus-timeline-list {
    display: grid !important;
  }

  .focus-video-module,
  .focus-video-frame,
  .focus-video-cover,
  .focus-product-card,
  .focus-product-media {
    overflow: hidden !important;
  }

  .focus-video-frame {
    grid-template-rows: auto auto auto !important;
    min-height: 0 !important;
  }

  .focus-video-cover {
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
  }

  .focus-video-cover-art {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }

  .focus-video-controls {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .focus-timeline-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .focus-products-heading h2 {
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.14 !important;
    overflow-wrap: anywhere !important;
  }

  .focus-products-heading p,
  .focus-product-card h3,
  .focus-spec-list dt,
  .focus-spec-list dd {
    overflow-wrap: anywhere !important;
  }

  .focus-product-media {
    place-items: center !important;
    min-height: 176px !important;
  }

  .focus-product-media img,
  .glow-product-card .focus-product-media img,
  .im-product-card .focus-product-media img,
  .studio-product-card .focus-product-media img {
    display: block !important;
    width: min(88%, 290px) !important;
    max-width: 88% !important;
    height: auto !important;
    max-height: 158px !important;
    object-fit: contain !important;
  }

  .focus-hotspot {
    width: 28px !important;
    height: 28px !important;
  }

  .focus-hotspot em {
    width: min(320px, calc(100vw - 52px)) !important;
  }

  .focus-size-pill {
    right: 8px !important;
    max-width: calc(100% - 16px) !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    white-space: normal !important;
  }
}

/* Queue 2: align Product Support with the home module grid height. */
@media (min-width: 1121px) {
  #home-entry article.home-entry-card.support-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(210px, 0.78fr) !important;
    gap: 18px 28px !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    padding: 30px 32px 34px !important;
    overflow: visible !important;
    background:
      radial-gradient(ellipse at 76% 50%, rgba(0, 126, 255, 0.16), transparent 42%),
      radial-gradient(ellipse at 18% 102%, rgba(245, 86, 37, 0.08), transparent 42%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 48%),
      #050606 !important;
  }

  #home-entry article.home-entry-card.support-entry::before {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 44px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-copy {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 9px !important;
  }

  #home-entry article.home-entry-card.support-entry .entry-kicker {
    font-size: 11px !important;
    letter-spacing: 0.16em !important;
  }

  #home-entry article.home-entry-card.support-entry h2 {
    max-width: 330px !important;
    font-size: var(--type-h3) !important;
    line-height: 1.06 !important;
  }

  #home-entry article.home-entry-card.support-entry p {
    max-width: 330px !important;
    font-size: var(--type-caption) !important;
    line-height: 1.45 !important;
  }

  #home-entry article.home-entry-card.support-entry .support-visual {
    position: relative !important;
    inset: auto !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-height: 210px !important;
    overflow: hidden !important;
    background: url("./assets/support/product-support-reference-right.png") center / contain no-repeat !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action-row {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 4px !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 5px !important;
    min-height: 48px !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 9.5px !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  #home-entry article.home-entry-card.support-entry .support-action::before {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
  }

  #home-entry article.home-entry-card.support-entry .setup-guides::after {
    left: calc(50% - 10px) !important;
    top: 6px !important;
    width: 20px !important;
    height: 23px !important;
  }

  #home-entry article.home-entry-card.support-entry .video-tutorials::after {
    left: calc(50% - 6px) !important;
    top: 9px !important;
    width: 14px !important;
    height: 17px !important;
  }

  #home-entry article.home-entry-card.support-entry .user-manual::after {
    left: calc(50% - 12px) !important;
    top: 8px !important;
    width: 24px !important;
    height: 20px !important;
  }
}

/* Queue 3-4: hard-lock the eight Home entry modules to the Deals height. */
.storefront-top-banner .top-banner-bg {
  display: none !important;
}

@media (min-width: 1121px) {
  #home-entry {
    --home-final-card-height: 367px;
  }

  #home-entry .featured-entry,
  #home-entry a.home-entry-card.finder-entry,
  #home-entry a.home-entry-card.series-entry,
  #home-entry article.home-entry-card.support-entry,
  #home-entry article.home-entry-card.brand-entry {
    height: var(--home-final-card-height) !important;
    min-height: var(--home-final-card-height) !important;
    max-height: var(--home-final-card-height) !important;
    box-sizing: border-box !important;
  }

  #home-entry a.home-entry-card.finder-entry .entry-kicker {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 3px !important;
    background: var(--accent) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #home-entry a.home-entry-card.finder-entry h2 {
    max-width: 315px !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  #home-entry a.home-entry-card.finder-entry .entry-cta {
    margin-top: 33px !important;
  }

  #home-entry a.home-entry-card.series-entry::after,
  #home-entry a.im-entry::after,
  #home-entry a.studio-entry::after {
    bottom: 0 !important;
    height: 82px !important;
    background-position: center bottom !important;
  }
}

/* Queue 6: official Amazon Store asset specs, always visible below modules. */
.asset-spec,
.featured-reference-page .featured-asset-spec,
.featured-reference-page .featured-asset-spec-dark,
.real-setup-summary .asset-spec,
.real-setup-card .asset-spec,
.monitor-type-spec {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 10px 0 0 !important;
  overflow: visible !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(10, 24, 40, 0.14) !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  color: #526071 !important;
  font-size: var(--type-caption) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  transform: none !important;
  pointer-events: auto !important;
  backdrop-filter: none !important;
}

.asset-spec::before,
.featured-reference-page .featured-asset-spec::before,
.featured-reference-page .featured-asset-spec-dark::before,
#home-entry article.home-entry-card.support-entry .asset-spec::before {
  content: "亚马逊官网要求尺寸规范和格式要求：" !important;
  color: #f55625 !important;
  font-weight: 900 !important;
}

#home-entry .home-entry-grid {
  row-gap: 118px !important;
}

#home-entry .home-entry-card {
  overflow: visible !important;
}

#home-entry .home-entry-card > .asset-spec,
#home-entry a.home-entry-card.series-entry > .asset-spec,
#home-entry article.home-entry-card.support-entry > .asset-spec,
#home-entry article.home-entry-card.brand-entry > .asset-spec,
#home-entry .featured-deals-module .featured-deals-asset-spec {
  position: absolute !important;
  top: calc(100% + 9px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 20 !important;
  width: auto !important;
  margin: 0 !important;
}

.banner-spec,
.awards-section > .asset-spec,
.desk-scene-collage > .asset-spec,
.media-section > .asset-spec {
  margin-right: clamp(20px, 4vw, 64px) !important;
  margin-left: clamp(20px, 4vw, 64px) !important;
}

.awards-section > .asset-spec,
.desk-scene-collage > .asset-spec,
.media-section > .asset-spec {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
}

html body .asset-spec::before,
html body .featured-asset-spec::before,
html body details.asset-spec::before,
html body p.asset-spec::before,
html body span.asset-spec::before,
html body figcaption.asset-spec::before,
html body em.asset-spec::before {
  content: "亚马逊官网要求尺寸规范和格式要求：" !important;
  color: #f55625 !important;
  font-weight: 900 !important;
}

html body .asset-spec.has-inline-prefix::before {
  content: "" !important;
}

html body .asset-spec-label {
  color: #f55625 !important;
  font-weight: 900 !important;
}

body:not(:has(#home-entry)) .asset-spec,
body:not(:has(#home-entry)) .featured-asset-spec {
  position: static !important;
  inset: auto !important;
}

/* Queue 7: align paired Home controls and lower-card typography rhythm. */
@media (min-width: 1121px) {
  #home-entry .featured-entry .featured-pill,
  #home-entry a.home-entry-card.finder-entry .entry-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 124px !important;
    min-width: 124px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 3px !important;
    background: var(--accent) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-sizing: border-box !important;
  }

  #home-entry .featured-entry .featured-shop,
  #home-entry a.home-entry-card.finder-entry .entry-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 172px !important;
    min-width: 172px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  #home-entry article.home-entry-card.brand-entry {
    grid-template-columns: minmax(0, 0.62fr) minmax(168px, 0.38fr) !important;
  }

  #home-entry article.home-entry-card.support-entry .entry-kicker,
  #home-entry article.home-entry-card.brand-entry .entry-kicker {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 18px !important;
    height: 18px !important;
    color: var(--accent) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
  }

  #home-entry article.home-entry-card.support-entry h2,
  #home-entry article.home-entry-card.brand-entry h2 {
    min-height: 56px !important;
    font-size: 26px !important;
    line-height: 28px !important;
    font-weight: 850 !important;
  }

  #home-entry article.home-entry-card.support-entry h2 {
    max-width: 170px !important;
  }

  #home-entry article.home-entry-card.brand-entry h2 {
    max-width: 340px !important;
  }
}

@media (max-width: 760px) {
  #home-entry .home-entry-grid {
    row-gap: 132px !important;
  }
}

/* Queue 3: simplify Home Before/After video labels. */
main > .before-after-video-section .before-after-video-frame::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
  animation: none !important;
}

main > .before-after-video-section .before-after-video-label {
  font-family: "Manrope", "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

main > .before-after-video-section .video-label-state,
main > .before-after-video-section .video-label-state strong {
  font-family: inherit !important;
}

main > .before-after-video-section .video-label-state {
  gap: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

main > .before-after-video-section .video-label-state em {
  display: none !important;
}

/* Queue 5: mobile QA fixes for touch targets and phone layout stability. */
@media (max-width: 760px) {
  .primary-nav {
    gap: 10px !important;
    padding-bottom: 2px !important;
    scroll-padding-inline: 16px !important;
    font-size: 10.5px !important;
  }

  .primary-item,
  .primary-nav > a,
  .primary-item > a,
  .primary-item > .nav-parent-button {
    flex: 0 0 auto !important;
  }

  .primary-nav > a,
  .primary-item > a,
  .primary-item > .nav-parent-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(10, 24, 40, 0.035) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  .store-icon-button,
  .follow-button,
  .brand-img {
    min-width: 40px !important;
    min-height: 40px !important;
  }

  .fd-cart-button,
  .monitor-type-page .monitor-type-product-card em,
  .amazon-button,
  .store-product-card button {
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: max(var(--type-caption), 12px) !important;
    line-height: 1.1 !important;
  }

  .purpose-page .purpose-category-cta,
  .scenario-page .scenario-category-cta,
  .shape-page .shape-category-cta,
  .color-page .color-category-cta,
  .fd-collection-head a,
  .back-to-top {
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 0 14px !important;
    border: 1px solid rgba(10, 24, 40, 0.12) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  .focus-hotspot,
  .setup-hotspot {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }

  .focus-hotspot {
    margin-top: -20px !important;
    margin-left: -20px !important;
    transform: none !important;
  }

  .focus-hotspot > span,
  .setup-hotspot > span {
    width: 40px !important;
    height: 40px !important;
    border-width: 8px !important;
    box-sizing: border-box !important;
  }

  .focus-hotspot em {
    position: fixed !important;
    top: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    width: auto !important;
    max-width: none !important;
    transform: translateY(8px) !important;
  }

  .setup-hotspot em {
    position: fixed !important;
    top: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    width: auto !important;
    max-width: none !important;
    transform: translateY(8px) !important;
  }

  .focus-hotspot:hover em,
  .focus-hotspot:focus em,
  .focus-hotspot:focus-visible em,
  .setup-hotspot:hover em,
  .setup-hotspot:focus em,
  .setup-hotspot:focus-visible em {
    transform: translateY(0) !important;
  }

  .focus-timeline-module {
    overflow: visible !important;
  }

  .focus-timeline-list {
    grid-template-columns: 1fr !important;
    overflow-x: visible !important;
  }

  .focus-timeline-list li {
    min-height: auto !important;
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5e8ec !important;
  }

  .focus-timeline-list li:last-child {
    border-bottom: 0 !important;
  }
}

/* Queue 7: make Space Lit layer markers and rings visually hierarchical. */
#home-entry article.home-entry-card.brand-entry .brand-value-row span {
  position: relative !important;
  padding-left: 30px !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span::before {
  content: "" !important;
  position: absolute !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span:nth-child(1)::before {
  left: 3px !important;
  top: 4px !important;
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  background: var(--accent) !important;
  box-shadow: 0 0 10px rgba(245, 86, 37, 0.72) !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span:nth-child(2)::before {
  left: 0 !important;
  top: 1px !important;
  width: 13px !important;
  height: 13px !important;
  border: 2px solid rgba(116, 183, 255, 0.9) !important;
  background: transparent !important;
  box-shadow: 0 0 12px rgba(104, 184, 255, 0.58) !important;
}

#home-entry article.home-entry-card.brand-entry .brand-value-row span:nth-child(3)::before {
  left: -2px !important;
  top: -1px !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(166, 215, 255, 0.94) !important;
  background: transparent !important;
  box-shadow: 0 0 16px rgba(116, 183, 255, 0.68) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
  width: min(100%, 360px) !important;
  height: 226px !important;
  overflow: visible !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer {
  top: 67% !important;
  height: 50px !important;
  background: transparent !important;
}

#home-entry article.home-entry-card.brand-entry .layer-front {
  z-index: 3 !important;
  width: 46% !important;
  border: 2px solid rgba(245, 86, 37, 0.96) !important;
  box-shadow: 0 0 22px rgba(245, 86, 37, 0.82), inset 0 0 18px rgba(245, 86, 37, 0.32) !important;
}

#home-entry article.home-entry-card.brand-entry .layer-ambient {
  z-index: 2 !important;
  width: 72% !important;
  border: 2px solid rgba(42, 159, 255, 0.92) !important;
  box-shadow: 0 0 24px rgba(42, 159, 255, 0.72), inset 0 0 20px rgba(42, 159, 255, 0.28) !important;
}

#home-entry article.home-entry-card.brand-entry .layer-glow {
  z-index: 1 !important;
  width: 96% !important;
  border: 2px solid rgba(166, 215, 255, 0.84) !important;
  box-shadow: 0 0 26px rgba(116, 183, 255, 0.62), inset 0 0 22px rgba(116, 183, 255, 0.24) !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.front {
  top: 55% !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.ambient {
  top: 75% !important;
}

#home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram .diagram-label.space {
  bottom: 0 !important;
}

@media (min-width: 1121px) {
  #home-entry article.home-entry-card.brand-entry {
    grid-template-columns: minmax(0, 0.54fr) minmax(228px, 0.46fr) !important;
    gap: 18px !important;
  }

  #home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
    width: min(100%, 390px) !important;
    height: 236px !important;
  }
}

@media (max-width: 760px) {
  #home-entry article.home-entry-card.brand-entry {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px 24px 44px !important;
    overflow: visible !important;
  }

  #home-entry article.home-entry-card.brand-entry .brand-entry-copy {
    width: 100% !important;
    max-width: none !important;
    gap: 10px !important;
    align-content: start !important;
  }

  #home-entry article.home-entry-card.brand-entry .brand-value-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }

  #home-entry article.home-entry-card.brand-entry .brand-value-row span {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-left: 30px !important;
    font-size: 10.5px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
  }

  #home-entry article.home-entry-card.brand-entry .space-lit-layer-diagram {
    justify-self: center !important;
    width: min(100%, 320px) !important;
    height: 216px !important;
    margin-top: 2px !important;
  }

  #home-entry article.home-entry-card.brand-entry .space-lit-layer {
    height: 46px !important;
  }
}

/* Queue 8: Amazon Store-style Share endcap across storefront pages. */
.share-section,
.amazon-store-endcap {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 96px clamp(22px, 5vw, 72px) 62px !important;
  border-top: 1px solid rgba(10, 24, 40, 0.06) !important;
  background: #f5f6f7 !important;
  color: #111 !important;
  font-family: inherit !important;
  text-align: center !important;
}

.share-section .share-button,
.amazon-store-endcap .share-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: min(374px, calc(100vw - 44px)) !important;
  min-width: 0 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 32px !important;
  border: 1px solid #d5dadd !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08) !important;
  color: #111 !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.share-section .share-button::before,
.share-section .share-button::after,
.amazon-store-endcap .share-button::before,
.amazon-store-endcap .share-button::after {
  content: none !important;
  display: none !important;
}

.share-section .share-icon,
.amazon-store-endcap .share-icon {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  color: currentColor !important;
}

.share-section .share-icon::before,
.amazon-store-endcap .share-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  bottom: 1px !important;
  width: 12px !important;
  height: 14px !important;
  border: 2.6px solid currentColor !important;
  border-top: 0 !important;
  border-radius: 2.5px !important;
  box-sizing: border-box !important;
}

.share-section .share-icon::after,
.amazon-store-endcap .share-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 1px !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 2.6px solid currentColor !important;
  border-left: 2.6px solid currentColor !important;
  box-sizing: border-box !important;
  transform: rotate(45deg) !important;
}

.share-section p,
.amazon-store-endcap p {
  max-width: min(92vw, 680px) !important;
  margin: 30px 0 0 !important;
  color: #111 !important;
  font-family: inherit !important;
  font-size: clamp(21px, 1.28vw, 25px) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

.share-section .back-to-top,
.amazon-store-endcap .back-to-top {
  display: none !important;
}

@media (max-width: 760px) {
  .share-section,
  .amazon-store-endcap {
    padding: 76px 16px 54px !important;
  }

  .share-section .share-button,
  .amazon-store-endcap .share-button {
    width: min(342px, calc(100vw - 32px)) !important;
    min-height: 48px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    font-size: 22px !important;
  }

  .share-section p,
  .amazon-store-endcap p {
    margin-top: 28px !important;
    font-size: 21px !important;
  }
}

/* Queue 14 final: keep Other Items cards strictly single-column on phone after later base rules. */
@media (max-width: 760px) {
  .other-product-grid,
  .other-product-grid.single-product-row {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .other-amazon-card {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .other-product-copy,
  .other-product-copy > *,
  .other-category-tag,
  .other-amazon-note,
  .other-product-copy .amazon-button {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .other-category-tag,
  .other-product-copy h3,
  .other-product-copy p,
  .other-amazon-note {
    overflow-wrap: anywhere !important;
  }
}

/* Queue 18: rebuild Other Items / Others page to match the Amazon Store reference. */
.other-items-page {
  gap: 24px !important;
  padding-top: 14px !important;
}

.other-items-top-note {
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(1120px, calc(100% - 56px));
  margin: 0 auto -2px;
  padding: 12px 18px;
  border: 1px solid rgba(10, 24, 40, 0.08);
  border-radius: 4px;
  background: #f6f8fb;
  color: #4c5a6c;
  font-family: var(--font-sans);
}

.other-items-top-note span {
  display: grid;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  place-items: center;
  border: 1.5px solid #9aa7b7;
  border-radius: 50%;
  color: #627086;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.other-items-top-note p {
  margin: 0;
  font-size: var(--type-caption);
  font-weight: 750;
  line-height: 1.45;
}

.other-items-page .other-collection {
  width: min(1540px, calc(100% - 56px));
  gap: 14px;
}

.other-items-page .other-collection-banner {
  min-height: 230px;
  padding: 58px 122px 52px;
  border: 1px solid rgba(10, 24, 40, 0.18);
  border-radius: 8px;
  background: #030303;
  color: #fff;
}

.other-items-page .other-collection-banner::before,
.other-items-page .other-collection-banner::after {
  pointer-events: none;
}

.other-items-page .other-collection-banner .small-label {
  min-height: 24px;
  margin-bottom: 14px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.52);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #20262d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: uppercase;
}

.other-items-page .other-collection-banner h1,
.other-items-page .other-collection-banner h2 {
  max-width: 540px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 3.1vw, 48px);
  line-height: 1.06;
  letter-spacing: 0;
  font-weight: 850;
}

.other-items-page .other-collection-banner p {
  max-width: 500px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 18px;
  line-height: 1.42;
}

.other-items-page .seasonal-banner {
  background:
    linear-gradient(180deg, rgba(255, 190, 74, 0.09), transparent 58%),
    radial-gradient(circle at 84% 8%, rgba(255, 215, 132, 0.16), transparent 32%),
    #030303;
}

.other-items-page .seasonal-banner::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 6%;
  width: 88%;
  height: 86px;
  border-top: 2px solid rgba(154, 94, 20, 0.62);
  border-radius: 0 0 52% 52%;
  transform: rotate(1deg);
  filter: drop-shadow(0 0 10px rgba(255, 178, 58, 0.24));
}

.other-items-page .seasonal-banner::after {
  content: "";
  position: absolute;
  top: 26px;
  left: 7.5%;
  width: 85%;
  height: 92px;
  background:
    radial-gradient(circle at 2% 14%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 12% 27%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 23% 38%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 34% 46%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 45% 52%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 56% 55%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 67% 50%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 78% 42%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 89% 29%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    radial-gradient(circle at 99% 14%, #fff4c7 0 4px, #f2a538 4px 7px, transparent 8px),
    linear-gradient(90deg, transparent 1.8%, rgba(164, 98, 24, 0.62) 1.8% 2%, transparent 2% 11.8%, rgba(164, 98, 24, 0.62) 11.8% 12%, transparent 12% 22.8%, rgba(164, 98, 24, 0.62) 22.8% 23%, transparent 23% 33.8%, rgba(164, 98, 24, 0.62) 33.8% 34%, transparent 34% 44.8%, rgba(164, 98, 24, 0.62) 44.8% 45%, transparent 45% 55.8%, rgba(164, 98, 24, 0.62) 55.8% 56%, transparent 56% 66.8%, rgba(164, 98, 24, 0.62) 66.8% 67%, transparent 67% 77.8%, rgba(164, 98, 24, 0.62) 77.8% 78%, transparent 78% 88.8%, rgba(164, 98, 24, 0.62) 88.8% 89%, transparent);
  filter: drop-shadow(0 0 14px rgba(255, 188, 70, 0.76));
}

.other-items-page .address-banner {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0 45%, rgba(0, 0, 0, 0.74) 68%, rgba(0, 0, 0, 0.96) 100%),
    radial-gradient(ellipse at 78% 74%, rgba(255, 180, 65, 0.13), transparent 36%),
    #030303;
}

.other-items-page .address-banner::before {
  content: "";
  position: absolute;
  right: 5%;
  bottom: -46px;
  width: 560px;
  height: 210px;
  border-top: 2px solid rgba(153, 101, 42, 0.72);
  border-left: 2px solid rgba(153, 101, 42, 0.62);
  border-radius: 65% 32% 0 0;
  transform: rotate(-9deg);
  box-shadow: inset 0 34px 0 rgba(255, 255, 255, 0.04);
}

.other-items-page .address-banner::after {
  content: "";
  position: absolute;
  right: 7%;
  bottom: 12px;
  width: 470px;
  height: 154px;
  background:
    radial-gradient(circle at 12% 72%, #fff3bd 0 4px, #eda23a 4px 8px, transparent 9px),
    radial-gradient(circle at 35% 48%, #fff3bd 0 4px, #eda23a 4px 8px, transparent 9px),
    radial-gradient(circle at 62% 36%, #fff3bd 0 4px, #eda23a 4px 8px, transparent 9px),
    radial-gradient(circle at 88% 22%, #fff3bd 0 4px, #eda23a 4px 8px, transparent 9px),
    radial-gradient(ellipse at 52% 85%, rgba(255, 255, 255, 0.12) 0 8%, transparent 9%),
    repeating-radial-gradient(ellipse at 55% 92%, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 26px);
  filter: drop-shadow(0 0 16px rgba(255, 180, 58, 0.46));
}

.other-items-page .other-product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.other-items-page .other-product-grid.single-product-row {
  width: min(640px, 100%);
  max-width: 640px;
}

.other-items-page .other-amazon-card {
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1fr);
  min-height: 266px;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(10, 24, 40, 0.08);
}

.other-items-page .other-module-preview {
  min-height: 238px;
  margin: 18px 0 18px 28px;
  border-radius: 8px;
  background: #f4f6f6;
}

.other-items-page .other-module-preview::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 52%, rgba(10, 24, 40, 0.08));
}

.other-items-page .other-module-badge {
  left: 0;
  top: -34px;
  min-height: 24px;
  padding: 0 12px;
  background: #fff;
  font-size: 12px;
  line-height: 24px;
}

.other-items-page .other-product-visual {
  position: relative;
  width: 92%;
  height: auto;
  min-height: 0;
  aspect-ratio: 12 / 7;
  overflow: hidden;
  border-radius: 8px;
}

.other-items-page .snowflake-product .other-product-visual,
.other-items-page .curtain-product .other-product-visual {
  background:
    linear-gradient(90deg, rgba(15, 30, 50, 0.82), rgba(22, 14, 10, 0.54)),
    linear-gradient(135deg, #0a1b2d, #3e2716 58%, #100b08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.other-items-page .snowflake-product .other-product-visual::before,
.other-items-page .curtain-product .other-product-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 8%, rgba(255, 209, 108, 0.74) 8% 8.7%, transparent 8.7% 27%, rgba(255, 209, 108, 0.74) 27% 27.7%, transparent 27.7% 46%, rgba(255, 209, 108, 0.74) 46% 46.7%, transparent 46.7% 65%, rgba(255, 209, 108, 0.74) 65% 65.7%, transparent 65.7% 84%, rgba(255, 209, 108, 0.74) 84% 84.7%, transparent),
    linear-gradient(180deg, rgba(255, 214, 124, 0.44), transparent 50%);
  opacity: 0.9;
}

.other-items-page .snowflake-product .other-product-visual::after {
  content: "";
  position: absolute;
  inset: 16px;
  background:
    radial-gradient(circle at 10% 32%, #fff6cd 0 5px, rgba(255, 203, 79, 0.9) 5px 8px, transparent 9px),
    radial-gradient(circle at 42% 66%, #fff6cd 0 5px, rgba(255, 203, 79, 0.9) 5px 8px, transparent 9px),
    radial-gradient(circle at 74% 38%, #fff6cd 0 5px, rgba(255, 203, 79, 0.9) 5px 8px, transparent 9px),
    conic-gradient(from 0deg at 10% 32%, transparent 0 8%, rgba(255, 244, 190, 0.92) 8% 11%, transparent 11% 25%, rgba(255, 244, 190, 0.92) 25% 28%, transparent 28% 42%, rgba(255, 244, 190, 0.92) 42% 45%, transparent 45% 59%, rgba(255, 244, 190, 0.92) 59% 62%, transparent 62%),
    conic-gradient(from 0deg at 42% 66%, transparent 0 8%, rgba(255, 244, 190, 0.9) 8% 11%, transparent 11% 25%, rgba(255, 244, 190, 0.9) 25% 28%, transparent 28% 42%, rgba(255, 244, 190, 0.9) 42% 45%, transparent 45% 59%, rgba(255, 244, 190, 0.9) 59% 62%, transparent 62%),
    conic-gradient(from 0deg at 74% 38%, transparent 0 8%, rgba(255, 244, 190, 0.9) 8% 11%, transparent 11% 25%, rgba(255, 244, 190, 0.9) 25% 28%, transparent 28% 42%, rgba(255, 244, 190, 0.9) 42% 45%, transparent 45% 59%, rgba(255, 244, 190, 0.9) 59% 62%, transparent 62%);
  filter: drop-shadow(0 0 11px rgba(255, 211, 83, 0.88));
}

.other-items-page .curtain-product .other-product-visual {
  background:
    linear-gradient(135deg, rgba(18, 24, 38, 0.88), rgba(28, 15, 9, 0.7)),
    #0b1118;
}

.other-items-page .curtain-product .other-product-visual::after {
  content: "";
  position: absolute;
  inset: 10px 20px 18px;
  background:
    radial-gradient(circle at 12% 44%, #fff4c5 0 5px, #f0a63b 5px 8px, transparent 9px),
    radial-gradient(circle at 30% 22%, #fff4c5 0 5px, #f0a63b 5px 8px, transparent 9px),
    radial-gradient(circle at 49% 58%, #fff4c5 0 5px, #f0a63b 5px 8px, transparent 9px),
    radial-gradient(circle at 68% 30%, #fff4c5 0 5px, #f0a63b 5px 8px, transparent 9px),
    radial-gradient(circle at 86% 64%, #fff4c5 0 5px, #f0a63b 5px 8px, transparent 9px);
  filter: drop-shadow(0 0 12px rgba(255, 205, 82, 0.84));
}

.other-items-page .address-product .other-product-visual {
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #f7fafc, #e9eff2);
  box-shadow: none;
}

.other-items-page .address-product .other-product-visual::before {
  content: "417\A BRIDGEWATER\A LANE";
  display: grid;
  place-items: center;
  width: 74%;
  height: 58%;
  padding: 12px;
  border: 12px solid #111;
  border-left-width: 18px;
  border-radius: 3px;
  background: linear-gradient(180deg, #ffffff, #eef7ff);
  box-shadow: 0 14px 28px rgba(10, 24, 40, 0.18), 0 0 30px rgba(255, 255, 255, 0.95);
  color: #2e3339;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.12em;
  line-height: 1.45;
  text-align: center;
  white-space: pre;
}

.other-items-page .address-product .other-product-visual::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 15%;
  height: 10px;
  border-radius: 50%;
  background: rgba(10, 24, 40, 0.14);
  filter: blur(6px);
}

.other-items-page .snowflake-product .other-product-visual,
.other-items-page .curtain-product .other-product-visual,
.other-items-page .address-product .other-product-visual {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.other-items-page .snowflake-product .other-product-visual {
  background-image: url("./assets/other-items/snowflake-window-lights-preview.svg");
}

.other-items-page .curtain-product .other-product-visual {
  background-image: url("./assets/other-items/star-window-lights-preview.svg");
}

.other-items-page .address-product .other-product-visual {
  background-image: url("./assets/other-items/address-sign-preview.svg");
}

.other-items-page .snowflake-product .other-product-visual::before,
.other-items-page .snowflake-product .other-product-visual::after,
.other-items-page .curtain-product .other-product-visual::before,
.other-items-page .curtain-product .other-product-visual::after,
.other-items-page .address-product .other-product-visual::before,
.other-items-page .address-product .other-product-visual::after {
  content: none;
}

.other-items-page .other-product-copy {
  align-content: center;
  gap: 11px;
  padding: 28px 36px;
}

.other-items-page .other-category-tag {
  min-height: 24px;
  padding: 0 12px;
  border-color: #d6dde4;
  background: #f8fafc;
  font-size: 12px;
  line-height: 24px;
}

.other-items-page .other-product-copy h3 {
  max-width: 300px;
  font-size: 18px;
  line-height: 1.16;
}

.other-items-page .other-product-copy p {
  color: #506070;
  font-size: 13px;
  line-height: 1.38;
}

.other-items-page .other-amazon-note {
  max-width: 310px;
  color: #314254 !important;
}

.other-items-page .amazon-button {
  width: min(270px, 100%);
  min-height: 32px;
  border-radius: 999px;
  background: #ffd814;
  color: #111;
  font-size: 15px;
  font-weight: 850;
  line-height: 32px;
  text-align: center;
}

.other-items-page .asset-spec {
  margin-top: 10px !important;
}

@media (max-width: 900px) {
  .other-items-page .other-collection-banner {
    padding: 42px 32px 48px;
  }

  .other-items-page .other-product-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .other-items-page .other-product-grid.single-product-row {
    width: 100%;
    max-width: 100%;
  }

  .other-items-page .other-amazon-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .other-items-page .other-module-preview {
    margin: 38px 18px 0;
  }
}

@media (max-width: 760px) {
  .other-items-top-note {
    width: calc(100% - 32px);
    align-items: flex-start;
    padding: 10px 12px;
  }

  .other-items-page .other-collection {
    width: calc(100% - 32px);
  }

  .other-items-page .other-collection-banner {
    min-height: 250px;
    padding: 32px 22px 38px;
  }

  .other-items-page .other-collection-banner h1,
  .other-items-page .other-collection-banner h2 {
    max-width: 300px;
    font-size: 32px;
  }

  .other-items-page .other-collection-banner p {
    max-width: 290px;
    font-size: 15px;
  }

  .other-items-page .seasonal-banner::before {
    left: 8%;
    width: 116%;
  }

  .other-items-page .seasonal-banner::after {
    left: 10%;
    width: 106%;
  }

  .other-items-page .address-banner::before {
    right: -48%;
    width: 420px;
    opacity: 0.72;
  }

  .other-items-page .address-banner::after {
    right: -22%;
    width: 300px;
    opacity: 0.82;
  }

  .other-items-page .other-module-preview {
    min-height: 214px;
  }

  .other-items-page .other-product-copy {
    padding: 22px;
  }

  .other-items-page .amazon-button {
    width: 100%;
  }
}

/* Queue 9: align Find Your Light selector visuals with Home and detail pages. */
.finder-overview-page .finder-selector-lead > span:not(.asset-spec) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 124px !important;
  min-width: 124px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 3px !important;
  background: var(--accent) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-sizing: border-box !important;
}

.finder-overview-page .shape-selector-icon,
.finder-overview-page .color-dot-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 88px !important;
  height: 70px !important;
  color: #07192b !important;
  background: transparent !important;
}

.finder-overview-page .shape-selector-icon::before,
.finder-overview-page .shape-selector-icon::after,
.finder-overview-page .color-dot-icon::before,
.finder-overview-page .color-dot-icon::after {
  content: none !important;
  display: none !important;
}

.finder-overview-page .shape-selector-icon .shape-line-icon {
  display: block !important;
  width: 88px !important;
  height: 56px !important;
  overflow: visible !important;
}

.finder-overview-page .shape-selector-icon .shape-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.finder-overview-page .shape-selector-icon .shape-main + .shape-main {
  stroke-width: 4.8 !important;
}

.finder-overview-page .color-dot-icon {
  display: grid !important;
  grid-template-columns: repeat(2, 28px) !important;
  grid-auto-rows: 28px !important;
  gap: 8px !important;
  place-content: center !important;
}

.finder-overview-page .color-dot-icon .color-swatch {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.5),
    inset 0 -5px 10px rgba(0, 0, 0, 0.1),
    0 7px 14px rgba(10, 24, 40, 0.08) !important;
}

.finder-overview-page .swatch-black {
  border: 1px solid rgba(0, 0, 0, 0.28) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16), transparent 15%, rgba(0, 0, 0, 0.18) 58%, rgba(0, 0, 0, 0.55) 100%),
    conic-gradient(from 35deg, #171b20, #3b4147, #111418, #2d3339, #080a0d, #32373d, #171b20) !important;
}

.finder-overview-page .swatch-grey {
  border: 1px solid rgba(93, 104, 114, 0.32) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.68), transparent 16%, rgba(92, 105, 116, 0.08) 60%, rgba(82, 94, 104, 0.18) 100%),
    conic-gradient(from 35deg, #a7b0b8, #e3e8ec, #bac3ca, #f1f4f6, #9da8b1, #d4dbe0, #a7b0b8) !important;
}

.finder-overview-page .swatch-white {
  border: 1px solid #d5dbe0 !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.92), transparent 18%, rgba(194, 202, 210, 0.08) 62%, rgba(184, 194, 202, 0.16) 100%),
    conic-gradient(from 35deg, #eef1f3, #ffffff, #e3e7eb, #fbfcfd, #dde3e8, #f6f8f9, #eef1f3) !important;
}

.finder-overview-page .swatch-pink {
  border: 1px solid rgba(218, 131, 154, 0.36) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.62), transparent 17%, rgba(224, 106, 139, 0.08) 60%, rgba(211, 100, 130, 0.16) 100%),
    conic-gradient(from 35deg, #f2bcc9, #ffe0e7, #eaa7ba, #ffd3de, #e89cae, #f7c6d2, #f2bcc9) !important;
}

@media (max-width: 760px) {
  .finder-overview-page .finder-selector-lead > span:not(.asset-spec) {
    width: 124px !important;
    min-width: 124px !important;
  }

  .finder-overview-page .shape-selector-icon,
  .finder-overview-page .color-dot-icon {
    justify-self: center !important;
  }
}

@media (max-width: 760px) {
  .focus-product-card .focus-hotspot em {
    position: fixed !important;
    top: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 32px) !important;
    overflow-y: auto !important;
    transform: translateY(8px) !important;
  }

  .focus-product-card .focus-hotspot:hover em,
  .focus-product-card .focus-hotspot:focus em,
  .focus-product-card .focus-hotspot:focus-visible em {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Queue 17: internal by-page product classification guides. */
.classification-guidance {
  width: min(1580px, calc(100% - 48px));
  margin: 64px auto 0;
  padding: clamp(30px, 4vw, 56px);
  border: 1px solid rgba(10, 24, 40, 0.12);
  border-radius: 8px;
  background: #f7f9fb;
  color: #111;
  font-family: var(--font-sans);
  box-sizing: border-box;
}

.classification-guidance-head {
  display: grid;
  gap: 12px;
  max-width: 980px;
  margin-bottom: 28px;
}

.classification-guidance-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.classification-guidance h2 {
  margin: 0;
  color: #111;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.classification-guidance p {
  margin: 0;
  color: #536171;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.55;
  letter-spacing: 0;
}

.classification-guidance-source {
  color: #6b7685 !important;
  font-size: 12px !important;
}

.classification-guidance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.classification-guidance-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(10, 24, 40, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(10, 24, 40, 0.04);
  box-sizing: border-box;
}

.classification-guidance-card h3 {
  margin: 0;
  color: #111;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.classification-guidance-card p strong,
.classification-guidance-note strong {
  color: #111;
  font-weight: 800;
}

.classification-product-list {
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.classification-product-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  padding: 8px 0;
  border-top: 1px solid rgba(10, 24, 40, 0.08);
  color: #243140;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: 0;
}

.classification-product-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.classification-product-name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.classification-model {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid rgba(29, 78, 216, 0.18);
  border-radius: 999px;
  background: #eef4ff;
  color: #1f4d8f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.classification-guidance-note {
  margin-top: 18px !important;
  padding: 14px 16px;
  border: 1px solid rgba(245, 86, 37, 0.2);
  border-radius: 8px;
  background: rgba(245, 86, 37, 0.06);
  color: #5b6470 !important;
}

@media (max-width: 900px) {
  .classification-guidance-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .classification-guidance {
    width: min(100% - 28px, 100%);
    margin-top: 48px;
    padding: 22px;
  }

  .classification-guidance h2 {
    font-size: 26px;
  }

  .classification-guidance-card {
    padding: 18px;
  }

  .classification-product-list li {
    display: grid;
    gap: 6px;
    font-size: 12.5px;
  }

  .classification-model {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }
}

/* VI font exception: award images and media logo simulations keep their original brand-like appearance. */
.media-logo-row .media-cnet,
.media-logo-row .media-forbes {
  font-family: Georgia, serif !important;
}

/* Queue 19/21: Netlify review preview notice and language switcher. */
.review-preview-notice {
  position: relative;
  z-index: 30;
  border-bottom: 1px solid rgba(245, 86, 37, 0.22);
  background: #fff8f2;
  color: #17202a;
  font-family: "Manrope", Arial, sans-serif;
}

.review-preview-notice__inner {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  padding: 10px 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
}

.review-preview-notice strong {
  color: #17202a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.review-preview-notice details {
  position: static;
  flex: 0 0 auto;
  text-align: left;
}

.review-preview-notice summary {
  cursor: pointer;
  color: #f55625;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  list-style: none;
  white-space: nowrap;
}

.review-preview-notice summary::-webkit-details-marker {
  display: none;
}

.review-preview-notice summary::after {
  content: " +";
}

.review-preview-notice details[open] summary::after {
  content: " -";
}

.review-preview-notice ul {
  position: absolute;
  top: calc(100% + 10px);
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 70;
  width: min(640px, calc(100vw - 32px));
  margin: 0;
  padding: 14px 18px 14px 32px;
  border: 1px solid rgba(8, 24, 44, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(8, 24, 44, 0.18);
  color: #405064;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.55;
}

.review-preview-notice li + li {
  margin-top: 7px;
}

.header-main {
  grid-template-columns: minmax(260px, 320px) minmax(620px, 960px) minmax(170px, max-content);
}

.header-balance {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.featured-body .header-main {
  grid-template-columns: minmax(160px, 205px) minmax(0, 1fr) minmax(170px, max-content);
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  max-width: 100%;
  color: #5b6470;
  font-family: "Manrope", Arial, sans-serif;
  white-space: nowrap;
}

.language-switcher__label {
  color: #7d8793;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

.language-switcher__options {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(8, 24, 44, 0.13);
  border-radius: 999px;
  background: #f7f8fa;
}

.language-switcher__option {
  min-height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #4d5968;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}

.language-switcher__option.active {
  background: #10213a;
  color: #fff;
  box-shadow: 0 6px 14px rgba(8, 24, 44, 0.12);
}

@media (max-width: 1180px) {
  .header-main,
  .featured-body .header-main {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .brand-cluster {
    justify-content: center;
  }

  .header-balance {
    justify-content: center;
  }

  .primary-nav {
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
  }

  .primary-nav::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 760px) {
  .review-preview-notice__inner {
    width: min(100% - 28px, 100%);
    flex-direction: column;
    gap: 8px;
    padding: 10px 0;
  }

  .review-preview-notice strong {
    font-size: 12px;
  }

  .review-preview-notice details {
    width: 100%;
    text-align: center;
  }

  .review-preview-notice ul {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 28px);
    max-height: 58vh;
    overflow: auto;
    text-align: left;
  }

  .header-balance {
    display: flex !important;
    justify-content: center;
  }

  .language-switcher {
    width: 100%;
    justify-content: center;
    gap: 6px;
  }

  .language-switcher__label {
    display: none;
  }

  .language-switcher__options {
    width: min(100%, 304px);
    justify-content: center;
  }

  .language-switcher__option {
    flex: 1 1 auto;
    padding: 0 9px;
    font-size: 10.5px;
  }
}