.RENOGY-12V-banner-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }
        
/* === INTRO SECTION LAYOUT=== */
.RENOGY-12V-section-profile {
  width: 100%;
  background-color: white;
  padding: 80px 5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 60px;
}


.RENOGY-12V-section-profile-text {
  flex: 1 1 300px;
  max-width: 600px;
}


.RENOGY-12V-section-profile-title {
  font-size: 3rem;
  margin-bottom: 2.2rem;  
  color: #202124;
  text-align: left;
  font-weight: 800;
  line-height: 1.25;
}


.RENOGY-12V-section-profile-desc {
  font-size: 1.8rem;
  color: #444;
  line-height: 1.9;
  margin-bottom: 2.4rem;
}


.RENOGY-12V-section-profile-text a {
  display: inline-block;
  padding: 1em 2.5em;
  background-color: #fff;
  border: 3px solid #202124;
  color: #202124;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 900;
  transition: all 0.2s ease;
  margin-bottom: 1.5rem;
}

.RENOGY-12V-section-profile-text a:hover {
  background-color: #202124;
  color: #fff;
}


.RENOGY-12V-section-profile-image-box {
  flex: 1 1 300px;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
}

.RENOGY-12V-section-profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}


@media (max-width: 768px) {
  .RENOGY-12V-section-profile {
    flex-direction: column;
    text-align: center;
    padding: 60px 20px;
  }

  .RENOGY-12V-section-profile-title {
    font-size: 2.2rem;
    margin-bottom: 1.8rem;
    text-align: center;
  }

  .RENOGY-12V-section-profile-desc {
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    text-align: center;
  }

  .RENOGY-12V-section-profile-text a {
    font-size: 1.15rem;
    padding: 0.9em 2.2em;
    margin: 0 auto 2rem;
  }

  .RENOGY-12V-section-profile-image-box {
    max-width: 90%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
  }
}


/* === RANGE LAYOUT === */
.RENOGY-12V-toggle-icon-chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.renogy-hidden {
  display: none !important;
}

.RENOGY-12V-product-list-container {
  display: none;
  visibility: hidden;
}

.RENOGY-12V-product-list-container.RENOGY-12V-active {
  display: flex;
  visibility: visible;
}

.RENOGY-12V-accordion-header.open .RENOGY-12V-toggle-icon-chevron {
  transform: rotate(-135deg);
}

.RENOGY-12V-product-bg {
  background-color: #f7f7f7;
  padding: 60px 0;
}

.RENOGY-12V-product {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 5%;
}

.RENOGY-12V-range-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #1f1f1f;
  margin-bottom: 4rem;
  line-height: 1.2;
  text-align: left;
}

.RENOGY-12V-switch {
  position: relative;
  display: flex;
  width: 320px;
  background-color: white;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 4rem;
  font-family: Arial, sans-serif;
}

.RENOGY-12V-switch-option {
  flex: 1;
  padding: 12px 15px;
  text-align: center;
  color: black;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease;
}

.RENOGY-12V-switch-option.RENOGY-12V-active {
  color: white;
}

.RENOGY-12V-slider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #333;
  border-radius: 50px;
  z-index: 0;
  transition: transform 0.3s ease-in-out;
}

.RENOGY-12V-product-list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  margin-bottom: 40px;
  justify-content: flex-start;
}

.RENOGY-12V-product-card {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.RENOGY-12V-product-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 15px;
}

.RENOGY-12V-product-name {
  font-size: 1.6rem;         /* 原 1.3rem → 加大一级 */
  font-weight: 800;
  color: #1f1f1f;
  margin: 1.2rem 0 0.6rem;
  text-align: left;
}

.RENOGY-12V-product-description {
  font-size: 1.25rem;        /* 原 1.1rem → 更舒适阅读 */
  color: #555;
  margin-bottom: 0.6rem;
  line-height: 1.7;
}


.RENOGY-12V-product-price {
  font-size: 1.4rem;         /* 原 1.2rem → 更具强调感 */
  font-weight: bold;
  color: #d10000;
  margin-bottom: 1.2rem;
}

.RENOGY-12V-learn-more-button {
  display: inline-block;
  background-color: #d10000;
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  font-size: 1.15rem;        /* 原 1rem → 视觉平衡 */
  font-weight: 700;
  padding: 0.85em 2em;
  border-radius: 40px;
}

.RENOGY-12V-learn-more-button:hover {
  background-color: #a80000;
  color: #ffffff; /* 强制文字保持白色 */
  text-decoration: none; /* 去掉下划线 */
}

.RENOGY-12V-accordion {
  border-top: 1px solid #ccc;
  padding: 40px 0;
  max-width: 1400px;
  margin: auto;
}

.RENOGY-12V-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
  margin-bottom:15px;
}

.RENOGY-12V-toggle-icon svg {
  width: 18px;
  height: 18px;
  fill: #444;
  transition: transform 0.3s ease;
}

.RENOGY-12V-accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 5%;
  transition: all 0.3s ease-out;
}

.RENOGY-12V-accordion-content.RENOGY-12V-active {
  max-height: 1200px;
  padding-top: 20px;
}

/* ✅ 优化后的规格样式 */
.RENOGY-12V-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 32px 60px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.RENOGY-12V-spec-item {
  display: flex;
  flex-direction: column;
}

.RENOGY-12V-spec-title {
  display: flex;
  align-items: center;
  font-size: 1.35rem;
  font-weight: 800;
  color: #1f1f1f;
  margin-bottom: 0.4rem;
}

.RENOGY-12V-spec-icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}



.RENOGY-12V-spec-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.RENOGY-12V-spec-detail {
  font-size: 1.2rem;
  color: #444;
  line-height: 1.8;
  padding-left: 40px;
  max-width: 540px;
}

/* ✅ 响应式优化 */
@media (max-width: 768px) {
  .RENOGY-12V-range-title {
    font-size: 2rem;
    text-align: center;
  }

  .RENOGY-12V-switch {
    margin: 0 auto 3rem;
  }

  .RENOGY-12V-product-list-container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .RENOGY-12V-product-card {
    align-items: center;
    text-align: center;
  }

  .RENOGY-12V-product-name {
    font-size: 1.45rem;
  }

  .RENOGY-12V-product-description {
    font-size: 1.25rem;
  }

.RENOGY-12V-product-price {
  font-size: 1.3rem;         /* 原 1.2rem → 更具强调感 */
  font-weight: bold;
  color: #d10000;
  margin-bottom: 1.2rem;
}

.RENOGY-12V-learn-more-button {
  font-size: 1.05rem;        /* 原 1rem → 视觉平衡 */
  font-weight: 700;
  padding: 0.85em 2em;
  border-radius: 40px;
}
  .RENOGY-12V-accordion-header {
    padding: 0 20px;
  }

  .RENOGY-12V-spec-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  
  .RENOGY-12V-spec-title {
    font-size: 1.2rem;
  }
  
  .RENOGY-12V-spec-detail {
    font-size: 1.1rem;
  }
  
}


/*FEATURE*/

/* 按钮容器：左对齐横排 */
.RENOGY-12V-button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin: 24px 0 40px;
  flex-wrap: wrap;
}

.RENOGY-12V-secondary-button {
  display: inline-block;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  background-color: #be1838;
  border: none;
  border-radius: 10px;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  white-space: nowrap;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.RENOGY-12V-secondary-button:hover {
  background-color: #6e1515;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

 .RENOGY-12V-features-section {
      /* background-color: #000; 黑色背景 */
      padding: 40px 0;
      /* 垂直内边距，水平内边距由内部 wrapper 控制 */
      margin: 0 auto;
      font-family: 'Lato', sans-serif;
      /* 为整个 section 设置 Lato 字体 */
      overflow-x: hidden;
      /* Prevent horizontal scrollbar from temporary text overflow during animation */
    }
    
.RENOGY-12V-feature-subtext {
  font-size: 1.25rem;
  line-height: 1.8;
  color: #e0e0e0; /* ✅ 更亮的灰色，适合黑色背景 */
  font-weight: 400;
  max-width: 720px;
  margin: 1.5rem auto 2rem;
  text-align: center;
}


@media (max-width: 768px) {
  .RENOGY-12V-feature-subtext {
    font-size: 1.05rem;
    text-align: center;
    padding: 0 2rem;
  }
}

    /* 内容包装器，用于实现整体居中和控制最大宽度 */
    .RENOGY-12V-features-content-wrapper {
      max-width: 1400px;
      /* 内容的最大宽度，可根据需要调整 */
      margin: 0 auto;
      /* 实现水平居中 */
      padding: 0 40px;
      /* 在包装器内部设置左右内边距，作为内容的起始点 */
      box-sizing: border-box;
    }

    .RENOGY-12V-features-section-title {
      color: #fff;
      /* 白色文字 */
      font-family: 'Lato', sans-serif;
      /* 明确指定 Lato */
      font-size: 28px;
      /* 标题字号 */
      font-weight: 700;
      /* Lato Bold */
      text-align: left;
      /* 标题居左 */
      margin-bottom: 15px;
      /* Base style for animation - will be transitioned */
      opacity: 1;
      transform: translateX(0);
    }

.subpage .subpages .RENOGY-12V-features-section-subtitle {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #fff ;
  margin: 0;
  padding: 0;

}

    /* Animation classes for text */
    .RENOGY-12V-text-fade-out-left {
      opacity: 0 !important;
      transform: translateX(-25px) !important;
      transition: opacity 0.3s ease-out, transform 0.3s ease-out !important;
    }

    .RENOGY-12V-text-fade-out-right {
      opacity: 0 !important;
      transform: translateX(25px) !important;
      transition: opacity 0.3s ease-out, transform 0.3s ease-out !important;
    }

    .RENOGY-12V-text-fade-in {
      /* This class defines the target state and the transition to it */
      opacity: 1 !important;
      transform: translateX(0px) !important;
      transition: opacity 0.3s ease-in, transform 0.3s ease-in !important;
    }


    .RENOGY-12V-carousel-container {
      position: relative;
      width: 100%;
      /* 宽度相对于 .RENOGY-12V-features-content-wrapper */
      margin: 0 auto;
      padding: 0;
      box-sizing: border-box;
    }

    .RENOGY-12V-carousel {
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      /* 强制滚动捕捉 */
      -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
      gap: 16px;
      padding: 20px 0;
      /* 垂直内边距，轮播项的水平间距通过 gap 和 flex-basis 控制 */
      margin-bottom: 10px;
      box-sizing: border-box;
    }

    .RENOGY-12V-carousel::-webkit-scrollbar {
      display: none;
    }

    .RENOGY-12V-carousel-item {
      aspect-ratio: 4 / 3;
      /* 修改为 4:3 宽高比 */
      background-color: #111;
      border-radius: 8px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      scroll-snap-align: center;
      /* 项目在滚动容器中居中对齐 */
      /* flex-basis 在媒体查询中设置 */
    }

    .RENOGY-12V-carousel-item img {
      width: 100%;
      height: 100%;
      /* 使图片填满 aspect-ratio 定义的容器 */
      object-fit: cover;
      opacity: 0.85;
      transition: transform 0.3s ease, opacity 0.3s ease;
      border-radius: 8px;
    }

    .RENOGY-12V-carousel-item:hover img {
      transform: scale(1.05);
      opacity: 1;
    }

    .RENOGY-12V-carousel-text {
      /* This is commented out in your HTML, keeping it for completeness if you re-enable */
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 12px 16px;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 0 0 8px 8px;
    }

    .RENOGY-12V-carousel-text h4 {
      margin: 0 0 6px;
      font-family: 'Lato', sans-serif;
      /* 明确指定 Lato */
      font-size: 17px;
      font-weight: 700;
      /* Lato Bold */
      color: #fff;
      text-transform: uppercase;
    }

    .RENOGY-12V-carousel-text p {
      margin: 0;
      font-family: 'Lato', sans-serif;
      /* 明确指定 Lato */
      font-size: 14px;
      font-weight: 400;
      /* Lato Regular */
      color: #ccc;
      line-height: 1.4;
    }

    .RENOGY-12V-carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color:#be1838;
      /* 品牌主色 */
      color: #ffffff;
      /* 白色箭头图标 */
      border: none;
      width: 48px;
      height: 48px;
      padding: 0;
      font-size: 24px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10;
      transition: background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
      /* 添加 opacity 过渡 */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      display: none;
      /* 默认隐藏 */
    }

    .RENOGY-12V-carousel-arrow:hover {
      background-color: #8c0201;
      /* 品牌主色加深 */
      color: #ffffff;
      /* 保持白色箭头图标 */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    }

    .RENOGY-12V-carousel-arrow:disabled {
      background-color: #D3D3D3;
      /* 浅灰色背景 */
      color: #A9A9A9;
      /* 深灰色箭头图标 */
      opacity: 0.5;
      /* 轻微透明 */
      cursor: not-allowed;
      box-shadow: none;
    }

    .RENOGY-12V-carousel-arrow.RENOGY-12V-left {
      left: 15px;
    }

    .RENOGY-12V-carousel-arrow.RENOGY-12V-right {
      right: 15px;
    }

    .RENOGY-12V-carousel-progress-container {
      width: 100%;
      margin: 0 auto 20px auto;
      height: 6px;
      background: #555;
      border-radius: 3px;
      overflow: hidden;
    }

    .RENOGY-12V-carousel-progress-bar {
      height: 100%;
      width: 0%;
      background: #a40201;
      /* 进度条颜色与品牌主色一致 */
      transition: width 0.2s ease-out;
      border-radius: 3px;
    }

    @media (min-width: 769px) {
      .RENOGY-12V-features-section {
        padding: 60px 0;
      }

      .RENOGY-12V-features-content-wrapper {
        padding: 0 60px;
      }

      .RENOGY-12V-features-section-title {
        font-size: 32px;
        margin-bottom: 20px;
      }

     .subpage .subpages .RENOGY-12V-features-section-subtitle  {
        font-size: 16px;
        margin-bottom: 40px;
      }

      .RENOGY-12V-carousel-item {
        flex: 0 0 70%;
      }

      .RENOGY-12V-carousel-arrow {
        display: flex;
      }

      .RENOGY-12V-carousel-arrow.RENOGY-12V-left {
        left: -24px;
      }

      .RENOGY-12V-carousel-arrow.RENOGY-12V-right {
        right: -24px;
      }
    }

    @media (max-width: 768px) {
      .RENOGY-12V-features-section {
        padding: 30px 0;
      }

      .RENOGY-12V-features-content-wrapper {
        padding: 0 15px;
      }

      .RENOGY-12V-features-section-title {
        font-size: 24px;
        margin-bottom: 10px;
      }

      .RENOGY-12V-features-section-subtitle {
        font-size: 14px;
        margin-bottom: 20px;
      }

      .RENOGY-12V-carousel-item {
        flex: 0 0 85%;
      }

      .RENOGY-12V-carousel-text h4 {
        font-size: 15px;
      }

      .RENOGY-12V-carousel-text p {
        font-size: 13px;
      }

      .RENOGY-12V-carousel-arrow {
        display: none;
      }
    }




    /*.RENOGY-12V-faq-h2 {*/
    /*  text-align: center;*/
    /*  margin-bottom: 30px;*/
    /*  font-size: 2.5em;*/
      /* Large FAQ title */
    /*  font-weight: bold;*/
    /*}*/

    /*.RENOGY-12V-faq-wrapper ul {*/
    /*  max-width: 1400px;*/
    /*  margin: 0 auto;*/
    /*  padding: 0 40px;*/
    /*  box-sizing: border-box;*/
    /*}*/



    /*.RENOGY-12V-faq {*/
    /*  list-style: none;*/
    /*  padding: 0;*/
    /*  width: 100%;*/
      /* max-width: 800px; */
    /*  font-family: 'Lato', sans-serif;*/
      /* 应用 Lato 字体到 FAQ 列表 */
    /*  color: #ffffff;*/
      /* 默认 FAQ 列表内文字为白色 */



    /*}*/

    /*.RENOGY-12V-faq li {*/
    /*  background-color: #303030;*/
      /* Background for each FAQ item */
    /*  margin-bottom: 8px;*/
      /* Space between FAQ items */
    /*  overflow: hidden;*/
      /* Ensures answer doesn't overflow before expanding */
    /*}*/

    /* Styles for the button dynamically created by JS */
    /*.RENOGY-12V-faq-question-button {*/
    /*  display: flex;*/
    /*  justify-content: space-between;*/
      /* Pushes icon to the right */
    /*  align-items: center;*/
    /*  width: 100%;*/
    /*  padding: 24px 30px;*/
      /* Slightly more padding */
    /*  font-size: 1.5em;*/
      /* Adjusted font size for questions */
    /*  color: #fff;*/
    /*  background-color: #303030;*/
      /* Match li background */
    /*  border: none;*/
    /*  cursor: pointer;*/
    /*  text-align: left;*/
    /*  outline: none;*/
    /*  box-sizing: border-box;*/
    /*  transition: background-color 0.2s ease;*/
    /*  font-size: 1.6em;*/
    /*  font-weight: 400;*/
      /* Lato Regular */
    /*  line-height: 1.3;*/
    /*}*/

    /*.RENOGY-12V-faq-question-button:hover {*/
    /*  background-color: #424242;*/
      /* Slightly lighter hover */
    /*}*/

    /* Icon styling using a pseudo-element on the button */
    /*.RENOGY-12V-faq-question-button::after {*/
    /*  content: '+';*/
      /* Default icon */
    /*  font-size: 1.75em;*/
      /* Adjusted icon size */
    /*  font-weight: 300;*/
      /* Light weight for a thinner plus/cross */
    /*  color: #fff;*/
    /*  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);*/
      /* Smoother rotation */
    /*  margin-left: 20px;*/
      /* Space between text and icon */
    /*  line-height: 1;*/
      /* Ensure icon aligns well vertically */
    /*}*/

    /*.RENOGY-12V-faq li.RENOGY-12V-active .RENOGY-12V-faq-question-button::after {*/
    /*  transform: rotate(45deg);*/
      /* Rotate to 'x' when RENOGY-12V-active */
    /*}*/

    /*.RENOGY-12V-faq-answer {*/
    /*  font-size: 1.1em;*/
    /*  font-weight: 400;*/
      /* Lato Regular */
    /*  line-height: 1.6;*/
    /*  background-color: #303030;*/
    /*  padding-left: 30px;*/
      /* Static horizontal padding */
    /*  padding-right: 30px;*/
    /*  padding-top: 0;*/
      /* Start with 0 vertical padding for animation */
    /*  padding-bottom: 0;*/
    /*  max-height: 0;*/
    /*  opacity: 0;*/
    /*  overflow: hidden;*/
    /*  visibility: hidden;*/
      /* Start completely hidden */
    /*  transition:*/
    /*    max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    padding-top 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    visibility 0s linear 0.2s;*/
      /* 确保这个延迟匹配最长的动画时间 */
    /*}*/

    /*.RENOGY-12V-faq li.RENOGY-12V-active .RENOGY-12V-faq-answer {*/
    /*  max-height: 600px;*/
      /* Adjust if your answers are very long */
    /*  opacity: 1;*/
    /*  visibility: visible;*/
      /* Make visible when RENOGY-12V-active */
    /*  padding-top: 24px;*/
      /* Apply vertical padding when RENOGY-12V-active */
    /*  padding-bottom: 24px;*/
      /* Define transitions for when the element becomes RENOGY-12V-active (opens) */
    /*  transition:*/
    /*    max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.05s,*/
        /* 保持0.05s的透明度延迟 */
    /*    padding-top 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1),*/
    /*    visibility 0s linear 0s;*/
    /*}*/

    /* Responsive adjustments */
    /*@media (max-width: 768px) {*/
    /*  h2 {*/
    /*    font-size: 2em;*/
    /*  }*/

    /*  .RENOGY-12V-faq-question-button {*/
    /*    font-size: 1.25em;*/
    /*    padding: 20px 25px;*/
    /*  }*/

    /*  .RENOGY-12V-faq-question-button::after {*/
    /*    font-size: 1.5em;*/
    /*  }*/

    /*  .RENOGY-12V-faq-answer {*/
    /*    font-size: 1em;*/
    /*  }*/

    /*  .RENOGY-12V-faq li.RENOGY-12V-active .RENOGY-12V-faq-answer {*/
    /*    max-height: 1000px;*/
    /*    padding-top: 20px;*/
    /*    padding-bottom: 20px;*/
    /*  }*/
    /*}*/

    /*@media (max-width: 480px) {*/
      /* This media query block was already defined above for banner buttons.
         The styles below are for other elements at this breakpoint.
         The h2, faq-question-button, faq-question-button::after, and faq-answer styles
         are specific to the FAQ section and should be kept.
         The banner button styles are handled in the consolidated block above.
      */
      h2 { /* This targets all h2s at this breakpoint, might need to be more specific if unintended */
    /*    font-size: 1.8em;*/
    /*  }*/

    /*  .RENOGY-12V-faq-question-button {*/
    /*    font-size: 1.1em;*/
    /*    padding: 15px 20px;*/
    /*  }*/

    /*  .RENOGY-12V-faq-question-button::after {*/
    /*    font-size: 1.3em;*/
    /*  }*/

    /*  .RENOGY-12V-faq-answer {*/
    /*    font-size: 0.95em;*/
    /*  }*/
    /*}*/

    /*.RENOGY-12V-banner-PC{*/
    /*    display: block;*/
    /*  }*/
    /*  .RENOGY-12V-banner-PE{*/
    /*    display: none;*/
    /*  }*/



    /*@media (max-width:768px){*/
    /*  .RENOGY-12V-banner-PC{*/
    /*    display: none;*/
    /*  }*/
    /*  .RENOGY-12V-banner-PE{*/
    /*    display: block;*/
    /*  }*/
    /*}*/


    /*.RENOGY-12V-banner-container {*/
    /*        position: relative;*/
    /*        width: 100%;*/
    /*        overflow: hidden;*/
    /*    }*/

    /*    .RENOGY-12V-carousel-wrapper {*/
    /*        display: flex;*/
    /*        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);*/
    /*    }*/

    /*    .RENOGY-12V-carousel-slide {*/
    /*        min-width: 100%;*/
    /*        position: relative;*/
    /*        display: flex;*/
    /*        align-items: flex-end;*/
    /*        justify-content: center;*/
    /*    }*/

    /*    .RENOGY-12V-banner-image {*/
    /*        width: 100%;*/
    /*        height: auto;*/
    /*        display: block;*/
    /*        object-fit: cover;*/
    /*    }*/

        /* 桌面端图片 - 可以替换为实际图片URL */
    /*    .RENOGY-12V-carousel-slide:nth-child(1) .RENOGY-12V-banner-image {*/
    /*      content: url('./banner-pc.jpg');        }*/

    /*    .RENOGY-12V-carousel-slide:nth-child(2) .RENOGY-12V-banner-image {*/
    /*      content: url('./banner-pc.jpg');        }*/

    /*    .RENOGY-12V-carousel-slide:nth-child(3) .RENOGY-12V-banner-image {*/
    /*      content: url('./banner-pc.jpg');        }*/

    /*    .RENOGY-12V-slide-content {*/
    /*        position: absolute;*/
    /*        bottom: 80px;*/
    /*        left: 50%;*/
    /*        transform: translateX(-50%);*/
    /*        text-align: center;*/
    /*        z-index: 2;*/
    /*        width: 100%;*/
    /*        max-width: 800px;*/
    /*        padding: 0 20px;*/
    /*    }*/

    /*    .RENOGY-12V-button-group {*/
    /*        display: flex;*/
    /*        gap: 2rem;*/
    /*        justify-content: center;*/
    /*        flex-wrap: wrap;*/
    /*    }*/

    /*    .RENOGY-12V-cta-button {*/
    /*        padding: 14px 28px;*/
    /*        background: rgba(255, 255, 255, 0.15);*/
    /*        border: 2px solid rgba(255, 255, 255, 0.8);*/
    /*        color: white;*/
    /*        text-decoration: none;*/
    /*        border-radius: 50px;*/
    /*        font-weight: 600;*/
    /*        font-size: 16px;*/
    /*        transition: all 0.3s ease;*/
    /*        backdrop-filter: blur(15px);*/
    /*        cursor: pointer;*/
    /*        white-space: nowrap;*/
    /*        min-width: 200px;*/
    /*    }*/

    /*    .RENOGY-12V-cta-button:hover {*/
    /*        background: rgba(255, 255, 255, 0.25);*/
    /*        transform: translateY(-3px);*/
    /*        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);*/
    /*    }*/

    /*    .RENOGY-12V-carousel-nav {*/
    /*        position: absolute;*/
    /*        bottom: 20px;*/
    /*        left: 50%;*/
    /*        transform: translateX(-50%);*/
    /*        display: flex;*/
    /*        gap: 12px;*/
    /*        z-index: 10;*/
    /*    }*/

    /*    .RENOGY-12V-nav-dot {*/
    /*        width: 14px;*/
    /*        height: 14px;*/
    /*        border-radius: 50%;*/
    /*        background: rgba(255, 255, 255, 0.4);*/
    /*        cursor: pointer;*/
    /*        transition: all 0.3s ease;*/
    /*    }*/

    /*    .RENOGY-12V-nav-dot.active {*/
    /*        background: white;*/
    /*        transform: scale(1.3);*/
    /*    }*/

    /*    .RENOGY-12V-banner-arrow {*/
    /*        position: absolute;*/
    /*        top: 50%;*/
    /*        transform: translateY(-50%);*/
    /*        background: rgba(255, 255, 255, 0.15);*/
    /*        border: none;*/
    /*        color: white;*/
    /*        font-size: 28px;*/
    /*        width: 60px;*/
    /*        height: 60px;*/
    /*        border-radius: 50%;*/
    /*        cursor: pointer;*/
    /*        transition: all 0.3s ease;*/
    /*        backdrop-filter: blur(15px);*/
    /*        z-index: 10;*/
    /*    }*/

    /*    .RENOGY-12V-banner-arrow:hover {*/
    /*        background: rgba(255, 255, 255, 0.25);*/
    /*        transform: translateY(-50%) scale(1.1);*/
    /*    }*/

    /*    .RENOGY-12V-banner-arrow.prev {*/
    /*        left: 30px;*/
    /*    }*/

    /*    .RENOGY-12V-banner-arrow.next {*/
    /*        right: 30px;*/
    /*    }*/

        /* 移动端适配 */
    /*    @media (max-width: 768px) {*/
            /* 移动端图片 - 不同比例 */
    /*        .RENOGY-12V-carousel-slide:nth-child(1) .RENOGY-12V-banner-image {*/
    /*          content: url('./banner-pe.jpg');            }*/

    /*        .RENOGY-12V-carousel-slide:nth-child(2) .RENOGY-12V-banner-image {*/
    /*          content: url('./banner-pe.jpg');           }*/

    /*        .RENOGY-12V-carousel-slide:nth-child(3) .RENOGY-12V-banner-image {*/
    /*          content: url('./banner-pe.jpg');            }*/

            

    /*        .RENOGY-12V-slide-content {*/
    /*            bottom: 60px;*/
    /*        }*/

    /*        .RENOGY-12V-button-group {*/
    /*            flex-direction: row;*/
    /*            align-items: center;*/
    /*            gap: 0.8rem;*/
    /*        }*/

    /*        .RENOGY-12V-cta-button {*/
    /*            padding: 10px 20px;*/
    /*            font-size: 14px;*/
    /*            min-width: 250px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow {*/
    /*            width: 50px;*/
    /*            height: 50px;*/
    /*            font-size: 22px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.prev {*/
    /*            left: 15px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.next {*/
    /*            right: 15px;*/
    /*        }*/

    /*        .RENOGY-12V-carousel-nav {*/
    /*            bottom: 15px;*/
    /*        }*/

    /*        .RENOGY-12V-nav-dot {*/
    /*            width: 12px;*/
    /*            height: 12px;*/
    /*        }*/
    /*    }*/

    /*    @media (max-width: 480px) {*/
    /*        .RENOGY-12V-slide-content {*/
    /*            bottom: 40px;*/
    /*            padding: 0 15px;*/
    /*        }*/

    /*        .RENOGY-12V-cta-button {*/
    /*            padding: 8px 10px;*/
    /*            font-size: 13px;*/
    /*            min-width: 130px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow {*/
    /*            width: 45px;*/
    /*            height: 45px;*/
    /*            font-size: 20px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.prev {*/
    /*            left: 10px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.next {*/
    /*            right: 10px;*/
    /*        }*/
    /*    }*/

        /* 桌面端大屏幕优化 */
    /*    @media (min-width: 1024px) {*/
    /*        .RENOGY-12V-slide-content {*/
    /*            bottom: 50px;*/
    /*        }*/

    /*        .RENOGY-12V-cta-button {*/
    /*            padding: 18px 36px;*/
    /*            font-size: 18px;*/
    /*            min-width: 240px;*/
    /*        }*/

    /*        .RENOGY-12V-button-group {*/
    /*            gap: 2.5rem;*/
    /*        }*/
    /*    }*/

    /*    @media (min-width: 1440px) {*/
    /*        .RENOGY-12V-slide-content {*/
    /*            bottom: 60px;*/
    /*        }*/

    /*        .RENOGY-12V-cta-button {*/
    /*            padding: 20px 40px;*/
    /*            font-size: 20px;*/
    /*            min-width: 260px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow {*/
    /*            width: 70px;*/
    /*            height: 70px;*/
    /*            font-size: 32px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.prev {*/
    /*            left: 40px;*/
    /*        }*/

    /*        .RENOGY-12V-banner-arrow.next {*/
    /*            right: 40px;*/
    /*        }*/
    /*    }*/