/* STworks 전용 스타일 */

/* STworks 주요 기능 섹션 1단 레이아웃 */
.product-page.stworks .key-features .key-feature {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 1000px !important;
  margin: 0 auto 4rem !important;
  padding: 2rem !important;
}

/* 기능 컨텐츠를 중앙 정렬 */
.product-page.stworks .key-feature-content {
  text-align: center !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto 1.5rem !important;
}

/* 기능 제목 스타일 */
.product-page.stworks .key-feature-content h3 {
  font-size: 28px !important;
  color: #FFFFFF !important;
  margin-bottom: 1.5rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* 기능 번호 스타일 - 큰 번호 표시 */
.product-page.stworks .feature-number-large {
  font-size: 48px !important;
  font-weight: 700 !important;
  color: #2DD9A6 !important;
  line-height: 1 !important;
  margin-bottom: 1rem !important;
  text-align: center !important;
}

/* 번호 아래 구분선 */
.product-page.stworks .feature-divider {
  width: 80% !important;
  max-width: 600px !important;
  height: 1px !important;
  background: #81E8C9 !important;
  margin: 0 auto 1.5rem !important;
  opacity: 0.5 !important;
}

/* 기능 설명 스타일 */
.product-page.stworks .key-feature-content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #BCC7D7 !important;
  margin-bottom: 0 !important;
}

/* 서브 설명 스타일 (5번째 기능용) */
.product-page.stworks .sub-description {
  margin-top: 1rem !important;
  padding: 1.5rem !important;
  background: rgba(45, 217, 166, 0.05) !important;
  border-radius: 12px !important;
  border-left: 3px solid #2DD9A6 !important;
}

.product-page.stworks .sub-description p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #9CADC3 !important;
  margin-bottom: 0.5rem !important;
  text-align: left !important;
}

.product-page.stworks .sub-description p:last-child {
  margin-bottom: 0 !important;
}

/* 기능 리스트 중앙 정렬 */
.product-page.stworks .key-feature-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  text-align: left !important;
}

.product-page.stworks .key-feature-content li {
  position: relative !important;
  padding-left: 2rem !important;
  margin-bottom: 1rem !important;
  color: #BCC7D7 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.product-page.stworks .key-feature-content li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  color: #4caf50 !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

/* 기능 이미지 중앙 정렬 및 크기 조정 */
.product-page.stworks .key-feature-image {
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.product-page.stworks .key-feature-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
  .product-page.stworks .features-section {
    padding: 2rem 1rem !important;
    gap: 2rem !important;
  }

  .product-page.stworks .features-section .feature {
    padding: 1.5rem !important;
  }

  .product-page.stworks .feature-icon {
    width: 60px !important;
    height: 60px !important;
    font-size: 28px !important;
  }

  .product-page.stworks .feature-title {
    font-size: 20px !important;
  }

  .product-page.stworks .feature-description {
    font-size: 14px !important;
  }
}