/** Shopify CDN: Minification failed

Line 205:21 Unexpected "{"
Line 205:30 Expected ":"
Line 208:21 Unexpected "{"
Line 208:30 Expected ":"
Line 221:21 Unexpected "{"
Line 221:30 Expected ":"
Line 224:21 Unexpected "{"
Line 224:30 Expected ":"
Line 229:21 Unexpected "{"
Line 229:30 Expected ":"
... and 14 more hidden warnings

**/
.index-banner-text3-gird2 .effect-img-gird2 {
    position: relative;
}
.lazy-bg-gird2 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* 确保 box-content-gird2 作为定位上下文 */
.index-banner-text3-gird2 .box-content-gird2 {
    position: relative;
}

/* Caption 基础样式：使用 transform 垂直居中（兼容 padding-bottom） */
.index-banner-text3-gird2 .index-text-caption-gird2 {
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内部元素在 caption 块内均匀分布（可选，如果想让三个模块更紧凑，可移除） */
    align-items: flex-start;
    padding: 20px; /* 内边距避免贴边 */
}

/* 左右位置定位（仅调整水平，垂直保持 transform） */
.index-banner-text3-gird2 .box-content-gird2.position-gird2-left .index-text-caption-gird2 {
    left: 7%;
    right: auto;
}
.index-banner-text3-gird2 .box-content-gird2.position-gird2-right .index-text-caption-gird2 {
    right: 50%;
    left: 50%;
    align-items: center;   
    display: flex;
    transform: translate(-50%, -50%);
}

/* Description 文本截断 */
.index-banner-text3-gird2 .index-text-caption-gird2 .text-desc-gird2 {
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Button 样式 */
.index-banner-text3-gird2 .index-text-caption-gird2 .button {
    height: 50px;
    line-height: 48px;
    border: 1px solid;
    display: inline-block;
    padding-left: 26px;
    padding-right: 26px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .4s;
}

/* 移动端优化：调整位置避免重叠，强化字体布局 */
@media screen and (max-width: 767px) {
    .index-banner-text3-gird2 .text-heading-mobile-gird2 {
        position: absolute;
        top: -10%!important; /* 上移 heading，避免覆盖 caption */
        left: 50%!important;
        right: 50%!important;
        transform: translate(-50%, -50%)!important;
        width: calc(100% - 40px);
        text-align: center;
        z-index: 1; /* heading z-index 1 */
        margin-bottom: 5px; /* 与下方 desc 间距 */
    }
    
    .index-banner-text3-gird2 .index-text-caption-gird2 {
        top: 70% !important;
        transform: translateY(-50%) !important;
        width: 100%;
        max-width: none;
        left: 0 !important;
        right: 0 !important;
        padding: 5px 10px 0 10px;
        align-items: center;
        justify-content: flex-start; /* 让内部从上到下自然堆叠（desc 上、action 下） */
        z-index: 2 !important; /* 提高 z-index，确保 caption > heading，不被覆盖 */
    }

    /* .text-heading-gird2.d-none.d-sm-block {
  font-size: 30px!important;
} */

    
    .index-banner-text3-gird2 .index-text-caption-gird2 .text-desc-gird2 {
        text-align: center;
        margin-bottom: 5px; /* 强化与 action 间距 */
        width: auto; /* 移除 width:100%，让 inline font-size 自然生效 */
        line-height: 1.4; /* 辅助字体布局，确保描述多行不挤 */
        opacity: 1 !important; /* 强制可见，避免透明覆盖 */
        visibility: visible !important;
    }
    
    .index-banner-text3-gird2 .index-text-caption-gird2 .text-action-gird2 {
        text-align: center;
        width: auto; /* 同上 */
        opacity: 1 !important; /* 强制可见 */
        visibility: visible !important;
    }
    
    .index-banner-text3-gird2 .index-text-caption-gird2 .button {
        margin: 0 auto;
        display: block; /* 确保按钮全宽居中 */
        opacity: 1 !important;
        visibility: visible !important;
    }
}

.lazy-bg-link-gird2 {
  display: block;
  text-decoration: none;
  color: inherit;
}
.lazy-bg-link-gird2:hover {
  opacity: 0.9; /* 可加轻微 hover 效果 */
}

/* 以下为grid */
.banner-grid-row-gird2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px; /* 间距调整 */
}
.banner-grid-item-gird2 {
  padding: 0 3px;
  box-sizing: border-box;
  margin-bottom: 6px; /* 行间距 */
}

/* 基础列宽 (mobile < 576px) */
.col-gird2-12 { flex: 0 0 100%; max-width: 100%; }
.col-gird2-6 { flex: 0 0 50%; max-width: 50%; }
.col-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.col-gird2-3 { flex: 0 0 25%; max-width: 25%; }

/* Tablet (576px - 767px) */
@media (min-width: 576px) {
  .col-sm-gird2-12 { flex: 0 0 100%; max-width: 100%; }
  .col-sm-gird2-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-sm-gird2-3 { flex: 0 0 25%; max-width: 25%; }
}

/* Small desktop (768px - 991px) */
@media (min-width: 768px) {
  .col-md-gird2-12 { flex: 0 0 100%; max-width: 100%; }
  .col-md-gird2-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-md-gird2-3 { flex: 0 0 25%; max-width: 25%; }
}

/* Desktop (992px - 1199px) */
@media (min-width: 992px) {
  .col-lg-gird2-12 { flex: 0 0 100%; max-width: 100%; }
  .col-lg-gird2-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-lg-gird2-3 { flex: 0 0 25%; max-width: 25%; }
}

/* Large desktop (1200px - 1399px) */
@media (min-width: 1200px) {
  .col-xl-gird2-12 { flex: 0 0 100%; max-width: 100%; }
  .col-xl-gird2-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-xl-gird2-3 { flex: 0 0 25%; max-width: 25%; }
}

/* Extra large (1400px+) */
@media (min-width: 1400px) {
  .col-xxl-gird2-12 { flex: 0 0 100%; max-width: 100%; }
  .col-xxl-gird2-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xxl-gird2-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-xxl-gird2-3 { flex: 0 0 25%; max-width: 25%; }
}

/* 原B模板CSS（caption定位等） */
.banner-text3-gird2-{{ section.id }} .box-content-gird2 {
  position: relative;
}
.banner-text3-gird2-{{ section.id }} .index-text-caption-gird2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 600px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  z-index: 2;
}
.banner-text3-gird2-{{ section.id }} .box-content-gird2.position-gird2-left .index-text-caption-gird2 {
  left: 7%;
}
.banner-text3-gird2-{{ section.id }} .box-content-gird2.position-gird2-right .index-text-caption-gird2 {
  right: 7%;
  left: auto;
  align-items: flex-end;
}
.banner-text3-gird2-{{ section.id }} .lazy-bg-gird2 {
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.banner-text3-gird2-{{ section.id }} .text-desc-gird2 {
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-text3-gird2-{{ section.id }} .button {
  height: 50px;
  line-height: 48px;
  border: 1px solid;
  display: inline-block;
  padding: 0 40px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all .4s;
  text-decoration: none;
}

/* 移动端优化 */
@media screen and (max-width: 767px) {
  .banner-text3-gird2-{{ section.id }} .index-text-caption-gird2 {
    width: 100%;
    max-width: none;
    left: 0 !important;
    right: 0 !important;
    align-items: center;
    padding: 10px;
  }
  .banner-text3-gird2-{{ section.id }} .text-heading-mobile-gird2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    text-align: center;
    z-index: 3;
  }
  .banner-text3-gird2-{{ section.id }} .index-text-caption-gird2 .text-desc-gird2,
  .banner-text3-gird2-{{ section.id }} .index-text-caption-gird2 .text-action-gird2 {
    text-align: center;
    width: auto;
  }
  .banner-text3-gird2-{{ section.id }} .button {
    margin: 0 auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {

    /* padding-right: 0!important;
    padding-left:  0!important; */
}
}