main {
  --max-width: 1440px;
  --c-bg-1: #081b26;
  --c-bg-2: #08171e;
  --c-bg-3: #0A0A08;
  --c-bg-4: #081b26;

  [id*='__vbot_rich_text_'] {
    .rich-text__text {
      p {
        width: min(100%, 1080px);
        margin: 0 auto;
      }
    }
  }
}

/* features */
[id*='vbot_rich_text_enRCDN'] {
  background: linear-gradient(180deg, var(--c-bg-1), var(--c-bg-2))!important;
  .rich-text__heading {
    background: linear-gradient(90deg, #FFF 0%, #1E6491 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .rich-text__buttons {
    a {
      background-color: #1e6491;
      color: #fff;
      margin-top: 24px;
      font-size: var(--font-32-24);
      font-weight: 500;
    }
  }
}
@media screen and (max-width: 749px) {
  [id*='__vbot_rich_text_enRCDN'] {
    .rich-text__buttons a.button {
      font-size: 14px;
      padding: 12px 24px;
      line-height: 1.35;
    }
  }
}

/* overview */
[id*='__section_overview_4kRnPj'] {
  .page-layout {
    background: linear-gradient(180deg, var(--c-bg-2) 0%, var(--c-bg-3) 40%, var(--c-bg-4) 100%);
  }
  .section-overview-container {
    container-type: inline-size;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows:
      repeat(6, minmax(auto, 1fr))
      minmax(auto, 1fr)
      repeat(2, minmax(auto, 1fr));
    gap: clamp(10px, 2vw, 30px);
    max-width: 1440px;
    aspect-ratio: 505 / 1920;
  }

  .section-overview-item {
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(97deg, #0C2630 6.22%, #0D2D33 47.2%, #0C2630 94.58%);
  }

  .item1  { grid-area: 1 / 1 / 2 / 13; }
  .item2  { grid-area: 2 / 1 / 2 / 8; }
  .item3  { grid-area: 2 / 8 / 3 / 13; }
  .item4  { grid-area: 3 / 1 / 4 / 13; }
  .item5  { grid-area: 4 / 1 / 5 / 13; }
  .item6  { grid-area: 5 / 1 / 6 / 8; }
  .item7  { grid-area: 5 / 8 / 6 / 13; }
  .item8  { grid-area: 6 / 1 / 7 / 13; }
  .item9  { grid-area: 7 / 1 / 8 / 7; }
  .item10 { grid-area: 7 / 7 / 8 / 13; }
  .item11 { grid-area: 8 / 1 / 9 / 13; }
  .item12 { grid-area: 9 / 1 / 10 / 13; }

  @media (max-width: 767px) {
    .section-overview-title {
      display: none;
    }
    .section-overview-container {
      grid-template-areas: none !important;
      grid-template-columns: 1fr !important;
      grid-template-rows: auto;
      aspect-ratio: auto;
      gap: 14px;
      .section-overview-item {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        background: transparent;
        &:has(.section-overview-item-notes) {
          grid-template-rows: repeat(3, auto);
        }
        &:has(.section-overview-item-custom-content) {
          .section-overview-item-img {
            grid-row-start: 2 !important;
          }
        }
        .section-overview-item-text {
          position: static;
          order: 2;
          padding-left: 0;
          .section-overview-item-desc {
            p {
              font-size: 12px;
            }
          }
        }
        .section-overview-item-img {
          position: relative;
          order: 3;
        }
        .section-overview-item-notes {
          position: static;
          order: 2;
          padding-top: 0;
          padding-left: 20px;
          color: #fff;
        }
        .section-overview-item-icon {
          display: none;
        }
        .section-overview-item-custom-content {
          .MH09TR__ovitem--header {
            text-align: left !important;
          }
        }

        &:nth-child(1) {
          .section-overview-item-text {
              width: 100%;
          }
          .section-overview-item-notes {
            font-size: 12px;
            color: #fff;
            padding-left: 0;
            strong {
              font-size: 16px;
            }
          }
        }
        &:nth-child(6) {
          .section-overview-item-text {
            transform: unset;
            width: 100%;
            p {
              color: #fff;
            }
          }
        }
        &:nth-child(8) {
          .section-overview-item-custom-content {
            .MH09TR__ovitem--prod-8 > div {
              transform: unset;
              width: 100%;
              p {
                color: #fff;
              }
            }
          }
        }
      }
    }
    .section-overview-container > .section-overview-item {
      grid-area: auto;
      min-height: 180px;
    }
  }
  @media (max-width: 767px) {
    .grid-overview__blocks {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      aspect-ratio: auto;
      gap: 14px;
    }
    .grid-overview__blocks > .section-overview-item {
      grid-area: auto;
      min-height: 220px;
    }
  }

  .section-overview-item {
    .section-overview-item-text {
      bottom: unset;
      top: 20px;
      text-align: left;
      background: unset;
      .section-overview-item-title {
        background: linear-gradient(90deg, #fff -25.18%, #1e6491 123.61%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: var(--font-36-24);
        font-size: clamp(24px, 2.5cqw, 36px);
        font-weight: 600;
        line-height: 1.25;
        padding-bottom: 4px;
        width: 100%;
      }
      .section-overview-item-desc {
        max-width: unset;
        p {
          font-size: 18px;
        }
      }
    }
    &:has(.section-overview-item-custom-content) {
      display: grid;
      height: max-content;
      .section-overview-item-img,
      .section-overview-item-custom-content {
        grid-area: 1 / 1;
      }
      .section-overview-item-img {
        z-index: 1;
      }
      .section-overview-item-custom-content {
        z-index: 3;
      }
    }
    &:nth-child(1) {
      .section-overview-item-text {
        width: 45%;
      }
      .section-overview-item-notes {
        background: unset;
        font-size: 18px;
        color: #cbcbcb;
        strong {
          font-size: 28px;
        }
      }
    }
    &:nth-child(2),
    &:nth-child(3){
      .section-overview-item-text {
        top: unset;
        bottom: 0;
        .section-overview-item-title {
          font-size: var(--font-32-20);
        }
        .section-overview-item-desc {
          p {
            font-size: 12px;
          }
        }
      }
    }
    &:nth-child(4) {
      .section-overview-item-text {
        top: 8%;
        width: 50%;
        margin-left: auto;
        .section-overview-item-title {
          /* font-size: var(--font-60-24); */
        }
      }
    }
    &:nth-child(6) {
      .section-overview-item-text {
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        width: 50%;
        margin-left: auto;
        .section-overview-item-title {
          /* font-size: var(--font-60-24); */
        }
      }
    }
    &:nth-child(10) {
      .section-overview-item-text {
        top: unset;
        bottom: 0;
        .section-overview-item-title {
          /* font-size: var(--font-60-24); */
        }
      }
    }

    .section-overview-item-custom-content {
      [class*=MH09TR__ovitem--prod-] {
        /* position: absolute;
        inset: 0; */
        display: grid;
        grid-area: 1;
        h4 {
          font-size: var(--font-36-24);
          font-size: clamp(24px, 2.5cqw, 36px);
          background: linear-gradient(90deg, #FFF -17.07%, #1E6491 93.21%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
      .MH09TR__ovitem--prod-5,
      .MH09TR__ovitem--prod-11,
      .MH09TR__ovitem--prod-12 {
        .MH09TR__ovitem--header {
          text-align: center;
        }
      }
      .MH09TR__ovitem--prod-8 {
        > div {
          width: 45%;
          margin-left: auto;
          h4 {
            background: linear-gradient(90deg, #FEFEFE -23%, #1E6491 19.1%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          p {
            color: #325C78;
          }
        }
      }
    }
  }
}

/* 两列 */
[id*='vbot_rich_text_ygPqMt'] {
  .rich-text__text p {
    padding-top: 8px;
    padding-bottom: 12px;
    color: #999;
  }
  .rich-text__text p {
    padding-top: 16px;
    padding-bottom: 32px;
    color: #999;
    font-size: var(--font-24-16);
    strong {
      color: #333;
    }
  }
  .mhub-09tr-software {
    .MHUB09TR-softwares-item {
      display: grid;
      grid-template-columns: 1fr;
      aspect-ratio: 700 / 444;
      .MHUB09TR-softwares-item-img {
        grid-area: 1 / 1;
        order: 2;
      }
      .MHUB09TR-softwares-item-content {
        grid-area: 1 / 1;
        order: 3;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2rem;
        a {
          margin: 0 auto;
          padding: 12px 48px;
          border-radius: 50px;
          background: rgba(59, 172, 255, 0.3);
          backdrop-filter: blur(16px);
          color: #fff;
        }
      }
      &.MHUB09TR-softwares-item--rd {
        .MHUB09TR-softwares-item-content {
          a {
            border-radius: 50px;
            border: 1px solid #f1f1f1;
            background: #1e6491;
            backdrop-filter: blur(16px);
          }
        }
      }
    }
  }
}

/* home applications swiper */
[id*='__home_applications_swiper_xTjfNY'] {
  .page-layout {
    background: linear-gradient(180deg, #081b26 0%, #0a0a08 100%);
    .swiper-pagination {
      .swiper-pagination-bullet {
        background: #8b8b8b;
      }
    }
  }
}

/* in box */
[id*='__grid_overview_MPmzkh'] {
  .grid-overview__item-text-desc {
    color: #333;
    text-align: center;
  }
  .grid-overview__subtitle {
    padding-bottom: 32px;
  }
  .grid-overview__blocks {
    grid: 'item1' 'item2' 'item3' 'item4' 'item5' 'item6' 'item7' 'item8' 'item9' 'item10' 'item11' 'item12' 'item13' 'item14' 'item15';
  }
  @media (min-width: 750px) {
    .grid-overview__blocks {
      grid:
        'item1 item1 item2 item2'
        'item3 item4 item5 item6'
        'item7 item8 item9 item10'
        'item11 item12 item13 item14'
        'item15 . . .';
    }
  }

  .grid-overview__item {
    img {
      height: auto;
      border-radius: 8px;
    }
    .grid-overview__item-text {
      position: static;
      padding-top: 16px;
    }
  }
}

/* 参数表 */
.metrohub-09tr-specifications {
  text-align: left;
  overflow-x: auto;
  img {
    max-width: 50%;
  }
  table {
    border-collapse: collapse;
    min-width: 600px;
    th,
    td {
      border: 1px solid #ccc;
      vertical-align: middle;
      padding: var(--spacing-8) var(--spacing-6);
    }
    thead tr {
      background-color: #f8f8f8;
      color: #8b8b8b;
    }
    td {
      color: #8b8b8b;
      .MH09tr-specifications--first-tr {
        color: #222;
      }
    }
    .MH09tr-specifications--first-tr {
      color: #333;
    }
    &.table--Main {
      margin-bottom: 40px;
      tbody td {
        width: 50%;
      }
    }
    &.table--ScannerAndTracker {
      margin-bottom: 40px;
      tbody td {
        width: 25%;
      }
    }
  }
}
[id*='__apps_formBuilder'] {
  .globo-form-app h2.globo-heading {
    font-size: var(--font-48-24) !important;
  }
  .globo-form-app .header .description {
    font-size: var(--font-24-16) !important;
    color: #999 !important;
    width: min(100%, 100rem) !important;
    margin: 0 auto !important;
    padding-bottom: 24px;
  }
}
.gfb__footer button {
  width: 100%;
  max-width: 360px;
  --h: 52px;
  height: var(--h);
  line-height: var(--h);
  border-radius: var(--h) !important;
}

[id*='__multirow_'] .image-with-text:not(:last-child) {
  padding-bottom: 8rem;
}