/* ==========================================================================
   Fiti About Stats Module
   ========================================================================== */
.fiti-about-stats {
  background-color: transparent;
  container-type: inline-size;
  container-name: stats-container;
}

.fiti-stats-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 24px;
}

/* 4 欄模式 (About 等頁面用) */
.fiti-stats-container.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

/* 2 欄模式 (Contact 等窄版用) */
.fiti-stats-container.columns-2 {
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px; /* 寬度稍微縮小更美觀 */
  gap: 60px 40px;
  background: #ffffff;
  padding: 80px 40px;
  border-radius: 20px;
  box-shadow: 0px 8px 30px 0px rgba(7, 45, 97, 0.1); /* #072D611A */
}

.fiti-stat-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 當容器寬度小於 991px 時，4 欄轉為 2 欄 */
@container stats-container (max-width: 991px) {
  .fiti-stats-container.columns-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
}

/* 當容器寬度小於 991px 時，強制維持 2 欄並調整間距與字級，絕不變成單欄 */
@container stats-container (max-width: 991px) {
  .fiti-stats-container.columns-4,
  .fiti-stats-container.columns-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
    /* padding: 32px 16px; */
  }
  .fiti-stat-value-wrap {
    font-size: 36px;
  }
  .fiti-stat-unit {
    font-size: 18px;
  }
  .fiti-stat-title {
    font-size: 15px;
  }
}

/* Fallback for browsers not supporting Container Queries (Media Query) */
@media (max-width: 991px) {
  @supports not (container-type: inline-size) {
    .fiti-stats-container.columns-4,
    .fiti-stats-container.columns-2 {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 16px;
      padding: 32px 16px;
    }
  }
}

/* Number & Unit Wrapper */
.fiti-stat-value-wrap {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 16px;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.fiti-stat-unit {
  font-size: 32px;
  margin-left: 4px;
}

/* 漸層顏色 1、3 */
.variant-blue-green {
  background: linear-gradient(90deg, #0082F2 30.9%, #0AB78C 71.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* 漸層顏色 2、4 */
.variant-green-blue {
  background: linear-gradient(90deg, #0AB78C 30.9%, #0082F2 71.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Title */
.fiti-stat-title {
  margin: 0;
  color: #0E1133;
  font-weight: 700;
  line-height: 1.4;
}

/* Divider (標題和下面文字中間的垂直線 #0082F2 8px) */
.fiti-stat-divider {
  width: 2px;
  height: 8px;
  background-color: #0082F2;
  margin: 16px auto;
}

/* Description */
.fiti-stat-desc {
  margin: 0;
  color: #53535B;
  font-size: 14px;
  line-height: 1.6;
}