/** Shopify CDN: Minification failed

Line 1346:0 Expected "}" to go with "{"

**/
/* banner */
.h12-pro-flexreach-banner.common-section-container {
    padding-bottom: min(160px, 8.333333vw);
  }
  
  /* image layout */
  .h12-pro-flexreach-img-layout.common-section-container {
    padding-bottom: min(350px, 18.229167vw);
  }
  
  .h12-pro-flexreach-img-layout .item-container .pc-layout {
    display: grid;
    row-gap: clamp(10px, 0.85vw, 30px);
  }
  
  @media (min-width: 750px) {
    .h12-pro-flexreach-img-layout .item-cell-1 {
      --gap: clamp(10px, 0.85vw, 30px);
      --percent: 57.75%;
      display: grid;
      grid-template-columns: var(--percent) calc(
          100% - var(--percent) - var(--gap)
        );
      column-gap: var(--gap);
    }
  
    .h12-pro-flexreach-img-layout .item-cell-2 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: clamp(10px, 0.85vw, 30px);
    }
  
    .h12-pro-flexreach-img-layout .item-cell-3 {
      --gap: clamp(10px, 0.85vw, 30px);
      --percent: 32.416667%;
      display: grid;
      grid-template-columns: var(--percent) calc(
          100% - var(--percent) - var(--gap)
        );
      gap: var(--gap);
    }
  
    .h12-pro-flexreach-img-layout .item-cell-3 .item-6 {
      grid-row: span 2;
    }
  }
  
  @media (max-width: 850px) and (min-width: 750px) {
    .h12-pro-flexreach-img-layout .item-container .pc-layout .common-small--hide {
      display: block;
    }
  
    .h12-pro-flexreach-img-layout .item-container .pc-layout .common-pc--hide {
      display: none;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout {
      display: none;
    }
  }
  
  .h12-pro-flexreach-img-layout.common-img-layout .p-relative .text {
    left: 0;
    padding: 0 min(24px, 1.25vw);
  }
  
  .h12-pro-flexreach-img-layout.common-img-layout-size
    .item-container
    .common-title {
    line-height: 1.3 !important;
    font-family: var(--misanslatin-demibold);
  }
  
  .h12-pro-flexreach-img-layout.common-img-layout-size
    .item-container
    .common-title
    strong {
    font-size: clamp(18px, 1.666667vw, 32px) !important;
    font-family: var(--misanslatin);
  }
  
  @media (min-width: 750px) {
    .h12-pro-flexreach-img-layout.common-img-layout-size
      .item-container
      .common-title
      strong {
      display: block;
      margin-bottom: 5px;
    }
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-img-layout .item-container .pc-layout {
      display: none;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: min(16px, 4.102564vw);
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-5,
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-8 {
      display: none;
    }
  
    .h12-pro-flexreach-img-layout.common-img-layout .p-relative .text {
      width: 100%;
      text-align: center;
    }
  
    .h12-pro-flexreach-img-layout.common-img-layout-size
      .item-container
      .common-title {
      font-size: 5.128205vw !important;
      margin-bottom: 0;
    }
  
    .h12-pro-flexreach-img-layout.common-img-layout-size
      .item-container
      .common-title
      strong {
      font-size: 5.128205vw !important;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-7 {
      order: 3;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-6 {
      order: 4;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-3 {
      order: 5;
    }
  
    .h12-pro-flexreach-img-layout .item-container .m-layout .item-cell-4 {
      order: 6;
    }
  }
  
  /* common media video */
  .h12-pro-flexreach-text {
    background: linear-gradient(
        90deg,
        rgba(250, 250, 250, 0) 0%,
        rgba(250, 250, 250, 0.2) 100%
      ),
      linear-gradient(0deg, #8c6636, #8c6636), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  
  .h12-pro-flexreach-text.big-text {
    /* margin-bottom: min(240px, 9.375vw); */
    margin-bottom: min(140px, 8vw);
    /* margin-top: min(270px, 10.546875vw); */
    margin-top: min(140px, 8vw);
  }
  
  .h12-pro-flexreach-commom-media-viedo-block-1.common-section-container {
    /* padding-top: min(160px, 8.333333vw); */
    padding-bottom: min(160px, 8.333333vw);
  }
  .h12-pro-flexreach-media-video6
    .common-section-container.h12-pro-flexreach-commom-media-viedo-block-1 {
    padding-top: 0;
  }
  .h12-pro-flexreach-media-video5 .additional_content {
    text-align: left;
  }
  
  .h12-pro-flexreach-media-video5 .additional_content .common-tips {
    color: rgba(121, 121, 121, 0.8);
  }
  
  .h12-pro-flexreach-media-video5 .h12-pro-flexreach-text.big-text {
    margin-top: 0;
      padding-top: min(160px, 8.333333vw);
  }
  
  @media (min-width: 1001px) {
    .h12-pro-flexreach-media-video5 .additional_content {
      display: none;
    }
  }
  
  @media (max-width: 1000px) {
    .h12-pro-flexreach-text.big-text {
      display: none;
    }
  
    .h12-pro-flexreach-media-video5 .media-video-text {
      text-align: left;
    }
  
    .main-content .h12-pro-flexreach-media-video5 div .common-subtitle {
      color: rgba(255, 255, 255, 0.8);
    }
  
    .h12-pro-flexreach-media-video5 .additional_content {
      margin-top: 12px;
    }
  }
  
  @media (max-width: 589px) {
    .h12-pro-flexreach-media-video5 div div .common-title {
      font-size: 28px !important;
    }
  
    .main-content .h12-pro-flexreach-media-video5 div .common-title {
      margin-bottom: 20px;
    }
  
    .main-content
      .h12-pro-flexreach-media-video5
      div
      .common-title
      + .common-subtitle {
      margin-bottom: 32px;
    }
  
    .h12-pro-flexreach-media-video5 div div .common-subtitle,
    .h12-pro-flexreach-media-video8 div div .common-subtitle {
      font-size: 16px !important;
    }
  
    .h12-pro-flexreach-commom-media-viedo-block-1.common-section-container {
      margin-bottom: 28.461538vw;
    }
  }
  
  /* scroll magic */
  .h12-flexreach-swiper1 .featured-outer {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
  }
  
  @media (min-width: 1200px) {
    .h12-flexreach-swiper1 .featured-outer .common-wrapper {
      width: 61.5vw;
    }
  }
  
  .h12-flexreach-swiper1 .featured-outer .common-wrapper > div {
    margin-top: 15%;
  }
  
  @media (min-width: 1001px) {
    .h12-flexreach-swiper1 .featured-outer .common-wrapper .common-tips {
      display: none;
    }
  }
  
  @media only screen and (max-width: 850.1px) and (min-width: 750px) {
    .h12-flexreach-swiper1 .featured-outer .common-wrapper > div {
      max-width: 100%;
      margin-top: 50%;
    }
  
    .h12-flexreach-swiper1 .image-element__wrap img {
      transform: translateY(-10%);
    }
  }
  
  @media only screen and (max-width: 749px) {
    .h12-flexreach-swiper1 .featured-outer .common-wrapper {
      padding-inline: 10px;
    }
  
    .h12-flexreach-swiper1 .featured-outer .common-wrapper > div {
      margin-top: 30%;
    }
  
    .h12-flexreach-swiper1 .featured-outer .common-wrapper .common-title {
      font-size: 28px !important;
      margin-bottom: 32px !important;
    }
  
    .h12-flexreach-swiper1 .featured-outer .common-wrapper .common-subtitle {
      font-size: 16px !important;
      color: rgba(255, 255, 255, 0.8) !important;
    }
  
    .h12-flexreach-swiper1 .featured-outer .common-wrapper .common-tips {
      color: rgba(121, 121, 121, 0.8);
      font-size: 14px !important;
    }
  }
  
  /* image with text 2 */
  @media (min-width: 1001px) {
    .h12-pro-flexreach-image-with-text-title-flex .media-video-text {
      display: flex;
      align-items: center;
      gap: min(80px, 4.166667vw);
    }
  
    .h12-pro-flexreach-image-with-text-title-flex .media-video-text {
      margin-bottom: min(60px, 3.125vw);
    }
  
    .h12-pro-flexreach-image-with-text-title-flex
      .media-video-text
      .common-title {
      flex: 1 0 46.666667%;
      margin-bottom: 0;
    }
  
    .h12-pro-flexreach-image-with-text-title-flex
      .media-video-text
      .common-subtitle {
      margin-bottom: 0 !important;
    }
  }
  
  /* image text swiper */
  .h12-flexreach-swiper2 .featured-outer .common-wrapper > div {
    text-align: center;
  }
  
  .main-content .h12-flexreach-swiper2 div .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
  }
  
  .h12-flexreach-swiper2 .featured-box .common-subtitle {
    margin-bottom: 0 !important;
    margin-top: min(32px, 1.666667vw);
    padding-inline: min(8px, 0.416667vw);
    font-size: min(18px, 0.9375vw) !important;
  }
  
  @media (max-width: 1100px) {
    .h12-flexreach-swiper2 .featured-box .common-subtitle {
      font-size: 14px !important;
    }
  }
  
  @media (min-width: 1001px) {
    .h12-flexreach-swiper2 div .common-product-swiper-container .swiper-button {
      display: none;
    }
  }
  
  @media (max-width: 749px) {
    .h12-flexreach-swiper2 .featured-outer .common-wrapper {
      padding-inline: 0;
    }
  
    .main-content .h12-flexreach-swiper2 div .common-title {
      font-size: 28px !important;
    }
  
    .main-content .h12-flexreach-swiper2 div .common-title + .common-subtitle {
      font-size: 16px !important;
    }
  
    .h12-flexreach-swiper2 .featured-outer .common-wrapper > div,
    .main-content .h12-flexreach-swiper2 div .common-subtitle {
      text-align: left;
    }
  
    .h12-flexreach-swiper2 > .common-wrapper {
      padding-inline: 0;
    }
  
    .h12-flexreach-swiper2 .featured-outer {
      padding-inline: 20px;
    }
  
    .h12-flexreach-swiper2 .featured-box {
      padding-inline: 20px;
      overflow: hidden;
    }
  
    .h12-flexreach-swiper2 .featured-box .swiper-container {
      overflow: visible;
    }
  
    .main-content .h12-flexreach-swiper2 div .content .common-subtitle {
      font-size: 16px !important;
      padding-inline: 8px;
    }
  
    .h12-flexreach-swiper2 .featured-box .content {
      margin-top: 32px !important;
    }
  
    .h12-flexreach-swiper2 .featured-box .content .common-subtitle {
      margin-top: 0;
    }
  
    .h12-flexreach-swiper2 div .common-product-swiper-container .swiper-button {
      display: block;
    }
  
    .h12-flexreach-swiper2 .featured-box .featured-box-wrapper {
      padding-top: 64px;
    }
  
    .h12-flexreach-swiper2 div .common-product-swiper-container .swiper-button {
      display: block;
      top: 0;
      left: unset;
      width: 32px;
      height: 32px;
      background: unset;
    }
  
    .h12-flexreach-swiper2
      div
      .common-product-swiper-container
      .swiper-button
      svg {
      width: inherit;
    }
  
    .h12-flexreach-swiper2
      div
      .common-product-swiper-container
      .swiper-button-prev {
      right: 44px;
      transform: rotateY(180deg);
    }
  
    .h12-flexreach-swiper2
      div
      .common-product-swiper-container
      .swiper-button-next {
      right: 0;
    }
  }
  
  /* middle part banner */
  .h12-pro-flexreach-middle-part-banner-section .custom_html_box {
    position: absolute;
    bottom: min(80px, 4.166667vw);
    width: 100%;
  }
  
  .h12-pro-flexreach-middle-part-banner-bottom-text-contaienr {
    display: flex;
    gap: min(70px, 3.645833vw);
    justify-content: center;
  }
  
  .h12-pro-flexreach-middle-part-banner-bottom-text-title {
    font-size: min(26px, 1.354167vw);
    margin-bottom: min(16px, 0.833333vw);
  }
  
  .h12-pro-flexreach-middle-part-banner-bottom-text-title ~ p {
    font-size: min(16px, 0.833333vw);
    color: #000;
    margin-bottom: 0;
  }
  
  .h12-pro-flexreach-middle-part-banner-section
    .common-media-item
    .prtext-wrapper
    .hero__text-content
    .common-title {
    margin-top: min(100px, 5.208333vw);
    color: #1a1a1a;
  }
  
  @media (max-width: 1100px) {
    .h12-pro-flexreach-middle-part-banner-bottom-text-title {
      font-size: 26px;
    }
  
    .h12-pro-flexreach-middle-part-banner-bottom-text-title {
      font-size: 18px;
    }
  
    .h12-pro-flexreach-middle-part-banner-bottom-text-title ~ p {
      font-size: 14px;
    }
  }
  
  @media (min-width: 1001px) {
    .h12-pro-flexreach-middle-part-banner-mb:not(.h12-pro-flexreach-swiper4) {
      display: none;
    }
  }
  
  @media (max-width: 1000px) {
    .h12-pro-flexreach-middle-part-banner-section {
      display: none;
    }
  
    .h12-pro-flexreach-middle-part-banner-mb .pfi-inner .content {
      margin-top: 32px;
    }
  
    .main-content
      .h12-pro-flexreach-middle-part-banner-mb
      div
      .content
      .common-title {
      font-size: 22px !important;
      padding-inline: 8px;
      margin-bottom: 20px;
      text-align: left;
    }
  
    .h12-flexreach-swiper2.h12-pro-flexreach-middle-part-banner-mb
      .featured-box
      .common-subtitle {
      margin-top: 0;
      margin-bottom: 0 !important;
      padding-inline: 8px;
    }
  }
  
  /* image with text with icon */
  .h12-pro-flexreach-media-video6 .additional_content {
    margin-top: min(20px, 1.041667vw);
  }
  
  .h12-pro-flexreach-image-text-4-custom-container {
    display: flex;
    justify-content: space-between;
    gap: min(20px, 1.041667vw);
    padding-inline: min(16px, 0.833333vw);
  }
  
  .h12-pro-flexreach-image-text-4-custom-item {
    margin-block: min(16px, 0.833333vw);
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: min(8px, 0.416667vw);
  }
  
  .h12-pro-flexreach-image-text-4-custom-item p {
    color: rgba(255, 255, 255, 0.8);
    font-size: min(24px, 1.25vw);
    line-height: 1.2;
    font-family: var(--misanslatin-semibold);
    margin-bottom: 0;
  }
  
  .h12-pro-flexreach-image-text-4-custom-item img {
    height: auto;
  }
  
  @media (min-width: 1001px) {
    .h12-pro-flexreach-image-text-4-custom-item img {
      width: min(72px, 3.75vw);
    }
  }
  
  @media (max-width: 1100px) {
    .h12-pro-flexreach-image-text-4-custom-item p {
      font-size: 14px;
    }
  }
  
  @media (max-width: 1100px) and (min-width: 900px) {
    .h12-pro-flexreach-image-text-4-custom-container {
      justify-content: space-evenly;
    }
  }
  
  @media (max-width: 1000px) {
    .h12-pro-flexreach-image-text-4-custom-item {
      gap: 4px;
    }
  
    .h12-pro-flexreach-image-text-4-custom-item img {
      width: 55px;
    }
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-media-video6 .additional_content {
      margin-top: 0;
      padding: 16px;
      background: rgba(235, 235, 235, 0.8);
      border-radius: 0 0 16px 16px;
    }
  
    .h12-pro-flexreach-image-text-4-custom-container {
      gap: 16px;
      padding-inline: 0;
      flex-direction: column;
    }
  
    .h12-pro-flexreach-image-text-4-custom-item {
      margin-block: 8px;
    }
  
    .h12-pro-flexreach-image-text-4-custom-item img {
      width: 48px;
    }
  
    .h12-pro-flexreach-image-text-4-custom-item p {
      font-size: 20px;
      color: #1a1a1a;
    }
  
    .h12-pro-flexreach-media-video6 .image-element__wrap img {
      border-radius: 16px 16px 0 0;
    }
  }
  
  /* image with text swiper 4 */
  .h12-pro-flexreach-swiper4 .featured-box .content {
    margin-top: min(32px, 1.666667vw);
    /* padding-inline: min(8px, 0.416667vw); */
  }
  
  @media (min-width: 1001px) {
    .main-content .h12-pro-flexreach-swiper4 div .featured-box .common-title {
      font-size: min(32px, 1.666667vw) !important;
      padding-inline: min(8px, 0.416667vw);
      margin-bottom: 0;
    }
    .main-content .h12-pro-flexreach-swiper4 div .featured-box .common-subtitle {
      margin: 10px 0 0;
    }
  
    .h12-pro-flexreach-swiper4 .featured-box .additional_content_01 {
      display: none;
    }
  }
  
  @media (max-width: 749px) {
    .main-content .h12-pro-flexreach-swiper4 div .featured-box {
      display: flex;
      flex-direction: column-reverse;
    }
  
    .main-content
      .h12-pro-flexreach-swiper4
      div
      .featured-box
      .additional_content_01 {
      margin-bottom: 20px;
    }
  
    .h12-flexreach-swiper2.h12-pro-flexreach-swiper4
      .featured-box
      .swiper-container {
      padding-bottom: 0;
    }
  
    .h12-flexreach-swiper2 .featured-box .common-tips {
      color: rgba(121, 121, 121, 0.8);
    }
    .main-content .h12-pro-flexreach-media-video5 {
      padding-top: 28.461538vw;
    }
  }
  
  /* product featured */
  @media (min-width: 1001px) {
    .h12-pro-flexreach-featured-01 .common-featured-box {
      gap: min(40px, 2.083333vw);
    }
  
    .h12-pro-flexreach-featured-01 .common-featured-box .common-featured-item {
      padding-inline: 0;
    }
  
    .main-content
      .h12-pro-flexreach-featured-01
      div
      .common-header
      .common-title {
      margin-bottom: min(60px, 3.125vw);
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-container
      .pfi-inner
      .common-title {
      font-size: min(32px, 1.666667vw) !important;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-container
      .pfi-inner
      .image
      + .common-title {
      margin-top: min(32px, 1.666667vw);
      margin-bottom: min(32px, 1.666667vw);
    }
  
    .h12-pro-flexreach-featured-01
      .main-content
      div
      .common-title
      + .common-subtitle {
      margin-bottom: 0;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-container
      .pfi-inner
      .common-subtitle {
      font-size: min(18px, 0.9375vw);
    }
  }
  
  @media (max-width: 1000px) {
    .h12-pro-flexreach-featured-01 .common-featured-box {
      flex-direction: column;
    }
  
    .h12-pro-flexreach-featured-01 .common-featured-box .common-featured-item {
      width: 100%;
      padding-inline: 0;
    }
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-featured-01 .common-header {
      text-align: left;
      margin-bottom: 72px;
    }
  
    .h12-pro-flexreach-featured-01 .common-featured-box .common-featured-item {
      margin-bottom: 72px;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner {
      display: flex;
      text-align: left;
      flex-direction: column;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner
      .image {
      order: 2;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-container
      .pfi-inner
      .image
      + .common-title {
      margin-top: 0;
      margin-bottom: 20px;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner
      .common-title {
      font-size: 22px !important;
      /* font-family: var(--misanslatin-semibold); */
      font-family: var(--misanslatin-medium);
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner
      .common-subtitle {
      margin-bottom: 32px;
    }
  
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner
      .common-title,
    .h12-pro-flexreach-featured-01
      .common-featured-box
      .common-featured-item
      .pfi-inner
      .common-subtitle {
      padding-inline: 8px;
    }
  }
  
  /* white background */
  .h12-pro-flexreach-bg-white {
    background-color: #fff;
  }
  
  .h12-pro-flexreach-media-video7 .common-banner-title .h12-pro-flexreach-text {
    color: #000;
    background: initial;
    -webkit-text-fill-color: initial;
    text-fill-color: initial;
    -webkit-background-clip: initial;
    background-clip: initial;
    /* padding-top: min(350px, 13.671875vw); */
    padding-top: min(150px, 8vw);
    margin-top: 0;
  }
  
  .main-content .color-black div .common-title {
    color: #1a1a1a;
  }
  
  .main-content .color-black div .common-subtitle {
    color: rgba(26, 26, 26, 0.8);
    font-family: var(--misanslatin-medium);
  }
  
  .h12-pro-flexreach-media-video7 .h12-pro-flexreach-image-text-4-custom-item p {
    color: #1a1a1a;
  }
  
  .h12-pro-flexreach-media-video7
    .h12-pro-flexreach-image-text-4-custom-container {
    margin-top: min(20px, 1.041667vw);
  }
  
  .h12-pro-flexreach-media-video7.h12-pro-flexreach-media-video5
    .common-section-container {
    padding-bottom: min(160px, 8.333333vw);
  }
  
  @media (max-width: 1000px) {
    .main-content
      .h12-pro-flexreach-media-video7
      .media-video-text
      .common-title {
      padding-top: 72px;
    }
  }
  
  @media (max-width: 749px) {
    .main-content .h12-pro-flexreach-media-video7 .media-video-text .common-title,
    .main-content
      .h12-pro-flexreach-media-video8
      .media-video-text
      .common-title {
      font-size: 28px !important;
    }
  
    .main-content
      .h12-pro-flexreach-media-video7
      .media-video-text
      .common-subtitle {
      color: rgba(0, 0, 0, 0.6);
    }
  
    .h12-pro-flexreach-media-video7:not(.h12-pro-flexreach-media-video5)
      .common-section-container {
      padding-top: 72px;
    }
  
    .h12-pro-flexreach-media-video7
      .h12-pro-flexreach-image-text-4-custom-container {
      padding: 16px;
      margin-top: 0;
      background-color: rgba(235, 235, 235, 0.8);
      border-radius: 0 0 16px 16px;
    }
  
    .h12-pro-flexreach-media-video7 .image-element__wrap img {
      border-radius: 16px 16px 0 0;
    }
  
    .h12-pro-flexreach-bg-white
      .h12-pro-flexreach-commom-media-viedo-block-1.common-section-container {
      margin-bottom: 0;
      padding-bottom: 28.461538vw;
    }
  
    .main-content
      .h12-pro-flexreach-media-video7
      .media-video-text
      .common-title {
      padding-top: 0;
    }
  }
  
  /* image with text 7 */
  .h12-pro-flexreach-media-video8
    .h12-pro-flexreach-image-text-4-custom-container {
    padding-top: min(20px, 1.041667vw);
  }
  
  .h12-pro-flexreach-media-video8 .h12-pro-flexreach-image-text-4-custom-item {
    text-align: center;
  }
  
  .h12-pro-flexreach-media-video8 .h12-pro-flexreach-image-text-4-custom-item p {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(8px, 0.416667vw);
  }
  
  @media (min-width: 750px) {
    .h12-pro-flexreach-media-video8
      .h12-pro-flexreach-image-text-4-custom-item
      p {
      font-size: min(36px, 1.875vw);
      background: linear-gradient(
          90deg,
          rgba(250, 250, 250, 0) 0%,
          rgba(250, 250, 250, 0.2) 100%
        ),
        linear-gradient(0deg, #8c6636, #8c6636), #000000;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
  }
  
  .h12-pro-flexreach-media-video8
    .h12-pro-flexreach-image-text-4-custom-item
    p
    span {
    color: rgba(26, 26, 26, 0.8);
    font-size: clamp(12px, 0.833333vw, 16px);
    background: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
    text-fill-color: initial;
    font-family: var(--misanslatin);
    font-weight: 380;
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-media-video8
      .h12-pro-flexreach-image-text-4-custom-item
      p {
      font-size: 28px;
    }
  
    .main-content
      .h12-pro-flexreach-media-video8
      .media-video-text
      div
      .common-title
      + .common-subtitle {
      margin-bottom: 32px;
    }
  
    .h12-pro-flexreach-media-video8
      .h12-pro-flexreach-image-text-4-custom-item
      p {
      gap: 4px;
      font-family: var(--misanslatin-bold);
    }
  
    .h12-pro-flexreach-media-video8
      .h12-pro-flexreach-image-text-4-custom-item
      p
      span {
      font-size: 14px;
      font-family: var(--misans-medium-style);
    }
  
    .h12-pro-flexreach-media-video8
      .h12-pro-flexreach-image-text-4-custom-container {
      padding: 16px;
      background: rgba(235, 235, 235, 0.8);
      border-radius: 0 0 16px 16px;
    }
  
    .h12-pro-flexreach-media-video8 .image-element__wrap img {
      border-radius: 16px 16px 0 0;
    }
  }
  
  /* package */
  .common-item-container .right-box .title {
    position: static;
  }
  
  .main-content .h12-pro-flexreach-item div .common-title {
    color: rgba(26, 26, 26, 1);
  }
  
  .h12-pro-flexreach-item.new-product-item .common-item-inner {
    /* grid-template-areas: unset; */
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: initial;
  }
  
  .h12-pro-flexreach-item.new-product-item .right-box .cell {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .main-content .h12-pro-flexreach-item div .common-title {
    margin-bottom: min(32px, 1.666667vw);
  }
  
  .h12-pro-flexreach-item.new-product-item .left-box .title {
    font-size: clamp(14px, 1.041667vw, 20px);
    color: #1a1a1a;
  }
  
  .h12-pro-flexreach-item.new-product-item .left-box .title span {
    font-size: clamp(12px, 0.833333vw, 16px);
    color: rgba(26, 26, 26, 0.8);
  }
  
  .h12-pro-flexreach-item .common-item-container .left-box .image-box {
    margin-bottom: min(16px, 0.833333vw);
  }
  
  .h12-pro-flexreach-item.new-product-item .right-box .title {
    color: #1a1a1a;
    margin-top: min(8px, 0.416667vw);
  }
  
  .h12-pro-flexreach-item.new-product-item .right-box .title span {
    margin-top: min(4px, 0.208333vw);
    color: rgba(26, 26, 26, 0.8);
  }
  
  .h12-pro-flexreach-item.new-product-item .right-box .cell .item .image {
    background: unset;
    border-radius: unset;
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-item.new-product-item .common-item-inner .left-box {
      display: block;
    }
  
    .h12-pro-flexreach-item.new-product-item .common-item-inner {
      gap: 0px;
    }
  
    .h12-pro-flexreach-item.new-product-item
      .common-item-inner
      .left-box-inner
      .item
      .common-pc--hide {
      display: none;
    }
  
    .h12-pro-flexreach-item.new-product-item
      .common-item-inner
      .left-box-inner
      .item
      .common-small--hide {
      display: block;
    }
  
    .h12-pro-flexreach-item.new-product-item
      .common-item-container
      .left-box
      .image-box {
      margin-bottom: 16px;
    }
  
    .h12-pro-flexreach-item.new-product-item .common-header {
      margin-bottom: 40px;
    }
  
    .h12-pro-flexreach-item.new-product-item .common-item-inner .text-box {
      margin-bottom: 0;
    }
  
    .h12-pro-flexreach-item.new-product-item .left-box .title {
      margin-bottom: 0;
      font-size: 16px;
    }
  
    .h12-pro-flexreach-item.new-product-item .left-box .title span {
      font-size: 16px;
    }
  
    .h12-pro-flexreach-item.new-product-item
      .common-item-inner
      .right-box
      .cell
      .title {
      font-size: 16px;
    }
  
    .h12-pro-flexreach-item.new-product-item .right-box .cell {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* specification */
  .h12-pro-flexreach-spec {
    --padding-block: 40px;
    --padding-inline: 40px;
    --radius: 16px;
  }
  
  .main-content .h12-pro-flexreach-spec div .common-title {
    color: #1a1a1a;
    text-align: center;
  }
  
  .h12-pro-flexreach-spec .common-spec-text-box {
    flex: 1 0 100%;
  }
  
  .main-content .h12-pro-flexreach-spec div .common-subtitle {
    color: rgba(26, 26, 26, 0.8);
    margin-bottom: 0 !important;
  }
  
  .h12-pro-flexreach-spec
    .common-content
    .item-content:nth-of-type(3)
    li:first-of-type {
    border-top: none;
  }
  
  .h12-pro-flexreach-spec .common-content .item-content {
    margin-bottom: 0 !important;
  }
  
  .h12-pro-flexreach-spec .common-content .item-content,
  .h12-pro-flexreach-spec .new-product-content-btn {
    background: var(--BG-2L_web_BG, rgba(235, 235, 235, 0.8));
  }
  
  .h12-pro-flexreach-spec .new-product-content-btn {
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    border-radius: 0 0 var(--radius) var(--radius);
  }
  
  .h12-pro-flexreach-spec .new-product-content-btn,
  .h12-pro-flexreach-item .new-product-content-btn {
    color: rgba(174, 125, 86, 1);
    font-weight: bold;
  }
  
  .h12-pro-flexreach-spec .new-product-content-btn path,
  .h12-pro-flexreach-item .new-product-content-btn path {
    stroke: rgba(174, 125, 86, 1);
    stroke-width: 4px;
  }
  
  .h12-pro-flexreach-spec .common-content .item-content:nth-of-type(2) {
    padding: var(--padding-block) var(--padding-inline) 0 var(--padding-inline);
    border-radius: var(--radius) var(--radius) 0 0;
  }
  
  .h12-pro-flexreach-spec
    .common-content
    .item-content:nth-of-type(2)
    li:first-of-type {
    border-top: none;
  }
  
  .h12-pro-flexreach-spec .common-content .item-content:nth-of-type(3) {
    padding: 0 var(--padding-inline) 0 var(--padding-inline);
    border-radius: 0;
    flex-direction: column;
  }
  
  .h12-pro-flexreach-spec .common-spec-content-item .common-content li {
    padding-block: 32px;
    padding-inline: 0;
    font-family: var(--misans-style);
  }
  
  .h12-pro-flexreach-spec
    .common-spec-content-item
    .common-content
    li
    span:first-child {
    font-size: 20px;
  }
  
  .h12-pro-flexreach-spec
    .common-spec-content-item
    .common-content
    li
    span:nth-child(2n) {
    font-size: 16px;
  }
  
  @media (max-width: 1000px) {
    .main-content .h12-pro-flexreach-spec div .common-subtitle {
      flex-direction: column;
    }
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-spec {
      --padding-inline: 16px;
    }
  
    .main-content .h12-pro-flexreach-spec div .common-title {
      margin-bottom: 32px;
    }
  
    .h12-pro-flexreach-spec .new-product-content-btn {
      padding-top: 20px;
    }
  
    .h12-pro-flexreach-spec .common-spec-content-item .common-content li {
      flex-direction: column;
      align-items: flex-start;
      padding-block: 16px;
    }
  
    .h12-pro-flexreach-spec
      .common-spec-content-item
      .common-content
      li
      span:first-child,
    .h12-pro-flexreach-spec
      .common-spec-content-item
      .common-content
      li
      span:nth-child(2n) {
      width: 100%;
    }
  
    div .common-section-container.h12-pro-flexreach-spec {
      padding-bottom: 20px;
    }
  }
  
  .h12-pro-flexreach-note {
    font-size: 20px;
    color: rgba(26, 26, 26, 1);
    margin-bottom: 24px;
    font-family: var(--misanslatin-semibold);
  }
  
  .h12-pro-flexreach-html div .common-wrapper {
    font-size: 14px;
    color: rgba(26, 26, 26, 0.6);
  }
  
  @media (max-width: 749px) {
    .h12-pro-flexreach-html {
      background-color: #efefef !important;
    }
  
    .h12-pro-flexreach-html div .common-wrapper {
      font-size: 12px;
    }
  
    div .common-section-container.h12-pro-flexreach-html {
      padding-block: 60px;
    }
    .h12-pro-flexreach-media-video6_1{
      padding-top:80px;
    }
    .h12-pro-flexreach-media-video5_1{
      padding-top:0 !important;
    }
      .main-content   .common-section-container {
          padding-bottom: 60px;
      }
  }

.common-item-container .right-box {
    flex: 0 1 100%;
    padding-left: 0px;
    margin-bottom: 0px;
}
/* .h12-pro-flexreach-item.common-item-container .left-box .item.item-0 {
    display: flex;
    flex-direction: column-reverse;
} */
.h12-pro-flexreach-item .common-item-inner .new-product-content-btn {
  margin:0 auto;
}
.main-content div .new-common-tabbar {
    background: #fff;
    color:#000;
}
/* .main-content div .common-subtitle {
    color: #000!important;
} */
/* .common-section-container .common-media-video-item .media-video-text .common-subtitle {
    color: #fff!important;
} */
 .common-tabbar .common-tabbar-buy .common-subtitle {
  color:unset!important;
 }
.h12-flexreach-swiper1 .featured-outer {
  top:60px;
}

 /* .main-content .new-common-tabbar .common-tabbar-productinfo big {
    color: #fff;
} */
@media screen and (min-width: 1300.1px) {
  .main-content div .common-wrapper {
    max-width: 1200px;
}
}
  @media screen and (max-width: 850.1px) {
  div
    .h12-pro-flexreach-item.common-item-container
    .common-item-inner
    .right-box
    .cell {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(8px, 1vw, 20px);
    row-gap: 16px;
  }
  .h12-pro-flexreach-item.common-item-container .left-box .item {
    display: flex;
    flex-direction: column-reverse;
}
  .h12-pro-flexreach-item.common-item-container .right-box {
    display: flex;
    flex-direction: column;
    .main-content .common-tabbar-outer-container .common-tabbar-container .common-tabbar-item{
      color:unset;
    }
}
@media screen and (max-width: 589px){
  div .common-item-container .right-box .title {
    font-size: 16px;
}
}
div .common-item-container .right-box .title {
    color:#000!important;
    text-align:left;
}
div .common-item-container .right-box .title>span {
    display:block;
}