/* ============================================================
   product-detail.css
   页面专属样式：product-detail（含仅本页及少数页面共享的板块样式）。
   由 _tools/02_extract_css.py 从原始内联样式拆分生成。
   声明内容与原站逐字一致，仅做三件事：
     1) 删除构建器遗留的作用域属性选择器
     2) 类名改为 zs- 命名空间（见 _report/class-map.csv）
     3) 同名不同声明的选择器加 body.zs-p-* 页面作用域
   ============================================================ */
.zs-breadcrumbs {
   padding: 16px 24px
}

.zs-breadcrumbs__inner {
   max-width: 1080px;
   margin: 0 auto
}

.zs-breadcrumbs__list {
   flex-wrap: wrap;
   align-items: center;
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex
}

.zs-breadcrumbs__item {
   letter-spacing: -.016em;
   align-items: center;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.43;
   display: flex
}

.zs-breadcrumbs__link {
   color: #06c;
   border-radius: 4px;
   margin: -8px -4px;
   padding: 8px 4px;
   text-decoration: none
}

.zs-breadcrumbs__link:hover {
   text-decoration: underline
}

.zs-breadcrumbs__link:focus-visible {
   outline-offset: 2px;
   outline: 2px solid #0071e3
}

.zs-breadcrumbs__current {
   color: #6e6e73
}

.zs-breadcrumbs__sep {
   color: #6e6e73;
   margin: 0 6px
}

.zs-faq__section {
   padding: 80px 24px
}

.zs-faq__inner {
   max-width: 800px;
   margin: 0 auto
}

.zs-faq__heading {
   font-family: var(--font-serif);
   color: #1d1d1f;
   text-align: center;
   margin: 0 0 40px;
   font-size: 40px;
   font-weight: 600;
   line-height: 1.1
}

body.zs-p-product-detail .zs-faq__item {
   border-bottom: 1px solid #d2d2d7
}

body.zs-p-product-detail .zs-faq__question {
   cursor: pointer;
   justify-content: space-between;
   align-items: center;
   padding: 20px 0;
   list-style: none;
   display: flex
}

.zs-faq__question::-webkit-details-marker {
   display: none
}

body.zs-p-product-detail .zs-faq__question h3 {
   letter-spacing: .011em;
   color: #1d1d1f;
   margin: 0;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.19
}

body.zs-p-product-detail .zs-faq__icon {
   color: #86868b;
   flex-shrink: 0;
   margin-left: 16px;
   font-size: 24px;
   font-weight: 300;
   transition: transform .3s
}

.zs-faq__item[open] .zs-faq__icon {
   transform: rotate(45deg)
}

body.zs-p-product-detail .zs-faq__answer {
   letter-spacing: -.022em;
   color: #6e6e73;
   margin: 0;
   padding: 0 0 20px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-faq__show-more {
   color: #1d1d1f;
   width: 100%;
   font: inherit;
   cursor: pointer;
   background: 0 0;
   border: 1px solid #b8b8bd;
   border-radius: 999px;
   justify-content: center;
   align-items: center;
   margin-top: 28px;
   padding: 14px 20px;
   font-size: 15px;
   font-weight: 600;
   display: none
}

.zs-has-js .zs-faq__section--progressive:not(.zs-is-expanded) .zs-faq__item--extra {
   display: none
}

.zs-has-js .zs-faq__section--progressive .zs-faq__show-more {
   display: flex
}

.zs-faq__show-more:hover {
   border-color: #1d1d1f
}

@media (width<=639px) {
   .zs-faq__heading {
      font-family: var(--font-serif);
      font-size: 24px
   }
}

@media (width<=639px) {
   .zs-faq__question h3 {
      font-size: 17px
   }
}

.zs-section__wrapper {
   width: 100%
}

.zs-section__container {
   width: 100%;
   margin: 0 auto
}

body.zs-p-product-detail .zs-cta__section {
   text-align: center;
   padding: 80px 24px
}

body.zs-p-product-detail .zs-cta__inner {
   max-width: 680px;
   margin: 0 auto
}

body.zs-p-product-detail .zs-cta__headline {
   font-family: var(--font-serif);
   letter-spacing: -.02em;
   color: #1d1d1f;
   margin: 0 0 16px;
   font-size: clamp(32px, 4vw, 48px);
   font-weight: 600;
   line-height: 1.08
}

.zs-cta__description {
   letter-spacing: -.022em;
   color: #6e6e73;
   margin: 0 0 24px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-cta__buttons {
   flex-wrap: wrap;
   justify-content: center;
   gap: 16px;
   display: flex
}

.zs-cta__microcopy {
   color: #6e6e73;
   margin: 16px 0 0;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.45
}

body.zs-p-product-detail .zs-cta__primary {
   color: #fff;
   letter-spacing: -.011em;
   text-align: center;
   background-color: #0071e3;
   border-radius: 10px;
   min-width: 140px;
   padding: 13px 24px;
   font-size: 15px;
   font-weight: 500;
   text-decoration: none;
   transition: background-color .2s, transform .2s, box-shadow .2s;
   display: inline-block;
   box-shadow: 0 1px 2px #0071e32e
}

.zs-cta__primary:hover {
   background-color: #0077ed;
   transform: translateY(-1px);
   box-shadow: 0 4px 14px #0071e342
}

body.zs-p-product-detail .zs-cta__secondary {
   color: #1d1d1f;
   letter-spacing: -.011em;
   text-align: center;
   background-color: #0000;
   border: 1px solid #d2d2d7;
   border-radius: 10px;
   min-width: 140px;
   padding: 13px 24px;
   font-size: 15px;
   font-weight: 500;
   text-decoration: none;
   transition: border-color .2s, color .2s;
   display: inline-block
}

body.zs-p-product-detail .zs-cta__secondary:hover {
   color: #1d1d1f;
   border-color: #1d1d1f
}

@media (width<=639px) {
   .zs-cta__headline {
      font-size: 24px
   }
}

@media (width<=639px) {
   .zs-cta__section {
      padding: 56px 24px
   }
}

body.zs-p-product-detail .zs-section__heading {
   font-family: var(--font-serif);
   color: #1d1d1f;
   text-align: left;
   margin: 0 0 40px;
   font-size: 36px;
   font-weight: 600;
   line-height: 1.11
}

.zs-section__heading+.zs-section__subtext,
.zs-section__heading+.zs-hub__direct-answer {
   margin-top: -28px
}

.zs-section__heading--dark {
   color: #fff
}

.zs-section__subtext {
   letter-spacing: -.022em;
   color: #515154;
   margin: 0 0 40px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-section__subtext--dark {
   color: #a1a1a6
}

.zs-hub__direct-answer {
   letter-spacing: -.022em;
   color: #424245;
   margin: 0 0 40px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-subsection__label {
   letter-spacing: .011em;
   color: #1d1d1f;
   margin: 28px 0 12px;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.19
}

.zs-subsection__label:first-of-type {
   margin-top: 0
}

body.zs-p-product-detail .zs-cta__secondary {
   color: #1d1d1f;
   letter-spacing: -.011em;
   text-align: center;
   background-color: #0000;
   border: 1px solid #d2d2d7;
   border-radius: 10px;
   padding: 13px 24px;
   font-size: 15px;
   font-weight: 500;
   text-decoration: none;
   transition: border-color .2s, color .2s;
   display: inline-block
}

body.zs-p-product-detail .zs-cta__secondary:hover {
   border-color: #1d1d1f
}

.zs-table__footnote {
   color: #6e6e73;
   margin: 8px 0 0;
   font-size: 13px;
   font-style: italic;
   font-weight: 400;
   line-height: 1.43
}

.zs-hub__hero {
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   padding: 80px 24px 88px
}

.zs-hub__hero-inner {
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 48px;
   max-width: 1200px;
   margin: 0 auto;
   display: grid
}

.zs-hub__hero-image,
.zs-hub__hero-text {
   min-width: 0
}

body.zs-p-product-detail .zs-hub__hero-image img {
   border-radius: 16px;
   width: 100%;
   max-width: 100%;
   height: auto;
   display: block
}

.zs-hub__hero-breadcrumbs {
   margin-bottom: 16px
}

.zs-hub__hero-breadcrumbs .zs-breadcrumbs {
   padding: 0
}

.zs-hub__hero-h1 {
   font-family: var(--font-serif);
   letter-spacing: -.02em;
   color: #1d1d1f;
   margin: 0 0 12px;
   font-size: clamp(36px, 4.8vw, 56px);
   font-weight: 600;
   line-height: 1.06
}

body.zs-p-product-detail .zs-hub__hero-hook {
   color: #1d1d1f;
   margin: 0 0 16px;
   font-size: 18px;
   font-style: italic;
   font-weight: 500;
   line-height: 1.33
}

.zs-hub__hero-copy {
   letter-spacing: -.022em;
   color: #6e6e73;
   margin: 0 0 16px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-hub__hero-trust {
   flex-wrap: wrap;
   gap: 8px 18px;
   margin: 0 0 28px;
   display: flex
}

.zs-hub__trust-item {
   letter-spacing: -.016em;
   color: #424245;
   align-items: center;
   gap: 6px;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.43;
   display: inline-flex
}

.zs-hub__trust-icon {
   color: #0071e3;
   flex-shrink: 0;
   width: 16px;
   height: 16px
}

.zs-hub__hero-ctas {
   flex-wrap: wrap;
   gap: 16px;
   display: flex
}

@media (width<=767px) {
   .zs-hub__hero {
      padding: 56px 24px 60px
   }
}

@media (width<=767px) {
   .zs-hub__hero-inner {
      grid-template-columns: 1fr;
      gap: 32px
   }
}

@media (width<=767px) {
   .zs-hub__hero-image {
      order: -1
   }
}

@media (width<=767px) {
   .zs-hub__hero-h1 {
      font-size: 32px
   }
}

body.zs-p-product-detail .zs-types__grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   display: grid
}

body.zs-p-product-detail .zs-type__card {
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   border-radius: 12px;
   flex-direction: column;
   text-decoration: none;
   transition: box-shadow .3s, transform .2s;
   display: flex;
   overflow: hidden
}

body.zs-p-product-detail .zs-type__card:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 24px #00000014
}

.zs-type__card:focus-visible {
   outline-offset: 4px;
   outline: 2px solid #0071e3
}

.zs-type__image {
   aspect-ratio: 4/3;
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   overflow: hidden
}

.zs-type__image img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

body.zs-p-product-detail .zs-type__body {
   flex-direction: column;
   flex: 1;
   padding: 20px;
   display: flex
}

.zs-type__title {
   color: #1d1d1f;
   margin: 0 0 6px;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.19
}

.zs-type__desc {
   color: #6e6e73;
   flex: 1;
   margin: 0 0 12px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.43
}

.zs-type__link {
   color: #06c;
   font-size: 14px
}

.zs-type__card:hover .zs-type__link {
   text-decoration: underline
}

@media (width<=1023px) {
   .zs-types__grid {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {
   .zs-types__grid {
      grid-template-columns: 1fr
   }
}

.zs-featured__row {
   grid-template-columns: 1fr 1fr;
   align-items: start;
   gap: 48px;
   margin-bottom: 32px;
   display: grid
}

.zs-featured__row--reversed .zs-featured__text {
   order: -1
}

body.zs-p-product-detail .zs-featured__image {
   border-radius: 16px;
   overflow: hidden
}

@media (width>=1180px) {
   .zs-featured__row .zs-featured__image {
      top: calc(var(--header-height, 80px) + 8px);
      align-self: start;
      position: sticky
   }
}

body.zs-p-product-detail .zs-featured__image img {
   border-radius: 16px;
   width: 100%;
   height: auto;
   display: block
}

.zs-featured__desc {
   letter-spacing: -.022em;
   color: #424245;
   margin: 0 0 16px;
   font-size: 17px;
   font-weight: 400;
   line-height: 1.47
}

.zs-featured__popular {
   color: #6e6e73;
   margin: 0 0 8px;
   font-size: 14px;
   font-style: italic;
   font-weight: 400;
   line-height: 1.43
}

.zs-featured__moq {
   color: #424245;
   margin: 0 0 20px;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.43
}

.zs-inline__spec-table {
   border-collapse: collapse;
   width: 100%;
   margin: 0 0 16px
}

.zs-inline__spec-table th {
   color: #6e6e73;
   text-align: left;
   text-transform: uppercase;
   border-bottom: 1px solid #d2d2d7;
   padding: 8px 12px;
   font-size: 13px;
   font-weight: 600
}

.zs-inline__spec-table td {
   color: #1d1d1f;
   border-bottom: 1px solid #0000000f;
   padding: 8px 12px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

.zs-inline__spec-table tbody tr:last-child td {
   border-bottom: none
}

.zs-slab__table-wrapper {
   -webkit-overflow-scrolling: touch;
   margin: 0 0 8px;
   overflow-x: auto
}

.zs-inline__spec-table--wide {
   min-width: 720px
}

body.zs-p-product-detail .zs-sports__formats {
   grid-template-columns: 1fr 1fr;
   gap: 12px;
   margin: 16px 0;
   display: grid
}

.zs-sports__formats--3col {
   grid-template-columns: repeat(3, 1fr);
   gap: 16px;
   margin: 32px 0 0
}

body.zs-p-product-detail .zs-sport__format-card {
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   scroll-margin-top: calc(var(--header-height, 80px) + 10px);
   color: inherit;
   border-radius: 12px;
   padding: 16px;
   text-decoration: none;
   transition: box-shadow .3s, background .3s
}

body.zs-p-product-detail .zs-sport__format-card:hover {
   box-shadow: 0 4px 18px #0000000f
}

.zs-sport__format-card:focus-visible {
   outline-offset: 4px;
   outline: 2px solid #0071e3
}

.zs-sport__format-card:target {
   background: #0071e314;
   box-shadow: 0 0 0 2px #0071e3
}

.zs-sport__format-head {
   align-items: center;
   gap: 8px;
   margin: 0 0 6px;
   display: flex
}

.zs-sport__format-icon {
   color: #0071e3;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   width: 18px;
   height: 18px;
   display: inline-flex
}

.zs-sport__format-title {
   color: #1d1d1f;
   margin: 0;
   font-size: 15px;
   font-weight: 600
}

.zs-sport__format-desc {
   color: #6e6e73;
   margin: 0;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.38
}

@media (width<=1023px) {
   .zs-sports__formats--3col {
      grid-template-columns: 1fr 1fr
   }
}

@media (width<=767px) {
   .zs-featured__row {
      grid-template-columns: 1fr;
      gap: 24px
   }
}

@media (width<=767px) {
   .zs-featured__row--reversed .zs-featured__image {
      order: -1
   }
}

@media (width<=767px) {

   .zs-sports__formats,
   .zs-sports__formats--3col {
      grid-template-columns: 1fr
   }
}

body.zs-p-product-detail .zs-guide__diagram {
   margin: 32px 0
}

.zs-guide__diagram svg {
   border-radius: 12px;
   width: 100%;
   height: auto;
   display: block
}

body.zs-p-product-detail .zs-guide__diagram figcaption {
   color: #6e6e73;
   max-width: 760px;
   margin-top: 12px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.47
}

.zs-dim__cta {
   text-align: center;
   margin-top: 32px
}

body.zs-p-product-detail .zs-why__grid {
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   margin-bottom: 28px;
   display: grid
}

body.zs-p-product-detail .zs-why__card {
   background: #fff;
   border-radius: 12px;
   padding: 24px 22px;
   box-shadow: 0 1px 2px #0000000a, 0 8px 24px #0000000a
}

.zs-why__icon {
   justify-content: center;
   align-items: center;
   margin: 0 0 12px;
   display: inline-flex
}

.zs-why__icon svg {
   color: #0071e3;
   width: 30px;
   height: 30px
}

.zs-why__title {
   color: #1d1d1f;
   margin: 0 0 8px;
   font-size: 17px;
   font-weight: 600
}

.zs-why__desc {
   color: #424245;
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5
}

@media (width<=767px) {
   .zs-why__grid {
      grid-template-columns: 1fr
   }
}

.zs-author__byline {
   background: #0071e30a;
   border-left: 3px solid #0071e3;
   border-radius: 8px;
   align-items: center;
   gap: 12px;
   margin: 24px 0 0;
   padding: 16px 20px;
   display: flex
}

.zs-author__byline-text {
   color: #1d1d1f;
   margin: 0;
   font-size: 14px;
   line-height: 1.5
}

.zs-author__byline-text strong {
   font-weight: 600
}

.zs-author__byline-text em {
   color: #6e6e73;
   font-style: normal
}

body.zs-p-product-detail .zs-project__grid {
   grid-template-columns: repeat(2, 1fr);
   gap: 24px;
   display: grid
}

body.zs-p-product-detail .zs-project__card {
   background: #111;
   border-radius: 12px;
   overflow: hidden
}

.zs-project__image {
   aspect-ratio: 4/3;
   background: #000;
   overflow: hidden
}

.zs-project__image img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

.zs-project__body {
   padding: 20px
}

.zs-project__title {
   color: #fff;
   margin: 0 0 8px;
   font-size: 17px;
   font-weight: 600
}

.zs-project__specs {
   color: #a1a1a6;
   margin: 0 0 8px;
   font-size: 14px
}

.zs-project__meta {
   color: #a1a1a6;
   margin: 0;
   font-size: 14px;
   font-style: italic
}

body.zs-p-product-detail .zs-project__testimonial {
   background: #111;
   border-radius: 12px;
   margin-top: 24px;
   padding: 32px 28px;
   position: relative
}

.zs-project__quote-mark {
   color: #0071e3;
   font-size: 56px;
   font-weight: 700;
   line-height: 1;
   position: absolute;
   top: 12px;
   left: 28px
}

.zs-project__quote-text {
   color: #f5f5f7;
   border: none;
   margin: 20px 0 12px;
   padding-left: 0;
   font-size: 19px;
   font-style: italic;
   font-weight: 400;
   line-height: 1.42
}

.zs-project__quote-author {
   color: #a1a1a6;
   margin: 0;
   font-size: 14px;
   font-weight: 600
}

body.zs-p-product-detail .zs-testimonials__grid {
   grid-template-columns: repeat(2, 1fr);
   gap: 24px;
   display: grid
}

.zs-testimonials__grid .zs-project__testimonial {
   background: #f5f5f7;
   border: 1px solid #d2d2d7;
   margin-top: 0
}

.zs-testimonials__grid .zs-project__quote-text {
   color: #1d1d1f
}

.zs-testimonials__grid .zs-project__quote-author {
   color: #6e6e73
}

@media (width<=639px) {
   .zs-testimonials__grid {
      grid-template-columns: 1fr
   }
}

.zs-project__cta {
   text-align: center;
   margin-top: 40px
}

.zs-project__cta-text {
   color: #a1a1a6;
   margin: 0 0 16px;
   font-size: 17px
}

@media (width<=639px) {
   .zs-project__grid {
      grid-template-columns: 1fr
   }
}

body.zs-p-product-detail .zs-pricing__grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin-bottom: 32px;
   display: grid
}

.zs-pricing__grid--four-tier {
   grid-template-columns: repeat(4, 1fr)
}

body.zs-p-product-detail .zs-pricing__card {
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   text-align: center;
   border-radius: 12px;
   padding: 28px 24px
}

body.zs-p-product-detail .zs-pricing__icon {
   justify-content: center;
   align-items: center;
   margin-bottom: 16px;
   display: flex
}

.zs-pricing__icon svg {
   color: #0071e3;
   width: 30px;
   height: 30px
}

.zs-pricing__title {
   color: #1d1d1f;
   margin: 0 0 8px;
   font-size: 17px;
   font-weight: 600
}

.zs-pricing__desc {
   color: #515154;
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.43
}

.zs-pricing__extra {
   color: #6e6e73;
   margin: 0 0 32px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

.zs-pricing__extra a {
   color: #06c;
   text-underline-offset: .14em;
   text-decoration: underline
}

.zs-pricing__extra a:hover {
   text-decoration: underline
}

.zs-pricing__bottom {
   text-align: center
}

.zs-pricing__response {
   color: #515154;
   margin-top: 8px;
   font-size: 14px;
   display: block
}

@media (width<=1179px) {
   .zs-pricing__grid--four-tier {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {

   .zs-pricing__grid,
   .zs-pricing__grid--four-tier {
      grid-template-columns: 1fr
   }
}

.zs-order__section {
   background: var(--hero-gradient, linear-gradient(180deg, #fdfcfb 0%, #f5f5f7 100%));
   padding: 80px 24px
}

.zs-order__inner {
   max-width: 1080px;
   margin: 0 auto
}

body.zs-p-product-detail .zs-steps__row {
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
   margin-bottom: 48px;
   display: grid
}

body.zs-p-product-detail .zs-step__card {
   text-align: center;
   background: #fff;
   border-radius: 16px;
   flex-direction: column;
   align-items: center;
   padding: 40px 32px;
   display: flex;
   box-shadow: 0 2px 16px #0000000f
}

body.zs-p-product-detail .zs-step__number {
   color: #fff;
   background: #0071e3;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   width: 48px;
   height: 48px;
   margin-bottom: 14px;
   font-size: 21px;
   font-weight: 600;
   display: inline-flex
}

.zs-step__icon {
   justify-content: center;
   align-items: center;
   margin-bottom: 14px;
   display: inline-flex
}

.zs-step__icon svg {
   color: #0071e3;
   width: 28px;
   height: 28px
}

.zs-step__title {
   color: #1d1d1f;
   margin: 0 0 12px;
   font-size: 21px;
   font-weight: 600
}

.zs-step__desc {
   color: #424245;
   flex: 1;
   margin: 0;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

.zs-step__time {
   color: #0071e3;
   margin-top: 16px;
   font-size: 13px;
   font-weight: 600;
   display: inline-block
}

.zs-steps__cta {
   text-align: center
}

@media (width<=767px) {
   .zs-order__section {
      padding: 56px 24px
   }
}

@media (width<=767px) {
   body.zs-p-product-detail .zs-steps__row {
      grid-template-columns: 1fr;
      gap: 24px
   }
}

.zs-related__products-link {
   color: #06c;
   font-size: 15px;
   text-decoration: none
}

body.zs-p-product-detail .zs-format__strip {
   border: 1px solid #e5e5ea;
   border-radius: 12px;
   margin: 32px 0 0;
   overflow: hidden
}

.zs-format__strip-row {
   scroll-margin-top: calc(var(--header-height, 80px) + 10px);
   background: #fff;
   border-bottom: 1px solid #e5e5ea;
   grid-template-columns: 260px 1fr;
   align-items: start;
   gap: 24px;
   padding: 20px 24px;
   transition: background .2s;
   display: grid
}

.zs-format__strip-row:last-child {
   border-bottom: none
}

.zs-format__strip-row:nth-child(2n) {
   background: #f5f5f7
}

.zs-format__strip-row:target {
   background: #0071e314;
   box-shadow: inset 4px 0 #0071e3
}

.zs-format__strip-name {
   color: #1d1d1f;
   align-items: center;
   gap: 8px;
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   display: flex
}

.zs-format__strip-icon {
   color: #0071e3;
   flex-shrink: 0;
   width: 20px;
   height: 20px
}

.zs-format__strip-desc {
   color: #424245;
   margin: 0;
   font-size: 14px;
   line-height: 1.5
}

@media (width<=767px) {
   .zs-format__strip-row {
      grid-template-columns: 1fr;
      gap: 6px;
      padding: 16px 18px
   }
}

body.zs-p-product-detail .zs-format__detail-grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin: 32px 0 0;
   display: grid
}

body.zs-p-product-detail .zs-format__detail-card {
   scroll-margin-top: calc(var(--header-height, 80px) + 10px);
   background: #fff;
   border-radius: 12px;
   flex-direction: column;
   display: flex;
   overflow: hidden
}

.zs-format__detail-image {
   aspect-ratio: 10/7;
   overflow: hidden
}

.zs-format__detail-image img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

body.zs-p-product-detail .zs-format__detail-body {
   padding: 20px
}

.zs-format__detail-title {
   color: #1d1d1f;
   align-items: center;
   gap: 8px;
   margin: 0 0 12px;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.3;
   display: flex
}

.zs-format__detail-icon {
   color: #0071e3;
   flex-shrink: 0;
   width: 20px;
   height: 20px
}

.zs-format__detail-spec,
.zs-format__detail-use,
.zs-format__detail-pair {
   color: #424245;
   margin: 0 0 8px;
   font-size: 14px;
   line-height: 1.5
}

.zs-format__detail-pair {
   margin-bottom: 0
}

.zs-format__detail-spec strong,
.zs-format__detail-use strong,
.zs-format__detail-pair strong {
   color: #1d1d1f;
   font-weight: 600
}

.zs-format__detail-card:target {
   outline-offset: 2px;
   outline: 2px solid #0071e3
}

@media (width<=1023px) {
   .zs-format__detail-grid {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {
   .zs-format__detail-grid {
      grid-template-columns: 1fr
   }
}

body.zs-p-product-detail .zs-format__deepdive {
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin: 32px 0 0;
   display: grid
}

body.zs-p-product-detail .zs-format__deepdive-row {
   scroll-margin-top: calc(var(--header-height, 80px) + 10px);
   background: #fff;
   border-radius: 12px;
   flex-direction: column;
   display: flex;
   overflow: hidden
}

.zs-format__deepdive-image {
   aspect-ratio: 10/7;
   overflow: hidden
}

.zs-format__deepdive-image img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

.zs-format__deepdive-body {
   padding: 20px
}

.zs-format__deepdive-title {
   color: #1d1d1f;
   align-items: center;
   gap: 8px;
   margin: 0 0 12px;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.3;
   display: flex
}

.zs-format__deepdive-icon {
   color: #0071e3;
   flex-shrink: 0;
   width: 20px;
   height: 20px
}

.zs-format__deepdive-desc {
   color: #424245;
   margin: 0 0 8px;
   font-size: 14px;
   line-height: 1.5
}

.zs-format__deepdive-desc:last-child {
   margin-bottom: 0
}

.zs-format__deepdive-desc strong {
   color: #1d1d1f;
   font-weight: 600
}

.zs-format__deepdive-row:target {
   outline-offset: 2px;
   outline: 2px solid #0071e3
}

@media (width<=1023px) {
   .zs-format__deepdive {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {
   .zs-format__deepdive {
      grid-template-columns: 1fr
   }
}

.zs-mini__compare {
   background: #fff;
   border: 1px solid #e5e5ea;
   border-radius: 12px;
   margin: 24px 0 32px;
   padding: 16px 20px
}

.zs-mini__compare summary {
   color: #06c;
   cursor: pointer;
   font-size: 15px;
   font-weight: 600;
   list-style: none
}

.zs-mini__compare summary::-webkit-details-marker {
   display: none
}

.zs-mini__compare summary:before {
   content: "+";
   color: #0071e3;
   width: 1.2em;
   font-weight: 700;
   display: inline-block
}

.zs-mini__compare[open] summary:before {
   content: "−"
}

.zs-mini__compare-table {
   border-collapse: collapse;
   width: 100%;
   margin-top: 16px
}

body.zs-p-product-detail .zs-mini__compare-table th,
body.zs-p-product-detail .zs-mini__compare-table td {
   text-align: left;
   border-bottom: 1px solid #0000000f;
   padding: 8px 12px;
   font-size: 14px
}

body.zs-p-product-detail .zs-mini__compare-table th {
   color: #6e6e73;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600
}

.zs-mini__compare-table tbody tr:last-child td {
   border-bottom: none
}

.zs-mini__compare-table a {
   color: #06c;
   text-decoration: none
}

.zs-mini__compare-table a:hover {
   text-decoration: underline
}

@media (width<=639px) {
   .zs-section__heading {
      font-family: var(--font-serif);
      font-size: 24px
   }
}

.zs-comparison__table-wrapper {
   -webkit-overflow-scrolling: touch;
   margin: 0 0 24px;
   overflow-x: auto
}

.zs-comparison__table {
   border-collapse: collapse;
   width: 100%;
   min-width: 640px
}

.zs-comparison__table th {
   letter-spacing: -.016em;
   color: #1d1d1f;
   text-align: left;
   white-space: nowrap;
   border-bottom: 2px solid #d2d2d7;
   padding: 12px 16px;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.29
}

.zs-comparison__table td {
   letter-spacing: -.022em;
   color: #424245;
   border-bottom: 1px solid #0000000f;
   padding: 12px 16px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

.zs-comparison__table tbody th {
   letter-spacing: -.022em;
   color: #1d1d1f;
   text-align: left;
   text-transform: none;
   white-space: nowrap;
   border-bottom: 1px solid #0000000f;
   padding: 12px 16px;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.47
}

.zs-comparison__table tbody tr:last-child td {
   border-bottom: none
}

.zs-comparison__label {
   color: #1d1d1f;
   font-weight: 600
}

.zs-comparison__table th:nth-child(2),
.zs-comparison__table td:nth-child(2) {
   background-color: #f0f7ff
}

.zs-guide__link {
   letter-spacing: -.022em;
   color: #6e6e73;
   margin: 0;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

.zs-guide__link a {
   color: #06c;
   text-underline-offset: .14em;
   text-decoration: underline
}

.zs-guide__link a:hover {
   text-decoration: underline
}

body.zs-p-product-detail .zs-specs__grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-bottom: 32px;
   display: grid
}

body.zs-p-product-detail .zs-specs__card {
   background-color: #fff;
   border-radius: 12px;
   overflow: hidden
}

.zs-specs__card-image {
   aspect-ratio: 2;
   overflow: hidden
}

.zs-specs__card-image img {
   object-fit: cover;
   width: 100%;
   height: 100%
}

body.zs-p-product-detail .zs-specs__card-content {
   padding: 24px
}

.zs-specs__card-title {
   letter-spacing: .011em;
   color: #1d1d1f;
   margin: 0 0 16px;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.19
}

.zs-specs__card-table {
   border-collapse: collapse;
   width: 100%
}

.zs-specs__card-table th {
   letter-spacing: .04em;
   text-transform: uppercase;
   color: #515154;
   text-align: left;
   border-bottom: 1px solid #d2d2d7;
   padding: 6px 0;
   font-size: 12px;
   font-weight: 600
}

.zs-specs__card-table td {
   letter-spacing: -.016em;
   color: #424245;
   border-bottom: 1px solid #0000000f;
   padding: 8px 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.43
}

.zs-specs__card-table tbody tr:last-child td {
   border-bottom: none
}

.zs-specs__bottom {
   text-align: center
}

.zs-specs__note {
   letter-spacing: -.022em;
   color: #6e6e73;
   max-width: 680px;
   margin: 0 auto 20px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

@media (width<=1023px) {
   .zs-specs__grid {
      grid-template-columns: 1fr 1fr
   }
}

@media (width<=639px) {
   .zs-specs__grid {
      grid-template-columns: 1fr
   }
}

.zs-why__layout {
   grid-template-columns: 2fr 3fr;
   align-items: start;
   gap: 40px;
   margin-bottom: 32px;
   display: grid
}

body.zs-p-product-detail .zs-why__image-col {
   border-radius: 16px;
   overflow: hidden
}

body.zs-p-product-detail .zs-why__image-col img {
   border-radius: 16px;
   width: 100%;
   height: auto;
   display: block
}

@media (width>=1180px) {
   .zs-why__image-col {
      top: calc(var(--header-height, 80px) + 8px);
      max-height: calc(100vh - var(--header-height, 80px) - 32px);
      align-self: start;
      position: sticky
   }
}

@media (width>=1180px) {
   .zs-why__image-col img {
      max-height: calc(100vh - var(--header-height, 80px) - 32px);
      object-fit: cover;
      object-position: center
   }
}

.zs-why__cards-col {
   flex-direction: column;
   gap: 20px;
   display: flex
}

body.zs-p-product-detail .zs-why__card {
   background-color: #fff;
   border-radius: 12px;
   padding: 32px 24px
}

.zs-why__card-title {
   letter-spacing: .011em;
   color: #1d1d1f;
   margin: 0 0 12px;
   font-size: 21px;
   font-weight: 600;
   line-height: 1.19
}

body.zs-p-product-detail .zs-why__card-desc {
   letter-spacing: -.022em;
   color: #424245;
   margin: 0;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.47
}

body.zs-p-product-detail .zs-why__quote-card {
   background-color: #fff;
   border-radius: 12px;
   padding: 40px 32px;
   position: relative
}

.zs-why__quote-mark {
   color: #0071e3;
   font-size: 72px;
   font-weight: 700;
   line-height: 1;
   position: absolute;
   top: 16px;
   left: 32px
}

.zs-why__quote-text {
   letter-spacing: -.016em;
   color: #1d1d1f;
   border: none;
   margin: 24px 0 16px;
   padding-left: 0;
   font-size: 21px;
   font-style: italic;
   font-weight: 400;
   line-height: 1.38
}

.zs-why__quote-author {
   color: #6e6e73;
   margin: 0;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.47
}

@media (width<=767px) {
   .zs-why__layout {
      grid-template-columns: 1fr
   }
}

@media (width<=767px) {
   .zs-why__image-col {
      order: -1
   }
}

body.zs-p-product-detail .zs-industry__grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-bottom: 32px;
   display: grid
}

body.zs-p-product-detail .zs-industry__card {
   background-color: #fff;
   border-radius: 12px;
   overflow: hidden
}

.zs-industry__image {
   aspect-ratio: 10/7;
   overflow: hidden
}

.zs-industry__image img {
   object-fit: cover;
   width: 100%;
   height: 100%
}

body.zs-p-product-detail .zs-industry__body {
   padding: 20px
}

.zs-industry__title {
   color: #1d1d1f;
   margin: 0 0 6px;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.24
}

.zs-industry__desc {
   letter-spacing: -.016em;
   color: #515154;
   margin: 0 0 8px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.43
}

.zs-industry__link {
   color: #06c;
   font-size: 14px;
   font-weight: 400;
   text-decoration: none
}

.zs-industry__link:hover {
   text-decoration: underline
}

.zs-related__products {
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
   display: flex
}

.zs-related__products-label {
   color: #1d1d1f;
   margin: 0;
   font-size: 15px;
   font-weight: 600
}

.zs-related__products-link {
   color: #06c;
   font-size: 15px;
   font-weight: 400;
   text-decoration: none
}

.zs-related__products-link:hover {
   text-decoration: underline
}

.zs-related__products-sep {
   color: #6e6e73;
   font-size: 15px
}

@media (width<=1023px) {
   .zs-industry__grid {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {
   .zs-industry__grid {
      grid-template-columns: 1fr
   }
}

.zs-key__takeaways-list {
   grid-template-columns: repeat(2, 1fr);
   gap: 12px 32px;
   margin: 0 0 16px;
   padding: 0;
   list-style: none;
   display: grid
}

.zs-key__takeaways-list li {
   letter-spacing: -.022em;
   color: #1d1d1f;
   padding-left: 22px;
   font-size: 15px;
   line-height: 1.47;
   position: relative
}

.zs-key__takeaways-list li:before {
   content: "→";
   color: #0071e3;
   font-weight: 600;
   position: absolute;
   top: 0;
   left: 0
}

@media (width<=767px) {
   .zs-key__takeaways-list {
      grid-template-columns: 1fr
   }
}

.zs-design__philosophy {
   text-align: center;
   max-width: 880px;
   margin: 0 auto;
   padding: 8px 24px
}

.zs-design__philosophy-heading {
   letter-spacing: -.025em;
   color: #1d1d1f;
   margin: 0 0 20px;
   font-size: clamp(28px, 4vw, 40px);
   font-weight: 200;
   line-height: 1.2
}

.zs-design__philosophy-statement {
   color: #424245;
   margin: 0;
   font-size: clamp(16px, 2vw, 19px);
   font-style: italic;
   font-weight: 300;
   line-height: 1.6
}

@media (width<=767px) {
   .zs-design__philosophy {
      padding: 0 16px
   }
}

@media (width<=767px) {
   .zs-design__philosophy-heading {
      margin-bottom: 16px
   }
}

body.zs-p-product-detail .zs-narrative__card-grid {
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin: 28px 0 24px;
   display: grid
}

.zs-narrative__card-grid--two-col {
   grid-template-columns: repeat(2, 1fr)
}

body.zs-p-product-detail .zs-narrative__card {
   background: #fff;
   border: 1px solid #e5e5ea;
   border-radius: 12px;
   flex-direction: column;
   gap: 10px;
   padding: 24px 26px;
   display: flex
}

.zs-narrative__card-title {
   color: #1d1d1f;
   align-items: center;
   gap: 10px;
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.35;
   display: flex
}

.zs-narrative__card-body {
   color: #424245;
   margin: 0;
   font-size: 14px;
   line-height: 1.6
}

.zs-narrative__card-body strong {
   color: #1d1d1f;
   font-weight: 600
}

.zs-narrative__card-outro {
   color: #424245;
   max-width: 760px;
   margin: 8px 0 0;
   font-size: 14px;
   line-height: 1.6
}

.zs-narrative__card-grid--numbered {
   counter-reset: narrative-step
}

.zs-narrative__card-grid--numbered .zs-narrative__card {
   counter-increment: narrative-step;
   position: relative
}

body.zs-p-product-detail .zs-narrative__card-grid--numbered .zs-narrative__card-title:before {
   content: counter(narrative-step);
   color: #fff;
   background: #0071e3;
   border-radius: 50%;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   width: 28px;
   height: 28px;
   font-size: 13px;
   font-weight: 600;
   display: inline-flex
}

.zs-narrative__card--warning {
   background: #ff3b300a;
   border-left: 3px solid #ff3b30
}

.zs-narrative__card--warning .zs-narrative__card-title {
   color: #ff3b30
}

.zs-narrative__card-icon {
   color: #0071e3;
   flex-shrink: 0;
   width: 22px;
   height: 22px
}

@media (width<=1023px) {

   .zs-narrative__card-grid,
   .zs-narrative__card-grid--two-col {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (width<=639px) {

   .zs-narrative__card-grid,
   .zs-narrative__card-grid--two-col {
      grid-template-columns: 1fr
   }
}

.zs-designer__trade-strip {
   max-width: 800px;
   margin: 0 auto
}

.zs-designer__details {
   grid-template-columns: 1fr 1fr;
   gap: 32px;
   margin: 24px 0;
   display: grid
}

.zs-designer__detail-block ul {
   margin: 8px 0;
   padding-left: 20px;
   list-style: outside
}

.zs-designer__detail-block li {
   color: #424245;
   margin-bottom: 6px;
   font-size: 15px;
   line-height: 1.47
}

@media (width<=734px) {
   .zs-designer__details {
      grid-template-columns: 1fr;
      gap: 20px
   }
}

body.zs-p-product-detail .zs-hub__hero-image img,
body.zs-p-product-detail .zs-featured__image,
body.zs-p-product-detail .zs-featured__image img,
body.zs-p-product-detail .zs-why__image-col,
body.zs-p-product-detail .zs-why__image-col img {
   border-radius: 4px
}

body.zs-p-product-detail .zs-type__card,
body.zs-p-product-detail .zs-sport__format-card,
body.zs-p-product-detail .zs-why__card,
body.zs-p-product-detail .zs-project__card,
body.zs-p-product-detail .zs-project__testimonial,
body.zs-p-product-detail .zs-pricing__card,
body.zs-p-product-detail .zs-step__card,
body.zs-p-product-detail .zs-format__detail-card,
body.zs-p-product-detail .zs-format__deepdive-row,
body.zs-p-product-detail .zs-specs__card,
body.zs-p-product-detail .zs-industry__card,
body.zs-p-product-detail .zs-narrative__card {
   box-shadow: none;
   border-radius: 0
}

body.zs-p-product-detail .zs-types__grid,
body.zs-p-product-detail .zs-sports__formats,
body.zs-p-product-detail .zs-why__grid,
body.zs-p-product-detail .zs-project__grid,
body.zs-p-product-detail .zs-testimonials__grid,
body.zs-p-product-detail .zs-pricing__grid,
body.zs-p-product-detail .zs-steps__row,
body.zs-p-product-detail .zs-format__detail-grid,
body.zs-p-product-detail .zs-format__deepdive,
body.zs-p-product-detail .zs-specs__grid,
body.zs-p-product-detail .zs-industry__grid,
body.zs-p-product-detail .zs-narrative__card-grid {
   border-top: 1px solid #1d1d1f;
   gap: 0
}

body.zs-p-product-detail .zs-type__card,
body.zs-p-product-detail .zs-sport__format-card,
body.zs-p-product-detail .zs-why__card,
body.zs-p-product-detail .zs-project__card,
body.zs-p-product-detail .zs-project__testimonial,
body.zs-p-product-detail .zs-pricing__card,
body.zs-p-product-detail .zs-step__card,
body.zs-p-product-detail .zs-format__detail-card,
body.zs-p-product-detail .zs-format__deepdive-row,
body.zs-p-product-detail .zs-specs__card,
body.zs-p-product-detail .zs-industry__card,
body.zs-p-product-detail .zs-narrative__card {
   background: 0 0;
   border: 1px solid #e5e5e7;
   border-top: 0;
   border-left: 0
}

body.zs-p-product-detail .zs-type__card:hover,
body.zs-p-product-detail .zs-sport__format-card:hover {
   box-shadow: none;
   transform: none
}

body.zs-p-product-detail .zs-type__body,
body.zs-p-product-detail .zs-format__detail-body,
body.zs-p-product-detail .zs-specs__card-content,
body.zs-p-product-detail .zs-industry__body {
   padding: 20px 18px 24px
}

body.zs-p-product-detail .zs-why__card,
body.zs-p-product-detail .zs-pricing__card,
body.zs-p-product-detail .zs-step__card,
body.zs-p-product-detail .zs-narrative__card {
   padding: 28px
}

body.zs-p-product-detail .zs-project__card {
   background: #111
}

body.zs-p-product-detail .zs-project__testimonial {
   background: 0 0;
   border-top: 1px solid #333
}

body.zs-p-product-detail .zs-pricing__card,
body.zs-p-product-detail .zs-step__card {
   text-align: left
}

body.zs-p-product-detail .zs-pricing__icon,
body.zs-p-product-detail .zs-step__card {
   align-items: flex-start
}

body.zs-p-product-detail .zs-pricing__icon {
   justify-content: flex-start
}

body.zs-p-product-detail .zs-step__number {
   color: #0071e3;
   letter-spacing: .08em;
   background: 0 0;
   border-radius: 0;
   width: auto;
   height: auto;
   font-size: 13px;
   display: inline-block
}

body.zs-p-product-detail .zs-format__strip {
   border-left: 0;
   border-right: 0;
   border-radius: 0
}

body.zs-p-product-detail .zs-why__quote-card {
   border-top: 1px solid #1d1d1f;
   border-bottom: 1px solid #d2d2d7;
   border-radius: 0
}

body.zs-p-product-detail .zs-narrative__card-grid--numbered .zs-narrative__card-title:before {
   color: #0071e3;
   background: 0 0;
   border-radius: 0;
   width: auto;
   height: auto
}

@media (width<=639px) {

   .zs-types__grid,
   .zs-sports__formats,
   .zs-sports__formats--3col,
   .zs-why__grid,
   .zs-project__grid,
   .zs-testimonials__grid,
   .zs-pricing__grid,
   .zs-pricing__grid--four-tier,
   .zs-steps__row,
   .zs-format__detail-grid,
   .zs-format__deepdive,
   .zs-specs__grid,
   .zs-industry__grid,
   .zs-narrative__card-grid,
   .zs-narrative__card-grid--two-col {
      scroll-snap-type: x mandatory;
      overscroll-behavior-inline: contain;
      scrollbar-width: thin;
      gap: 16px;
      padding-bottom: 14px;
      display: flex;
      overflow-x: auto
   }
}

@media (width<=639px) {

   body.zs-p-product-detail .zs-type__card,
   body.zs-p-product-detail .zs-sport__format-card,
   body.zs-p-product-detail .zs-why__card,
   body.zs-p-product-detail .zs-project__card,
   body.zs-p-product-detail .zs-project__testimonial,
   body.zs-p-product-detail .zs-pricing__card,
   body.zs-p-product-detail .zs-step__card,
   body.zs-p-product-detail .zs-format__detail-card,
   body.zs-p-product-detail .zs-format__deepdive-row,
   body.zs-p-product-detail .zs-specs__card,
   body.zs-p-product-detail .zs-industry__card,
   body.zs-p-product-detail .zs-narrative__card {
      scroll-snap-align: start;
      border-right: 0;
      flex: 0 0 84%
   }
}

@media (width<=639px) {
   .zs-why__layout .zs-why__cards-col {
      scroll-snap-type: x mandatory;
      flex-direction: row;
      gap: 16px;
      display: flex;
      overflow-x: auto
   }
}

@media (width<=639px) {
   .zs-why__layout .zs-why__card {
      flex: 0 0 84%
   }
}

@media (width<=639px) {

   body.zs-p-product-detail .zs-type__body,
   body.zs-p-product-detail .zs-format__detail-body,
   body.zs-p-product-detail .zs-specs__card-content,
   body.zs-p-product-detail .zs-industry__body,
   body.zs-p-product-detail .zs-why__card,
   body.zs-p-product-detail .zs-pricing__card,
   body.zs-p-product-detail .zs-step__card,
   body.zs-p-product-detail .zs-narrative__card {
      padding: 22px 0
   }
}

@media (width<=639px) {
   .zs-project__body {
      padding: 18px
   }
}

.zs-hub__faq-wrapper {
   background: #fff
}

.zs-mahjong__brief {
   color: #1d1d1f;
   background: #f5f5f7;
   border: 1px solid #d2d2d7;
   border-radius: 16px;
   max-width: 1080px;
   margin: 32px auto;
   padding: 28px
}

.zs-mahjong__brief-head {
   justify-content: space-between;
   align-items: flex-start;
   gap: 24px;
   margin-bottom: 20px;
   display: flex
}

.zs-mahjong__brief-eyebrow {
   color: #06c;
   letter-spacing: .08em;
   text-transform: uppercase;
   margin: 0 0 6px;
   font-size: 12px;
   font-weight: 700
}

.zs-mahjong__brief h2 {
   letter-spacing: -.02em;
   margin: 0;
   font-size: clamp(24px, 3vw, 34px);
   line-height: 1.12
}

.zs-mahjong__brief-download {
   color: #fff;
   background: #06c;
   border-radius: 999px;
   flex: none;
   justify-content: center;
   align-items: center;
   min-height: 44px;
   padding: 0 18px;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   display: inline-flex
}

.zs-mahjong__brief-download:hover {
   background: #004f9e
}

.zs-mahjong__brief ol {
   counter-reset: brief;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px 28px;
   margin: 0;
   padding: 0;
   list-style: none;
   display: grid
}

.zs-mahjong__brief li {
   counter-increment: brief;
   border-top: 1px solid #d2d2d7;
   grid-template-columns: 28px 110px 1fr;
   align-items: baseline;
   gap: 8px;
   padding: 10px 0;
   font-size: 14px;
   line-height: 1.45;
   display: grid
}

.zs-mahjong__brief li:before {
   content: counter(brief, decimal-leading-zero);
   color: #06c;
   font-size: 12px;
   font-weight: 700
}

.zs-mahjong__brief li strong {
   font-weight: 650
}

.zs-mahjong__brief li span {
   color: #515154
}

.zs-mahjong__brief-note {
   color: #515154;
   margin: 18px 0 0;
   font-size: 13px;
   line-height: 1.45
}

@media (width<=720px) {
   .zs-mahjong__brief {
      margin: 24px;
      padding: 22px
   }
}

@media (width<=720px) {
   .zs-mahjong__brief-head {
      flex-direction: column
   }
}

@media (width<=720px) {
   .zs-mahjong__brief ol {
      grid-template-columns: 1fr
   }
}

@media (width<=720px) {
   .zs-mahjong__brief li {
      grid-template-columns: 28px 96px 1fr
   }
}

.zs-spec__at-a-glance {
   width: 100%;
   color: var(--color-near-black);
   border-radius: var(--radius-card);
   box-shadow: var(--shadow-soft);
   border: 1px solid #00000014;
   margin: 1.5rem 0
}

.zs-spec__at-a-glance--light {
   background: var(--hero-gradient)
}

.zs-spec__at-a-glance--white {
   background: #fff
}

.zs-spec__at-a-glance--dark {
   color: #fff;
   background: var(--color-dark-surface);
   border-color: #ffffff1f
}

.zs-spec__at-a-glance--compact {
   padding: 20px 18px
}

.zs-spec__at-a-glance--standard {
   padding: 28px 22px
}

.zs-spec__grid {
   grid-template-columns: repeat(4, 1fr);
   align-items: center;
   gap: 1.5rem;
   display: grid
}

.zs-spec__cell {
   text-align: center;
   opacity: 1;
   border-right: 1px solid #80808033;
   padding: .4rem .6rem
}

.zs-spec__cell:last-child {
   border-right: none
}

.zs-spec__num {
   color: inherit;
   letter-spacing: -.02em;
   margin-bottom: .3rem;
   font-size: 1.9rem;
   font-weight: 600;
   line-height: 1.1
}

.zs-spec__label {
   color: #424245;
   letter-spacing: -.016em;
   font-size: .875rem;
   font-weight: 400
}

.zs-spec__at-a-glance--compact .zs-spec__num {
   font-size: 1.5rem
}

.zs-spec__at-a-glance--dark .zs-spec__label {
   color: #d2d2d7
}

@media (width<=720px) {
   .zs-spec__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem
   }
}

@media (width<=720px) {
   .zs-spec__cell {
      border-bottom: none;
      border-right: none
   }
}

@media (width<=720px) {
   .zs-spec__cell:nth-child(odd) {
      border-right: 1px solid #80808033
   }
}

@media (width<=720px) {

   .zs-spec__cell:first-child,
   .zs-spec__cell:nth-child(2) {
      border-bottom: 1px solid #80808033;
      padding-bottom: 1rem
   }
}

@media (width<=720px) {

   .zs-spec__cell:nth-child(3),
   .zs-spec__cell:nth-child(4) {
      padding-top: 1rem
   }
}

.zs-decision__nav {
   color: #fff;
   background: #111112;
   padding: 26px 24px 28px
}

.zs-decision__nav-inner {
   max-width: 1080px;
   margin: 0 auto
}

.zs-decision__nav-label {
   color: #a1a1a6;
   letter-spacing: .08em;
   text-transform: uppercase;
   margin: 0 0 14px;
   font-size: 13px;
   font-weight: 600
}

.zs-decision__nav-links {
   grid-template-columns: repeat(var(--decision-count), minmax(0, 1fr));
   display: grid
}

.zs-decision__nav-links a {
   color: #fff;
   border-left: 1px solid #3a3a3c;
   align-items: baseline;
   gap: 10px;
   min-height: 52px;
   padding: 14px 18px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.25;
   text-decoration: none;
   display: flex
}

.zs-decision__nav-links a:last-child {
   border-right: 1px solid #3a3a3c
}

.zs-decision__nav-links a:hover {
   background: #1d1d1f
}

.zs-decision__nav-links span {
   color: #6e6e73;
   letter-spacing: .06em;
   font-size: 12px
}

@media (width<=767px) {
   .zs-decision__nav {
      padding: 24px
   }
}

@media (width<=767px) {
   .zs-decision__nav-links {
      grid-template-columns: 1fr 1fr
   }
}

@media (width<=767px) {
   .zs-decision__nav-links a:nth-child(odd) {
      border-left: 1px solid #3a3a3c
   }
}

@media (width<=767px) {
   .zs-decision__nav-links a:nth-child(2n) {
      border-right: 1px solid #3a3a3c
   }
}

@media (width<=767px) {
   .zs-decision__nav-links a:nth-child(n+3) {
      border-top: 1px solid #3a3a3c
   }
}

@media (width<=639px) {
   .zs-decision__nav-links {
      grid-template-columns: 1fr
   }
}

@media (width<=639px) {

   .zs-decision__nav-links a,
   .zs-decision__nav-links a:nth-child(n) {
      border: 0;
      border-top: 1px solid #3a3a3c;
      min-height: 46px;
      padding: 12px 8px
   }
}

@media (width<=639px) {
   .zs-decision__nav-links a:last-child {
      border-bottom: 1px solid #3a3a3c
   }
}

body.zs-p-product-detail .zs-hub__hero-hook {
   font-style: normal
}

.zs-progressive__toggle {
   color: #1d1d1f;
   width: 100%;
   font: inherit;
   cursor: pointer;
   background: 0 0;
   border: 1px solid #b8b8bd;
   border-radius: 10px;
   margin-top: 30px;
   padding: 13px 18px;
   font-size: 15px;
   font-weight: 600;
   display: none
}

.zs-has-js .zs-progressive__toggle {
   display: block
}

.zs-has-js .zs-progressive__group:not(.zs-is-expanded) .zs-progressive__desktop-extra {
   display: none
}

.zs-progressive__toggle:hover {
   border-color: #1d1d1f
}

.zs-progressive__toggle--dark {
   color: #fff;
   border-color: #6e6e73
}

.zs-progressive__toggle--dark:hover {
   border-color: #fff
}

[id] {
   scroll-margin-top: 88px
}

.zs-reference__disclosure {
   background: #f7f7f5;
   border-top: 1px solid #00000014
}

.zs-reference__disclosure:nth-of-type(2n) {
   background: #fff
}

.zs-reference__disclosure>summary {
   color: #1d1d1f;
   cursor: pointer;
   grid-template-columns: 150px minmax(0, 1fr) minmax(240px, .65fr);
   align-items: center;
   gap: 24px;
   max-width: 1200px;
   min-height: 104px;
   margin: 0 auto;
   padding: 24px 58px 24px 24px;
   list-style: none;
   display: grid;
   position: relative
}

.zs-reference__disclosure>summary::-webkit-details-marker {
   display: none
}

.zs-reference__disclosure>summary:after {
   content: "+";
   text-align: center;
   border: 1px solid #b8b8bd;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   font-size: 22px;
   line-height: 27px;
   position: absolute;
   top: 50%;
   right: 24px;
   transform: translateY(-50%)
}

.zs-reference__disclosure[open]>summary:after {
   content: "−"
}

.zs-reference__disclosure>summary span {
   color: #6e6e73;
   letter-spacing: .08em;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600
}

.zs-reference__disclosure>summary strong {
   font-family: var(--font-serif);
   font-size: 23px;
   font-weight: 600;
   line-height: 1.15
}

.zs-reference__disclosure>summary small {
   color: #6e6e73;
   font-size: 14px;
   line-height: 1.4
}

@media (width<=639px) {
   .zs-has-js .zs-progressive__group:not(.zs-is-expanded) .zs-progressive__mobile-extra {
      display: none
   }
}

@media (width<=767px) {
   .zs-reference__disclosure>summary {
      grid-template-columns: 1fr;
      gap: 5px;
      min-height: 0;
      padding: 22px 58px 22px 24px
   }
}

@media (width<=767px) {
   .zs-reference__disclosure>summary strong {
      font-size: 21px
   }
}

@media (width<=767px) {

   body.zs-p-product-detail .zs-types__grid,
   body.zs-p-product-detail .zs-pricing__grid,
   body.zs-p-product-detail .zs-sports__formats,
   body.zs-p-product-detail .zs-project__grid,
   body.zs-p-product-detail .zs-steps__row {
      overscroll-behavior-inline: contain;
      scroll-snap-type: inline mandatory;
      scrollbar-width: none;
      gap: 16px;
      margin-right: -24px;
      padding: 4px 24px 18px 0;
      display: flex;
      overflow-x: auto
   }
}

@media (width<=767px) {
   .zs-types__grid::-webkit-scrollbar {
      display: none
   }
}

@media (width<=767px) {
   .zs-pricing__grid::-webkit-scrollbar {
      display: none
   }
}

@media (width<=767px) {
   .zs-sports__formats::-webkit-scrollbar {
      display: none
   }
}

@media (width<=767px) {
   .zs-project__grid::-webkit-scrollbar {
      display: none
   }
}

@media (width<=767px) {
   .zs-steps__row::-webkit-scrollbar {
      display: none
   }
}

@media (width<=767px) {

   .zs-types__grid>,
   .zs-pricing__grid>,
   .zs-sports__formats>,
   .zs-project__grid>,
   .zs-steps__row> {
      scroll-snap-align: start;
      flex: 0 0 min(82vw, 320px)
   }
}

@media (width<=767px) {
   .zs-project__grid> {
      flex-basis: min(78vw, 306px)
   }
}

body.zs-p-product-detail .zs-inquiry__field input,
body.zs-p-product-detail .zs-inquiry__field select,
body.zs-p-product-detail .zs-inquiry__field textarea {
   letter-spacing: -.022em;
   color: #1d1d1f;
   box-sizing: border-box;
   background-color: #fff;
   border: 1px solid #d2d2d7;
   border-radius: 8px;
   outline: none;
   width: 100%;
   min-height: 40px;
   padding: 10px 14px;
   font-family: inherit;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.4;
   transition: border-color .2s, box-shadow .2s
}

body.zs-p-product-detail .zs-inquiry__field textarea {
   resize: vertical;
   min-height: 112px
}

@media (width<=639px) {

   body.zs-p-product-detail .zs-inquiry__field input,
   body.zs-p-product-detail .zs-inquiry__field select,
   body.zs-p-product-detail .zs-inquiry__field textarea {
      min-height: 40px;
      padding: 8px 14px
   }
}

@media (width<=639px) {
   body.zs-p-product-detail .zs-inquiry__field textarea {
      min-height: 88px
   }
}

@media (width<=639px) and (height<=720px) {

   body.zs-p-product-detail .zs-inquiry__field input,
   body.zs-p-product-detail .zs-inquiry__field select,
   body.zs-p-product-detail .zs-inquiry__field textarea {
      min-height: 36px;
      padding-top: 7px;
      padding-bottom: 7px
   }
}

@media (width<=639px) and (height<=720px) {
   body.zs-p-product-detail .zs-inquiry__field textarea {
      min-height: 72px
   }
}

.zs-anat__label {
   font: 500 14px system-ui, -apple-system, sans-serif;
   fill: #424245
}

.zs-anat__label-strong {
   font: 600 15px system-ui, -apple-system, sans-serif;
   fill: #1d1d1f
}

.zs-anat__leader {
   stroke: #86868b;
   stroke-width: 1;
   fill: none
}

.zs-anat__pmma {
   fill: #f3f5f8;
   stroke: #5a93cf;
   stroke-width: 1.5
}

.zs-anat__laser {
   fill: none;
   stroke: #c47b1f;
   stroke-width: 2
}

.zs-anat__uv-ink {
   fill: #2f7a3a;
   stroke: none
}

.zs-anat__bevel-arc {
   fill: none;
   stroke: #6b6b73;
   stroke-width: 1;
   stroke-dasharray: 3 3
}

.zs-ch__label {
   font: 500 13px system-ui, -apple-system, sans-serif;
   fill: #424245
}

.zs-ch__label-strong {
   font: 600 14px system-ui, -apple-system, sans-serif;
   fill: #1d1d1f
}

.zs-ch__pmma-square {
   fill: #fbeeed;
   stroke: #c97070;
   stroke-width: 1.5
}

.zs-ch__pmma-bevel {
   fill: #eef7ee;
   stroke: #5fa067;
   stroke-width: 1.5
}

.zs-ch__arrow {
   stroke: #6b6b73;
   stroke-width: 1.2;
   fill: none;
   marker-end: url(#ch-arrowhead)
}

.zs-ch__light-ray {
   stroke: #f0b800;
   stroke-width: 2;
   fill: none;
   opacity: 0.7
}

/* ============================================================
   Product Detail Gallery — multi-image with thumbnails & zoom
   ============================================================ */
.zs-gallery {
   width: 100%;
   outline: none
}

/* 大图：固定 1:1 画框（商品图多为正方形），不同比例图片居中完整显示，切换时不跳动 */
.zs-gallery__main {
   position: relative;
   border-radius: 16px;
   overflow: hidden;
   background: #f5f5f7;
   box-shadow: 0 0 0 1px #0000000f, 0 12px 32px -16px #0000002e
}

.zs-gallery__zoom-wrap {
   position: relative;
   overflow: hidden;
   aspect-ratio: 1 / 1;
   cursor: zoom-in
}

.zs-gallery__main-img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
   transition: opacity .25s, transform .2s
}

/* 覆盖 body.zs-p-product-detail .zs-hub__hero-image img 的 height:auto / 圆角，否则大图按原高度溢出被裁切 */
body.zs-p-product-detail .zs-hub__hero-image .zs-gallery__zoom-wrap .zs-gallery__main-img,
body.zs-p-product-detail .zs-hub__hero-image .zs-gallery__thumb img {
   width: 100%;
   height: 100%;
   max-width: none;
   border-radius: 0
}

body.zs-p-product-detail .zs-hub__hero-image .zs-gallery__zoom-wrap .zs-gallery__main-img {
   object-fit: contain
}

body.zs-p-product-detail .zs-hub__hero-image .zs-gallery__thumb img {
   object-fit: cover
}

.zs-gallery__main-img.is-loading {
   opacity: .35
}

@media (hover: hover) and (pointer: fine) {
   .zs-gallery__zoom-wrap:hover .zs-gallery__main-img {
      transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
      transform: scale(2)
   }
}

@media (hover: none) {
   .zs-gallery__zoom-wrap {
      cursor: default
   }
}

/* 左右箭头：悬停大图时显示，触屏设备常显 */
.zs-gallery__nav {
   position: absolute;
   top: 50%;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   padding: 0;
   color: #1d1d1f;
   background: #ffffffe0;
   border: 0;
   border-radius: 50%;
   box-shadow: 0 2px 10px #00000026;
   backdrop-filter: blur(8px);
   cursor: pointer;
   opacity: 0;
   transform: translateY(-50%);
   transition: opacity .2s, background-color .2s
}

.zs-gallery__nav--prev {
   left: 12px
}

.zs-gallery__nav--next {
   right: 12px
}

.zs-gallery__main:hover .zs-gallery__nav,
.zs-gallery__nav:focus-visible {
   opacity: 1
}

.zs-gallery__nav:hover {
   background: #fff
}

.zs-gallery__nav:focus-visible,
.zs-gallery__thumb:focus-visible {
   outline: 2px solid #0071e3;
   outline-offset: 2px
}

@media (hover: none) {
   .zs-gallery__nav {
      opacity: 1;
      width: 34px;
      height: 34px
   }
}

.zs-gallery__count {
   position: absolute;
   right: 12px;
   bottom: 12px;
   z-index: 2;
   padding: 3px 10px;
   color: #fff;
   background: #1d1d1fa6;
   border-radius: 999px;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: .02em;
   font-variant-numeric: tabular-nums;
   pointer-events: none
}

/* 缩略图：每行 5 张铺满大图宽度，超出横向滚动 */
.zs-gallery__thumbs {
   display: flex;
   gap: 10px;
   margin-top: 12px;
   padding: 2px 2px 6px;
   overflow-x: auto;
   scroll-snap-type: x proximity;
   scrollbar-width: thin;
   scrollbar-color: #d2d2d7 transparent
}

.zs-gallery__thumb {
   position: relative;
   flex: 0 0 calc((100% - 40px) / 5);
   aspect-ratio: 1 / 1;
   padding: 0;
   background: #fff;
   border: 1px solid #e8e8ed;
   border-radius: 10px;
   overflow: hidden;
   cursor: pointer;
   scroll-snap-align: start;
   transition: border-color .2s, box-shadow .2s
}

.zs-gallery__thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   opacity: .72;
   transition: opacity .2s, transform .3s
}

.zs-gallery__thumb:hover {
   border-color: #b8b8bf
}

.zs-gallery__thumb:hover img {
   opacity: 1;
   transform: scale(1.04)
}

.zs-gallery__thumb.is-active {
   border-color: #0071e3;
   box-shadow: 0 0 0 1px #0071e3
}

.zs-gallery__thumb.is-active img {
   opacity: 1
}

@media (width<=767px) {
   .zs-gallery__thumbs {
      gap: 8px
   }

   .zs-gallery__thumb {
      flex-basis: calc((100% - 24px) / 4.3);
      border-radius: 8px
   }
}

/* ---------- 详情页编辑器正文（{$t.content}）：标题 / 段落 / 表格 ---------- */
.zs-pd__content {
   color: #424245;
   letter-spacing: -.016em;
   font-size: 17px;
   line-height: 1.6;
   margin: 0 0 48px;
   overflow-wrap: anywhere
}

.zs-pd__content span {
   text-decoration: none !important
}

.zs-pd__content h2 {
   font-family: var(--font-serif);
   color: #1d1d1f;
   letter-spacing: -.015em;
   border-top: 1px solid #d2d2d7;
   margin: 56px 0 20px;
   padding-top: 28px;
   font-size: 30px;
   font-weight: 600;
   line-height: 1.18;
   scroll-margin-top: 88px
}

.zs-pd__content>h2:first-child,
.zs-pd__content>div:first-child>h2:first-child {
   border-top: 0;
   margin-top: 8px;
   padding-top: 0
}

.zs-pd__content h3 {
   color: #1d1d1f;
   letter-spacing: -.01em;
   border-left: 3px solid #0071e3;
   margin: 32px 0 10px;
   padding-left: 12px;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.3
}

.zs-pd__content h2+h3 {
   margin-top: 20px
}

.zs-pd__content h4 {
   color: #1d1d1f;
   margin: 24px 0 8px;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.35
}

.zs-pd__content h2 strong,
.zs-pd__content h3 strong,
.zs-pd__content h4 strong {
   font-weight: inherit
}

.zs-pd__content h2 a,
.zs-pd__content h3 a,
.zs-pd__content h4 a {
   color: inherit;
   text-decoration: none
}

.zs-pd__content p {
   margin: 0 0 16px
}

.zs-pd__content h2+p {
   color: #1d1d1f
}

.zs-pd__content a {
   color: #06c;
   text-underline-offset: 2px;
   text-decoration: underline
}

.zs-pd__content p a strong,
.zs-pd__content li a strong,
.zs-pd__content td a strong {
   font-weight: 500
}

.zs-pd__content ul,
.zs-pd__content ol {
   margin: 0 0 18px;
   padding-left: 22px
}

.zs-pd__content li+li {
   margin-top: 6px
}

.zs-pd__content img {
   max-width: 100%;
   height: auto;
   border-radius: 8px
}

/* 表格：外包容器负责圆角与横向滚动；兼容 thead/th 与 UEditor 的 tr.firstRow 表头 */
.zs-pd__table-wrap {
   -webkit-overflow-scrolling: touch;
   border: 1px solid #d2d2d7;
   border-radius: 12px;
   margin: 20px 0 32px;
   overflow-x: auto;
   background: #fff
}

.zs-pd__content table {
   border-collapse: collapse;
   border: 0;
   width: 100% !important;
   min-width: 480px;
   margin: 0;
   font-size: 15px;
   line-height: 1.47
}

.zs-pd__content caption {
   caption-side: top;
   color: #6e6e73;
   text-align: left;
   padding: 12px 16px 0;
   font-size: 13px
}

.zs-pd__content th,
.zs-pd__content td {
   text-align: left !important;
   vertical-align: top;
   border: 0;
   border-bottom: 1px solid #e8e8ed;
   padding: 12px 16px;
   color: #424245
}

.zs-pd__content thead th,
.zs-pd__content tr.firstRow td,
.zs-pd__content tr.firstRow th {
   color: #1d1d1f;
   background: #f5f5f7;
   border-bottom: 1px solid #d2d2d7;
   letter-spacing: .04em;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
   white-space: nowrap
}

.zs-pd__content tbody th,
.zs-pd__content tbody tr:not(.firstRow) td:first-child {
   color: #1d1d1f;
   font-weight: 600;
   white-space: nowrap;
   width: 32%
}

.zs-pd__content tbody tr:not(.firstRow):nth-child(2n+1) td,
.zs-pd__content tbody tr:not(.firstRow):nth-child(2n+1) th {
   background: #fafafb
}

.zs-pd__content tbody tr:not(.firstRow):hover td,
.zs-pd__content tbody tr:not(.firstRow):hover th {
   background: #f0f7ff
}

.zs-pd__content tbody tr:last-child td,
.zs-pd__content tbody tr:last-child th {
   border-bottom: 0
}

.zs-pd__content+.zs-guide__link {
   border-top: 1px solid #e8e8ed;
   padding-top: 24px
}

@media (width<=639px) {
   .zs-pd__content {
      font-size: 16px
   }

   .zs-pd__content h2 {
      margin-top: 44px;
      padding-top: 22px;
      font-size: 24px
   }

   .zs-pd__content h3 {
      font-size: 18px
   }

   .zs-pd__content th,
   .zs-pd__content td {
      padding: 10px 12px;
      font-size: 14px
   }

   .zs-pd__content tbody th,
   .zs-pd__content tbody tr:not(.firstRow) td:first-child {
      white-space: normal
   }
}