/* Final product-page overrides loaded after page-local styles. */
.legacy-page {
  --product-heading: #071018;
  --product-body: #334155;
  --product-muted: #64748b;
  --product-line: rgba(11, 17, 24, 0.12);
}

.legacy-page .legacy-content * {
  border-radius: 0 !important;
}

.legacy-page .legacy-content :is(
  .bn,
  .b2,
  .btn,
  .btn-primary,
  .btn-secondary,
  .download-cta-primary,
  .download-cta-secondary,
  .cta-btn,
  .tab-btn,
  .case-tab,
  .sub-tab,
  .gauss-tab,
  .scene-tab,
  .reb-bh,
  .reb-b,
  .product-tab-buttons button,
  button[class*="tab"],
  a[class*="btn"]
) {
  border-radius: 999px !important;
}

.legacy-page .legacy-content :is(
  .tab-btns,
  .case-tabs,
  .sub-tabs,
  .gauss-tabs,
  .scene-tabs,
  .reb-tabs-h,
  .product-tab-buttons
) {
  border-radius: 999px !important;
}

.legacy-page .legacy-content :is(
  section:not(.hero):not(.ch):not(.phr):not(#opgs):not(.download-cta):not(.cta-s):not(.cta-section):not(.final-cta):not(.contact-cta):not(.contact-section):not(.va-fs),
  .download-cta,
  .cta-s,
  .cta-section,
  .final-cta,
  .contact-cta
) :is(h2, h3, h4, .sec-title, .section-title, .title-block h2, .section-header h2, .mesh-h h3, .feature-header h3, .case-sub) {
  color: var(--product-heading) !important;
  -webkit-text-fill-color: var(--product-heading) !important;
}

.legacy-page .legacy-content section:not(.hero):not(.ch):not(.phr):not(#opgs):not(.download-cta):not(.cta-s):not(.cta-section):not(.final-cta):not(.contact-cta):not(.contact-section):not(.va-fs) :is(
  h2.sec-title,
  h2.section-title,
  h2.emergency-title,
  h2.st2,
  .title-block > h2,
  .section-header > h2,
  .screen-emergency .emergency-title
) {
  font-size: clamp(30px, 5.75vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.legacy-page .legacy-content :is(
  section:not(.hero):not(.ch):not(.phr):not(#opgs):not(.download-cta):not(.cta-s):not(.cta-section):not(.final-cta):not(.contact-cta):not(.contact-section):not(.va-fs),
  .download-cta,
  .cta-s,
  .cta-section,
  .final-cta,
  .contact-cta
) :is(p, .sec-sub, .section-desc, .section-sub, .define-text, .cap-desc, .gif-desc, .feature-header p, .case-desc) {
  color: var(--product-body) !important;
  -webkit-text-fill-color: var(--product-body) !important;
}

.legacy-page .legacy-content :is(.tab-btn, .case-tab, .sub-tab, .gauss-tab, .scene-tab, .reb-bh, .reb-b, .product-tab-buttons button) {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.legacy-page .legacy-content :is(
  .tab-btn.on,
  .tab-btn.active,
  .case-tab.on,
  .case-tab.active,
  .sub-tab.on,
  .sub-tab.active,
  .gauss-tab.on,
  .gauss-tab.active,
  .scene-tab.on,
  .scene-tab.active,
  .reb-bh.on,
  .reb-b.on,
  .product-tab-buttons button.is-active
) {
  background: var(--product-heading) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.legacy-page .legacy-content .screen-products .products-grid {
  align-items: stretch !important;
}

.legacy-page .legacy-content .screen-products .product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid #d8dde6 !important;
  overflow: hidden !important;
  text-align: center !important;
  transform: none !important;
}

.legacy-page .legacy-content .screen-products .product-card:hover {
  transform: none !important;
}

.legacy-page .legacy-content .screen-products .product-card::before,
.legacy-page .legacy-content .screen-products .product-card::after {
  content: none !important;
  display: none !important;
}

.legacy-page .legacy-content .screen-products .product-card .product-img {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 290 / 305 !important;
  object-fit: contain !important;
  background: #f5f7fb !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.legacy-page .legacy-content .screen-products .product-card .product-info {
  flex: 1 1 auto !important;
  min-height: 138px !important;
  padding: 18px 24px 24px !important;
  background: #fff !important;
  color: #0b1118 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.legacy-page .legacy-content .screen-products .product-card .product-tag {
  margin: 0 0 10px !important;
  line-height: 1.4 !important;
}

.legacy-page .legacy-content .screen-products .product-card h4 {
  margin: 0 !important;
  min-height: 22px !important;
  color: #0b1118 !important;
  -webkit-text-fill-color: #0b1118 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

body[data-page="DasViewer.html"] .legacy-content #s3 {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-page="DasViewer.html"] .legacy-content #s3 .full-bleed-video,
body[data-page="DasViewer.html"] .legacy-content #s3 .full-bleed-video > video {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

body[data-page="DasViewer.html"] .legacy-content :is(#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12) > .ct {
  width: min(1680px, calc(100vw - 80px)) !important;
  max-width: 1680px !important;
}

body[data-page="DasViewer.html"] .legacy-content :is(#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12) :is(.full-media,.tab-content) {
  width: min(1680px, calc(100vw - 80px)) !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 900px) {
  body[data-page="DasViewer.html"] .legacy-content :is(#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12) > .ct,
  body[data-page="DasViewer.html"] .legacy-content :is(#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12) :is(.full-media,.tab-content) {
    width: calc(100vw - 40px) !important;
  }
}

body[data-page="智影R200.html"] .legacy-content > section.se,
body[data-page="智影R200.html"] .legacy-content > section.flat-se {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

body[data-page="智影R200.html"] .legacy-content > section.se:has(> .ct:only-child > h2.st2) {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

body[data-page="智影R200.html"] .legacy-content > section.se-alt > .flat-se {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body[data-page="智影R200.html"] .legacy-content > section.va-fs {
  min-height: 100vh !important;
  padding: 0 !important;
}

body[data-page="智影R200.html"] .legacy-content > section.va-fs .va-fs-bg video {
  opacity: 1 !important;
}

body[data-page="智影R200.html"] .legacy-content > section.va-fs .va-fs-ov {
  background: rgba(0, 0, 0, 0.2) !important;
}

body[data-page="智影R200.html"] .legacy-content > section.va-fs .va-fs-ct {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
