/** Shopify CDN: Minification failed

Line 18:16 Expected identifier but found whitespace
Line 18:17 Unexpected "8px"
Line 33:0 Unexpected "}"

**/
.text-image-half-show-container.dark-theme {
  background: #1a1a1a;
}
.text-image-half-show-outer {
  display: flex;
  /* padding: 32px; */
  gap: calc(var(--pc-padding-1textpicture, 40px) * 2);
}
/* .text-image-half-show-image {
  /* flex-basis: 50%; */
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  &.image-size-L {
    width: 720px;
    height: 600px;
  }
  &.image-size-M {
    width: 600px;
    height: 480px;
  }
  &.image-size-S {
    width: 480px;
    height: 480px;
  }
} */

.text-image-half-show-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-image-half-show-image .text-image-show-image {
  aspect-ratio: 1;
}

.text-image-half-show-image .text-image-video {
  aspect-ratio: 1;
  height: 100%;
  object-fit: cover;
}

.text-image-half-show-content {
  flex-basis: 50%;
  display: flex;
  /* flex: 1; */
  flex-direction: column;
  justify-content: center;
  .text-image-info-box {
  }
  .text-image-half-show-block-box {
    .text-image-show-tips {
      border-top: none;
      margin: 0;
      padding: 0;
    }
  }
  &.content-justify-content-t_b {
    justify-content: space-between;
  }
  &.content-justify-content-c {
    justify-content: center;
  }
}

.text-image-half-show-block-box-item {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.text-image-half-show-block-box-item .text-icon-item {
  border-radius: 8px;
}

.text-image-half-show-block-box {
  --column-gap: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.text-image-half-show-block-box .text-icon-item {
  padding-block: 0;
  img {
    width: 72px;
    height: 72px;
    padding: 0;
    margin-bottom: 4px;
  }
  @media screen and (max-width: 1279px) {
    img {
      width: 48px;
      height: 48px;
    }
  }
}

.text-image-half-show-block-box .text-icon-item-text {
  font-size: 24px;
}

.text-image-half-show-block-box .text-icon-item-tips {
  font-size: 16px !important;
}

@media screen and (max-width: 1279px) {
  .text-image-half-show-block-box .text-icon-item-text {
    font-size: 20px;
  }
  .text-image-half-show-block-box .text-icon-item-tips {
    font-size: 14px !important;
  }
}

.text-icon-item .padding-1titletext{
  padding-bottom: 4px;
}

/* 
.text-image-half-show-block-box .text-icon-item-title {
  font-weight: 600;
  line-height: 140%;
} */

/* .text-image-half-show-block-box .has_image .text-icon-item-title {
  font-size: 16px;
}

.text-image-half-show-block-box > :not(.has_image) .text-icon-item-title {
  font-size: 24px;
} */

.text-image-half-show-block-box
  > :not(.text-image-show-image-box)
  > .text-image-show-tips {
  /* padding-top: 8px; */
}

.text-image-half-show-block-box > :not(.has_image) .text-icon-item {
  padding-inline: 0;
}

.text-image-half-show-block-box > :not(.has_image) .text-icon-item-tips {
  font-size: 14px;
  color: #777;
}

@media (min-width: 810px) and (max-width: 1199.9px) {
  .text-image-half-show-outer {
    padding: 0;
    /* gap: 16px; */
    flex-direction: row-reverse;
    gap: var(--pc-padding-1textpicture, 40px);
  }
.text-image-half-show-image {
    &.image-size-L {
        width: 600px;
        height: 480px !important;
    }
}

  .text-image-half-show-image.order_2 {
    order: initial;
  }

  .text-image-half-show-image .text-image-show-image {
    aspect-ratio: initial;
  }

  .text-image-half-show-image .text-image-video {
    aspect-ratio: initial;
    height: auto;
  }

  .text-image-half-show-content .text-image-info-box {
    order: 2;
  }

  .text-image-half-show-block-box > :not(.has_image) .text-icon-item {
    padding: 8px 4px;
    gap: 4px;
  }

  .text-image-half-show-block-box-item {
    gap: 8px;
  }

  .text-image-half-show-content {
    gap: 16px;
    padding-left: 0;
  }

  .text-image-half-show-block-box-item,
  .text-image-half-show-block-box .text-icon-item {
    padding-block: 8px;
  }

  .text-image-half-show-block-box .text-icon-item {
    padding-inline: 4px;
  }

  /* .text-image-half-show-content .text-image-show-tips {
        margin-top: 8px;
    } */
  /* 
  .text-image-half-show-block-box .has_image .text-icon-item-title {
    font-size: 14px;
    color: #777;
  } */

  .text-image-half-show-block-box-item.has_image {
    gap: 10px;
    padding-block: 0;
  }

  /* .text-image-half-show-block-box > :not(.has_image) .text-icon-item-title {
    font-size: 16px;
  }

  .text-image-half-show-block-box > :not(.has_image) .text-icon-item-tips {
    font-size: 12px;
  } */
}
@media screen and (min-width: 768px) {
  .text-image-half-show-block-box.show-in-pc {
    display: flex;
  }
  .text-image-half-show-block-box.show-in-mob {
    display: none;
  }
}
@media screen and (max-width: 809.9px) {
.text-image-half-show-outer {
    gap: 32px;
    flex-direction: column-reverse;
  }
  .text-image-half-show-image {
    order: 0;
    border-radius: 2px;
    overflow: hidden;
    width: 100% !important;
    height: calc(100vw - 2 * 16px) !important;
  }
  .text-image-half-show-block-box.show-in-pc {
    display: none;
  }
  .text-image-half-show-block-box.show-in-mob {
    display: flex;
    margin-top: 40px;
  }
  .text-image-half-show-container .text-image-show-tips {
    padding-bottom: 0;
  }
  .text-image-half-show-block-box>:not(.has_image) .text-icon-item {
    padding: 12px;
  }
  .text-image-half-show-block-box .text-icon-item-text {
    padding-inline: 0;
  }
  .padding-1textnote {
    padding: 0;
  }
}

@media (max-width: 769px) {
  img.mobile-only {
    width: 100% !important;
  }
}

@media (min-width: 769px) {
  .text-image-half-show-content_div {
    flex:0 0 50% !important;
  }
}