/* Users Why Section Component - 반응형 (데스크탑만) */
/* 기준 뷰포트: 1920px, clamp(min @768px, preferred vw, max @1920px) */
@media screen and (min-width: 768px) {
  .users-why-section {
    width: 100%;
    padding: clamp(40px, 5.21vw, 100px) 0; /* 100px @1920px */
    background-color: #ffffff;
    min-height: auto;
    position: relative;
  }

  .users-why-section__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    position: relative;
  }

  .users-why-section__container::before {
    display: none;
  }

  /* 수직선 */
  .users-why-section__line {
    width: 2px; /* 구분선 굵기 2px */
    height: clamp(24px, 3.13vw, 60px); /* 60px @1920px */
    background-color: #1a1d21;
    margin: 0 auto;
    display: block;
  }

  /* 섹션 제목 */
  .users-why-section__title {
    font-family: var(--font-montserrat);
    font-weight: 800;
    font-size: clamp(11.2px, 1.46vw, 28px); /* 28px @1920px */
    line-height: clamp(15.68px, 2.04vw, 39.2px); /* 39.2px @1920px */
    letter-spacing: 0;
    color: #1a1d21;
    margin: 0;
    margin-top: clamp(40px, 5.21vw, 100px); /* 100px @1920px */
    text-align: center;
    max-width: none;
    width: auto;
  }

  /* 카드 컨테이너 */
  .users-why-section__cards {
    display: flex;
    justify-content: center; /* 중앙 정렬 */
    align-items: flex-start;
    gap: clamp(43.2px, 5.63vw, 108px); /* 108px @1920px */
    margin-top: clamp(40px, 5.21vw, 100px); /* 100px @1920px */
    width: clamp(480px, 62.5vw, 1200px); /* 1200px @1920px */
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
  }

  /* 카드 */
  .users-why-section__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    flex: 0 0 auto;
  }

  /* 카드 1: 250px @1920px */
  .users-why-section__card:nth-child(1) {
    width: clamp(100px, 13.02vw, 250px);
  }

  /* 카드 2: 221px @1920px */
  .users-why-section__card:nth-child(2) {
    width: clamp(88.4px, 11.51vw, 221px);
  }

  /* 카드 3: 226px @1920px */
  .users-why-section__card:nth-child(3) {
    width: clamp(90.4px, 11.77vw, 226px);
  }

  /* 카드 4: 229px @1920px */
  .users-why-section__card:nth-child(4) {
    width: clamp(91.6px, 11.93vw, 229px);
  }

  /* 일러스트레이션 영역 */
  .users-why-section__icon {
    width: 100%;
    height: clamp(72px, 9.38vw, 180px); /* 180px @1920px */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0;
    flex-shrink: 0;
    margin: 0;
  }

  .users-why-section__icon-placeholder {
    display: none;
  }

  /* 데스크탑에서 모바일 아이콘 숨김 */
  .users-why-section__icon-mobile {
    display: none;
  }

  /* 데스크탑 아이콘 표시 */
  .users-why-section__icon-desktop {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* 카드 텍스트 */
  .users-why-section__text {
    font-family: var(--font-pretendard);
    font-weight: 500;
    font-size: clamp(9.6px, 1.25vw, 24px); /* 24px @1920px */
    line-height: clamp(13.44px, 1.75vw, 33.6px); /* 33.6px @1920px */
    letter-spacing: clamp(-0.19px, -0.025vw, -0.48px); /* -0.48px @1920px */
    color: #1a1d21;
    text-align: center;
    margin: 0;
    margin-top: clamp(22.4px, 2.92vw, 56px); /* 56px @1920px */
    white-space: pre-line;
    width: auto;
    max-width: 100%;
  }
}