/*
 * Premium B2B product layer — Russia / CIS
 *
 * Shared by the Tuya evaluation, 2-wire, 4-wire and PoE product pages.
 * The layer is deliberately scoped to those page classes so the rest of the
 * site keeps its existing visual system.  It adds depth through surfaces,
 * restrained gradients, border accents and elevation — never through text
 * overlays or decorative elements that can hide buying information.
 */

/* ─── Shared foundation ─── */
.tuya-evaluation-page,
.video-2wire-page,
.video-4wire-page,
.poe-sip-page {
  --premium-paper: #f6f2eb;
  --premium-surface: #fffdfa;
  --premium-ink: #0d1a22;
  --premium-ink-soft: #172932;
  --premium-copper: #c66a32;
  --premium-copper-light: #e7a574;
  --premium-teal: #2e7566;
  --premium-line: rgba(29, 46, 55, .14);
  background: var(--premium-paper);
}

.tuya-evaluation-page .breadcrumb-wrap,
.video-2wire-page .breadcrumb-wrap,
.video-4wire-page .breadcrumb-wrap,
.poe-sip-page .breadcrumb-wrap {
  background: rgba(246, 242, 235, .94);
  border-bottom-color: rgba(29, 46, 55, .12);
}

.tuya-evaluation-page .page-hero,
.video-2wire-page .page-hero,
.video-4wire-page .page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 410px;
  padding-top: clamp(68px, 8vw, 104px);
  padding-bottom: clamp(58px, 7vw, 88px);
  background:
    radial-gradient(circle at 88% 14%, rgba(198, 106, 50, .22), transparent 26%),
    radial-gradient(circle at 14% 110%, rgba(46, 117, 102, .16), transparent 32%),
    linear-gradient(135deg, var(--premium-ink) 0%, #142833 62%, #203944 100%) !important;
  border-bottom: 1px solid rgba(231, 165, 116, .55) !important;
  box-shadow: 0 24px 58px rgba(13, 26, 34, .18);
}

.tuya-evaluation-page .page-hero::before,
.video-2wire-page .page-hero::before,
.video-4wire-page .page-hero::before {
  z-index: -1;
  background-image:
    linear-gradient(rgba(220, 237, 237, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(220, 237, 237, .045) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .72) 54%, transparent 100%);
  opacity: .65;
  pointer-events: none;
}

.tuya-evaluation-page .page-hero::after,
.video-2wire-page .page-hero::after,
.video-4wire-page .page-hero::after {
  position: absolute;
  z-index: -1;
  top: -330px;
  right: -170px;
  width: 690px;
  height: 690px;
  border: 1px solid rgba(231, 165, 116, .15);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(231, 165, 116, .028), 0 0 0 68px rgba(231, 165, 116, .018);
  content: '';
  pointer-events: none;
}

.video-2wire-page .page-hero {
  background:
    radial-gradient(circle at 86% 14%, rgba(75, 155, 138, .24), transparent 28%),
    linear-gradient(135deg, #0d1a22 0%, #15332f 64%, #214b43 100%) !important;
  border-bottom-color: rgba(75, 155, 138, .65) !important;
}
.video-4wire-page .page-hero {
  background:
    radial-gradient(circle at 86% 14%, rgba(208, 122, 62, .24), transparent 28%),
    linear-gradient(135deg, #0d1a22 0%, #293039 60%, #4c3429 100%) !important;
  border-bottom-color: rgba(208, 122, 62, .7) !important;
}

.tuya-evaluation-page .page-hero .hero-content,
.video-2wire-page .page-hero .hero-content,
.video-4wire-page .page-hero .hero-content {
  position: relative;
  z-index: 1;
}

/* A compact decision panel fills the unused hero column with the information
   a distributor needs first: infrastructure, product route and batch. It is
   an evidence panel, not a decorative overlay, so it stays in the grid and
   can never cover the headline or CTA. */
.tuya-evaluation-page .evaluation-hero-layout,
.video-2wire-page .line-hero-layout,
.video-4wire-page .line-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(285px, 340px);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
}

.tuya-evaluation-page .evaluation-hero-copy,
.video-2wire-page .line-hero-copy,
.video-4wire-page .line-hero-copy {
  min-width: 0;
  max-width: 780px;
}

.evaluation-hero-panel,
.line-hero-panel {
  --hero-panel-accent: #e7a574;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  padding: 22px 22px 18px;
  border: 1px solid rgba(211, 231, 231, .24);
  border-left: 3px solid var(--hero-panel-accent);
  border-radius: 0 16px 16px 0;
  background:
    linear-gradient(145deg, rgba(31, 58, 67, .92), rgba(11, 25, 33, .96)),
    radial-gradient(circle at 100% 0, rgba(231, 165, 116, .16), transparent 48%);
  box-shadow: 18px 24px 42px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .1);
  transition: transform .22s ease, box-shadow .22s ease;
}

.evaluation-hero-panel::before,
.line-hero-panel::before {
  position: absolute;
  z-index: -1;
  right: -30px;
  bottom: -38px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(145, 212, 220, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 20px rgba(145, 212, 220, .025), 0 0 0 40px rgba(145, 212, 220, .018);
  content: '';
  pointer-events: none;
}

.evaluation-hero-panel::after,
.line-hero-panel::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(220, 237, 237, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(220, 237, 237, .045) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(135deg, rgba(0, 0, 0, .62), transparent 72%);
  content: '';
  opacity: .42;
  pointer-events: none;
}

.evaluation-hero-panel:hover,
.line-hero-panel:hover {
  transform: translateY(-4px);
  box-shadow: 22px 30px 50px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.video-2wire-page .line-hero-panel { --hero-panel-accent: #70c7b1; }
.video-4wire-page .line-hero-panel { --hero-panel-accent: #efad7b; }

.hero-panel-head,
.hero-panel-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.hero-panel-head {
  color: #86aeb4;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hero-panel-head b {
  color: var(--hero-panel-accent);
  font-size: 10px;
  letter-spacing: .1em;
}

.hero-panel-title {
  display: block;
  margin-top: 16px;
  color: #f1f7f5;
  font-size: 18px;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.hero-panel-rows {
  display: grid;
  gap: 13px;
  margin-top: 20px;
}

.hero-panel-rows > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding-top: 12px;
  border-top: 1px solid rgba(206, 229, 230, .13);
}

.hero-panel-index {
  display: inline-grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid rgba(231, 165, 116, .58);
  border-radius: 50%;
  color: var(--hero-panel-accent);
  font-size: 10px;
  font-weight: 800;
}

.hero-panel-rows > div > span:last-child { min-width: 0; }
.hero-panel-rows strong {
  display: block;
  color: #eef7f5;
  font-size: 13px;
  line-height: 1.35;
}

.hero-panel-rows small {
  display: block;
  margin-top: 3px;
  color: #9db8bc;
  font-size: 11px;
  line-height: 1.45;
}

.hero-panel-foot {
  margin-top: 18px;
  padding-top: 13px;
  border-top: 1px solid rgba(206, 229, 230, .16);
  color: #aac0c2;
  font-size: 10px;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hero-panel-foot span:first-child { color: #f2c3a2; }

.tuya-evaluation-page .evaluation-hero-panel {
  --hero-panel-accent: #70c7b1;
  background:
    linear-gradient(145deg, rgba(31, 58, 67, .92), rgba(11, 25, 33, .96)),
    radial-gradient(circle at 100% 0, rgba(112, 199, 177, .16), transparent 48%);
}
.tuya-evaluation-page .evaluation-hero-panel .hero-panel-index { border-color: rgba(112, 199, 177, .58); }
.video-2wire-page .line-hero-panel .hero-panel-index { border-color: rgba(112, 199, 177, .58); }
.video-4wire-page .line-hero-panel .hero-panel-index { border-color: rgba(239, 173, 123, .58); }
.tuya-evaluation-page .page-hero h1,
.video-2wire-page .page-hero h1,
.video-4wire-page .page-hero h1 {
  max-width: 820px;
  color: #fff !important;
  letter-spacing: -.042em;
  text-wrap: balance;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .22);
}
.tuya-evaluation-page .page-hero .hero-sub,
.video-2wire-page .page-hero .hero-sub,
.video-4wire-page .page-hero .hero-sub {
  max-width: 760px;
  color: #c8d7da !important;
  line-height: 1.72;
}
.tuya-evaluation-page .page-hero .hero-badge,
.video-2wire-page .page-hero .hero-badge,
.video-4wire-page .page-hero .hero-badge {
  border-color: rgba(218, 235, 236, .28) !important;
  background: rgba(11, 24, 32, .78) !important;
  color: #e9f2f2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 20px rgba(0, 0, 0, .11);
  backdrop-filter: blur(8px);
}
.video-2wire-page .page-hero .hero-badge { border-color: rgba(117, 201, 157, .52) !important; }
.video-4wire-page .page-hero .hero-badge { border-color: rgba(239, 173, 123, .56) !important; }
.tuya-evaluation-page .page-hero .btn-primary-jbss,
.video-2wire-page .page-hero .btn-primary-jbss,
.video-4wire-page .page-hero .btn-primary-jbss {
  box-shadow: 0 12px 25px rgba(0, 0, 0, .22);
}
.tuya-evaluation-page .page-hero .btn-tg,
.tuya-evaluation-page .page-hero .btn-wa,
.video-2wire-page .page-hero .btn-tg,
.video-2wire-page .page-hero .btn-wa,
.video-4wire-page .page-hero .btn-tg,
.video-4wire-page .page-hero .btn-wa {
  color: #fff !important;
  border-color: rgba(218, 235, 236, .42);
  background: rgba(255, 255, 255, .06);
}
.tuya-evaluation-page .page-hero .btn-tg:hover,
.tuya-evaluation-page .page-hero .btn-wa:hover,
.video-2wire-page .page-hero .btn-tg:hover,
.video-2wire-page .page-hero .btn-wa:hover,
.video-4wire-page .page-hero .btn-tg:hover,
.video-4wire-page .page-hero .btn-wa:hover {
  color: #fff !important;
  border-color: rgba(231, 165, 116, .76);
  background: rgba(255, 255, 255, .13);
}

/* Every section gets a quiet architectural edge. It gives long B2B pages a
   clear reading rhythm without adding more copy or visual noise. */
.tuya-evaluation-page .section-pad,
.video-2wire-page .section-pad,
.video-4wire-page .section-pad,
.poe-sip-page .section-pad {
  position: relative;
  isolation: isolate;
}
.tuya-evaluation-page .section-pad::before,
.video-2wire-page .section-pad::before,
.video-4wire-page .section-pad::before {
  position: absolute;
  top: 0;
  right: 6%;
  left: 6%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(198, 106, 50, .22) 22%, rgba(198, 106, 50, .06) 78%, transparent);
  content: '';
  pointer-events: none;
}
.tuya-evaluation-page .section-head .label-tag,
.video-2wire-page .section-head .label-tag,
.video-4wire-page .section-head .label-tag,
.poe-sip-page .section-head .label-tag {
  letter-spacing: .14em;
}

/* ─── Evaluation: decision surface ─── */
.tuya-evaluation-page .evaluation-test {
  background:
    radial-gradient(circle at 8% 4%, rgba(46, 117, 102, .08), transparent 27%),
    linear-gradient(180deg, #f0ece5 0%, var(--premium-paper) 100%);
}
.tuya-evaluation-page .evaluation-question,
.tuya-evaluation-page .evaluation-route,
.tuya-evaluation-page .evaluation-boundary,
.tuya-evaluation-page .evaluation-data-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(29, 46, 55, .15);
  background: linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(249, 245, 238, .94));
  box-shadow: 0 14px 32px rgba(19, 35, 44, .08), 0 2px 6px rgba(19, 35, 44, .05);
}
.tuya-evaluation-page .evaluation-question::before,
.tuya-evaluation-page .evaluation-route::before,
.tuya-evaluation-page .evaluation-boundary::before,
.tuya-evaluation-page .evaluation-data-card::before {
  position: absolute;
  top: 0;
  right: 18px;
  left: 18px;
  height: 3px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, var(--premium-copper), rgba(198, 106, 50, .12));
  content: '';
  pointer-events: none;
}
.tuya-evaluation-page .evaluation-question:nth-child(2),
.tuya-evaluation-page .evaluation-route:nth-child(2) { transform: translateY(7px); }
.tuya-evaluation-page .evaluation-question:nth-child(3),
.tuya-evaluation-page .evaluation-route:nth-child(3) { transform: translateY(-5px); }
.tuya-evaluation-page .evaluation-question:hover,
.tuya-evaluation-page .evaluation-route:hover {
  border-color: rgba(198, 106, 50, .52);
  box-shadow: 0 22px 42px rgba(19, 35, 44, .13), 0 4px 10px rgba(19, 35, 44, .06);
  transform: translateY(-3px);
}
.tuya-evaluation-page .evaluation-question:nth-child(2):hover,
.tuya-evaluation-page .evaluation-route:nth-child(2):hover { transform: translateY(3px); }
.tuya-evaluation-page .evaluation-question:nth-child(3):hover,
.tuya-evaluation-page .evaluation-route:nth-child(3):hover { transform: translateY(-9px); }
.tuya-evaluation-page .evaluation-question-number {
  border: 1px solid rgba(198, 106, 50, .2);
  border-radius: 4px;
  box-shadow: 3px 3px 0 rgba(198, 106, 50, .1);
}
.tuya-evaluation-page .evaluation-route--analog { border-top-color: #d07a3e; }
.tuya-evaluation-page .evaluation-route--multi { border-top-color: var(--premium-teal); }
.tuya-evaluation-page .evaluation-boundaries {
  background: linear-gradient(180deg, #ede7dd 0%, #f6f2eb 100%);
}
.tuya-evaluation-page .evaluation-boundary {
  border-left-color: #b7792b;
  background: linear-gradient(150deg, #fffdf8, #fbf4e7);
}
.tuya-evaluation-page .evaluation-confirmation {
  background: linear-gradient(135deg, #f6f2eb 0%, #fffdfa 72%);
}
.tuya-evaluation-page .evaluation-confirmation .step-list li {
  border-color: rgba(29, 46, 55, .12);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 20px rgba(19, 35, 44, .045);
}
.tuya-evaluation-page .evaluation-data-card {
  display: flex;
  flex-direction: column;
  border-top: 3px solid var(--premium-copper);
}
.tuya-evaluation-page .evaluation-data-result,
.video-2wire-page .line-data-result,
.video-4wire-page .line-data-result {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(29, 46, 55, .14);
}
.tuya-evaluation-page .evaluation-data-result-label,
.video-2wire-page .line-data-result-label,
.video-4wire-page .line-data-result-label {
  color: var(--premium-copper);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}
.tuya-evaluation-page .evaluation-data-result h4,
.video-2wire-page .line-data-result h4,
.video-4wire-page .line-data-result h4 {
  margin: 7px 0 10px;
  color: var(--premium-ink);
  font-size: 15px;
  line-height: 1.35;
}
.tuya-evaluation-page .evaluation-data-result-list,
.video-2wire-page .line-data-result-list,
.video-4wire-page .line-data-result-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tuya-evaluation-page .evaluation-data-result-list li,
.video-2wire-page .line-data-result-list li,
.video-4wire-page .line-data-result-list li {
  position: relative;
  padding-left: 18px;
  color: #52616a;
  font-size: 13px;
  line-height: 1.5;
}
.tuya-evaluation-page .evaluation-data-result-list li::before,
.video-2wire-page .line-data-result-list li::before,
.video-4wire-page .line-data-result-list li::before {
  position: absolute;
  top: .05em;
  left: 0;
  color: var(--premium-teal);
  content: '✓';
  font-weight: 800;
}
.video-4wire-page .line-data-result-label { color: #b8632f; }
.video-4wire-page .line-data-result-list li::before { color: #b8632f; }
.tuya-evaluation-page .evaluation-data-note,
.video-2wire-page .line-data-note,
.video-4wire-page .line-data-note {
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid rgba(29, 46, 55, .12);
  border-left: 3px solid var(--premium-teal);
  background: rgba(46, 117, 102, .07);
}
.tuya-evaluation-page .evaluation-data-note strong,
.video-2wire-page .line-data-note strong,
.video-4wire-page .line-data-note strong {
  display: block;
  margin-bottom: 4px;
  color: var(--premium-ink);
  font-size: 12px;
  line-height: 1.35;
}
.tuya-evaluation-page .evaluation-data-note span,
.video-2wire-page .line-data-note span,
.video-4wire-page .line-data-note span {
  display: block;
  color: #64727c;
  font-size: 12px;
  line-height: 1.5;
}
.video-4wire-page .line-data-note {
  border-left-color: var(--premium-copper);
  background: rgba(198, 106, 50, .07);
}
.tuya-evaluation-page .evaluation-data-meta,
.video-2wire-page .line-data-meta,
.video-4wire-page .line-data-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(29, 46, 55, .12);
}
.tuya-evaluation-page .evaluation-data-meta > div,
.video-2wire-page .line-data-meta > div,
.video-4wire-page .line-data-meta > div {
  padding: 10px 8px;
  background: rgba(255, 255, 255, .58);
  border: 1px solid rgba(29, 46, 55, .1);
  text-align: center;
}
.tuya-evaluation-page .evaluation-data-meta strong,
.video-2wire-page .line-data-meta strong,
.video-4wire-page .line-data-meta strong {
  display: block;
  color: var(--premium-ink);
  font-size: 16px;
  line-height: 1.2;
}
.tuya-evaluation-page .evaluation-data-meta span,
.video-2wire-page .line-data-meta span,
.video-4wire-page .line-data-meta span {
  display: block;
  margin-top: 3px;
  color: #64727c;
  font-size: 10px;
  letter-spacing: .05em;
  line-height: 1.3;
  text-transform: uppercase;
}
.video-2wire-page .line-data-card,
.video-4wire-page .line-data-card { display: flex; flex-direction: column; }
.tuya-evaluation-page .evaluation-data-card > .btn-primary-jbss,
.video-2wire-page .line-data-card > .btn-primary-jbss,
.video-4wire-page .line-data-card > .btn-primary-jbss {
  align-self: flex-start;
  margin-top: 22px;
}

/* ─── 2-wire / 4-wire product-line surfaces ─── */
.video-2wire-page .line-fact-strip,
.video-4wire-page .line-fact-strip {
  border-bottom: 1px solid rgba(226, 239, 235, .16);
  background: linear-gradient(105deg, #0c1a22 0%, #132a2d 55%, #1b3c38 100%);
  box-shadow: 0 16px 30px rgba(13, 26, 34, .14);
}
.video-4wire-page .line-fact-strip {
  background: linear-gradient(105deg, #0c1a22 0%, #252b31 55%, #493126 100%);
}
.video-2wire-page .line-fact,
.video-4wire-page .line-fact {
  border-color: rgba(225, 239, 239, .18);
  background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.12);
  backdrop-filter: blur(8px);
}
.video-2wire-page .line-fact:nth-child(2),
.video-4wire-page .line-fact:nth-child(2) { transform: translateY(5px); }
.video-2wire-page .line-fact:nth-child(3),
.video-4wire-page .line-fact:nth-child(3) { transform: translateY(-4px); }
.video-2wire-page .line-feature-section,
.video-4wire-page .line-feature-section {
  background:
    radial-gradient(circle at 10% 12%, rgba(46, 117, 102, .1), transparent 28%),
    linear-gradient(145deg, #ece9e2 0%, #faf8f3 76%);
}
.video-4wire-page .line-feature-section {
  background:
    radial-gradient(circle at 10% 12%, rgba(208, 122, 62, .1), transparent 28%),
    linear-gradient(145deg, #ece9e2 0%, #faf8f3 76%);
}
.video-2wire-page .line-feature-copy,
.video-4wire-page .line-feature-copy {
  position: relative;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid rgba(29, 46, 55, .13);
  border-left: 4px solid #4b9b8a;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(150deg, rgba(255,255,255,.98), rgba(247, 251, 248, .92));
  box-shadow: 18px 20px 34px rgba(20, 52, 48, .1), 0 3px 8px rgba(19,35,44,.05);
}
.video-4wire-page .line-feature-copy {
  border-left-color: #d07a3e;
  background: linear-gradient(150deg, rgba(255,255,255,.98), rgba(252, 247, 241, .93));
  box-shadow: 18px 20px 34px rgba(74, 48, 35, .1), 0 3px 8px rgba(19,35,44,.05);
}
.video-2wire-page .line-feature-copy::before,
.video-4wire-page .line-feature-copy::before {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 42px;
  height: 1px;
  background: #4b9b8a;
  content: '';
  opacity: .7;
}
.video-4wire-page .line-feature-copy::before { background: #d07a3e; }
/* Keep the product image and caption in normal flow: the image owns its
   intrinsic height, so the next section always starts after the full card. */
.video-2wire-page .line-media,
.video-4wire-page .line-media {
  display: block;
  width: min(100%, 640px);
  max-width: 100%;
  height: auto;
  min-height: 0 !important;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 10px 0;
  box-sizing: border-box;
  aspect-ratio: auto;
  border-color: rgba(29, 46, 55, .16);
  box-shadow: 14px 22px 38px rgba(19, 35, 44, .15), 0 3px 8px rgba(19,35,44,.06);
}
.video-2wire-page .line-feature-section .col-lg-6,
.video-4wire-page .line-feature-section .col-lg-6 { min-width: 0; }
.video-2wire-page .line-media img,
.video-4wire-page .line-media img {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100%;
  max-height: 420px;
  object-fit: contain;
  object-position: center;
}
.video-4wire-page .line-media img { background: #fff; }
.video-2wire-page .line-media-caption,
.video-4wire-page .line-media-caption {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 8px -10px 0;
  border-radius: 0 0 11px 11px;
}
.video-2wire-page .line-media::before,
.video-4wire-page .line-media::before {
  position: absolute;
  inset: 10px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 11px;
  content: '';
  pointer-events: none;
}
.video-2wire-page .line-spec-section,
.video-4wire-page .line-spec-section {
  background: linear-gradient(180deg, #fbfaf7 0%, #f0ece5 100%);
}
.video-2wire-page .line-spec-shell,
.video-4wire-page .line-spec-shell {
  border-color: rgba(29, 46, 55, .15);
  background: linear-gradient(150deg, #fffefa, #f9f5ee);
  box-shadow: 0 18px 38px rgba(19, 35, 44, .1), 0 3px 8px rgba(19, 35, 44, .04);
}
.video-2wire-page .line-spec-shell .spec-table tr:first-child,
.video-4wire-page .line-spec-shell .spec-table tr:first-child { background: rgba(75, 155, 138, .075); }
.video-4wire-page .line-spec-shell .spec-table tr:first-child { background: rgba(208, 122, 62, .075); }
.video-2wire-page .line-check-section,
.video-4wire-page .line-check-section {
  background: linear-gradient(135deg, #e9f0ec 0%, #f8f5ef 75%);
}
.video-4wire-page .line-check-section {
  background: linear-gradient(135deg, #f1e9df 0%, #f8f5ef 75%);
}
.video-2wire-page .line-check-copy .step-list li,
.video-4wire-page .line-check-copy .step-list li {
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 20px rgba(19, 35, 44, .05);
}
.video-2wire-page .line-data-card,
.video-4wire-page .line-data-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(29, 46, 55, .14);
  box-shadow: 0 18px 36px rgba(19, 35, 44, .1);
}
.video-2wire-page .line-data-card::after,
.video-4wire-page .line-data-card::after {
  position: absolute;
  right: -34px;
  bottom: -58px;
  width: 170px;
  height: 170px;
  border: 1px solid rgba(75, 155, 138, .2);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.video-4wire-page .line-data-card::after { border-color: rgba(208, 122, 62, .22); }

/* Keep the closing action group centred with the heading. The product-line
   pages use a utility flex row without Bootstrap's justify-content helper. */
.video-2wire-page .cta-section > .d-flex,
.video-4wire-page .cta-section > .d-flex {
  justify-content: center;
  align-items: center;
}

/* ─── PoE: preserve the technical composition, improve the content planes ─── */
.poe-sip-page .poe-hero-depth .poe-hero-copy { max-width: 760px; }
.poe-sip-page .poe-hero-depth .hero-badges,
.poe-sip-page .poe-hero-depth .d-flex,
.poe-sip-page .poe-hero-depth .poe-hero-proof { position: relative; z-index: 3; }
.poe-sip-page .poe-project-section,
.poe-sip-page .poe-boundary-section,
.poe-sip-page .poe-supply-section,
.poe-sip-page .poe-faq-section,
.poe-sip-page .poe-cta-section {
  border-top: 1px solid rgba(198, 106, 50, .13);
}
.poe-sip-page .poe-project-section .section-head,
.poe-sip-page .poe-boundary-section .section-head,
.poe-sip-page .poe-supply-section .section-head,
.poe-sip-page .poe-faq-section .section-head { max-width: 820px; }
.poe-sip-page .poe-project-section .compare-table tbody th,
.poe-sip-page .poe-project-section .compare-table tbody td { line-height: 1.55; }
.poe-sip-page .poe-boundary-section .card-jbss,
.poe-sip-page .poe-supply-section .card-jbss {
  box-shadow: 0 18px 38px rgba(24, 31, 37, .1), 0 3px 9px rgba(24, 31, 37, .04);
}

/* Respect reduced motion and remove the stagger on small screens. */
@media (prefers-reduced-motion: reduce) {
  .evaluation-hero-panel,
  .line-hero-panel { transform: none !important; transition: none; }
  .tuya-evaluation-page .evaluation-question,
  .tuya-evaluation-page .evaluation-route,
  .video-2wire-page .line-fact,
  .video-4wire-page .line-fact { transform: none !important; transition: none; }
}

@media (max-width: 991.98px) {
  .tuya-evaluation-page .evaluation-hero-layout,
  .video-2wire-page .line-hero-layout,
  .video-4wire-page .line-hero-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .evaluation-hero-panel,
  .line-hero-panel {
    width: min(100%, 520px);
    margin: 0 auto;
  }
  .tuya-evaluation-page .evaluation-question:nth-child(2),
  .tuya-evaluation-page .evaluation-question:nth-child(3),
  .tuya-evaluation-page .evaluation-route:nth-child(2),
  .tuya-evaluation-page .evaluation-route:nth-child(3),
  .video-2wire-page .line-fact:nth-child(2),
  .video-2wire-page .line-fact:nth-child(3),
  .video-4wire-page .line-fact:nth-child(2),
  .video-4wire-page .line-fact:nth-child(3) { transform: none; }
  .tuya-evaluation-page .evaluation-data-card,
  .video-2wire-page .line-data-card,
  .video-4wire-page .line-data-card { height: auto !important; }
}

@media (max-width: 767.98px) {
  .tuya-evaluation-page .page-hero,
  .video-2wire-page .page-hero,
  .video-4wire-page .page-hero { min-height: 0; padding: 52px 0 48px; }
  .tuya-evaluation-page .page-hero h1,
  .video-2wire-page .page-hero h1,
  .video-4wire-page .page-hero h1 { letter-spacing: -.028em; }
  .tuya-evaluation-page .page-hero::after,
  .video-2wire-page .page-hero::after,
  .video-4wire-page .page-hero::after { top: -210px; right: -330px; width: 500px; height: 500px; }
  .video-2wire-page .line-feature-copy,
  .video-4wire-page .line-feature-copy { padding: 24px 20px; border-left-width: 3px; border-radius: 0 12px 12px 0; }
  .video-2wire-page .line-media,
  .video-4wire-page .line-media { padding: 8px 8px 0; }
  .video-2wire-page .line-media-caption,
  .video-4wire-page .line-media-caption {
    display: block;
    margin: 6px -8px 0;
  }
  .video-2wire-page .line-media-caption span,
  .video-4wire-page .line-media-caption span {
    display: block;
    margin-top: 3px;
  }
  .video-2wire-page .line-media::before,
  .video-4wire-page .line-media::before { inset: 7px; }
  .evaluation-hero-panel,
  .line-hero-panel { padding: 20px 18px 16px; }
  .poe-sip-page .poe-hero-depth .poe-hero-copy { max-width: none; }
}

@media (max-width: 575.98px) {
  .tuya-evaluation-page .section-pad,
  .video-2wire-page .section-pad,
  .video-4wire-page .section-pad,
  .poe-sip-page .section-pad { overflow: hidden; }
  .tuya-evaluation-page .page-hero .d-flex,
  .video-2wire-page .page-hero .d-flex,
  .video-4wire-page .page-hero .d-flex,
  .poe-sip-page .page-hero .d-flex { align-items: stretch; }
  .tuya-evaluation-page .page-hero .d-flex > a,
  .video-2wire-page .page-hero .d-flex > a,
  .video-4wire-page .page-hero .d-flex > a,
  .poe-sip-page .page-hero .d-flex > a { width: 100%; justify-content: center; text-align: center; }
  .video-2wire-page .line-feature-copy,
  .video-4wire-page .line-feature-copy { padding: 22px 18px; }
  .poe-sip-page .poe-hero-depth .hero-badges { max-width: 100%; }
}