.bikinifit-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url("/home_assets/img/main/jab_center/bikinifit_background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.bikinifit-container {
  width: 100%;
  max-width: 1200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bikinifit-content {
  text-align: center;
  color: #333;
  padding-left: 200px;
}

.bikinifit-subtitle {
  font-family: "Noto Serif KR";
  font-size: 15px;
  font-weight: 200;
  line-height: 1.6;
  color: #666;
  margin-bottom: 20px;
}

.bikinifit-main-title {
  font-family: "JNE Bareun OTF";
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  margin-bottom: 20px;
}

.bikinifit-description {
  font-family: "Noto Serif KR";
  font-size: 20px;
  font-weight: 200;
  line-height: 1.4;
  color: #333;
}

/* 768px 이하 모바일 반응형 */
@media (max-width: 768px) {
  .bikinifit-section {
    /* min-height: 80vh; */
    margin-top: 20px;
    background-position: 20% top;
    align-items: flex-end;
    /* padding-bottom: 20px; */
  }

  .bikinifit-container {
    max-width: 100%;
    padding: 0 20px;
    position: absolute;
    bottom: 10%;
  }

  .bikinifit-content {
    text-align: center;
    padding-left: 0;
    padding: 0 10px;
  }

  .bikinifit-subtitle {
    /* font-size: 22px; */
    margin-bottom: 10px;
  }

  .bikinifit-main-title {
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1.3;
  }

  .bikinifit-description {
    font-size: 16px;
    line-height: 1.5;
    word-break: keep-all;
  }
}

/* Container Query 설정 및 스케일 팩터 계산 */
.bikinifit-center-section {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 0;
  background: #fff;
  overflow: hidden;
  min-height: 860px;

  /* 반응형 스케일링 추가 */
  container-type: inline-size;
  --base-width: 1920;
  --scale-factor: calc(100cqw / var(--base-width) * 1px);

  /* 2560px 32인치 모니터 대응 */
  --max-scale: 1.33;
  /* 2560/1920 = 1.33배 */
  --final-scale: min(var(--scale-factor), var(--max-scale));
  display: flex;
  justify-content: center;
  align-items: center;
}

.bikinifit-list-container {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 0 24px;
  /* margin-top: 400px; */
  max-width: 1370px;

  /* 스케일 적용 */
  transform: scale(var(--final-scale));
  transform-origin: center top;
}

/* ===== Curved Title & Dotted Line ===== */
.bikinifit-curve {
  position: relative;
  z-index: 1;
  height: 700px;

  /* 스케일 적용 */
  transform: scale(var(--final-scale));
  transform-origin: top left;
}

.bikinifit-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bikinifit-bg svg {
  width: 100%;
  max-width: 1440px;
  height: 100%;
}

/* ===== Feature Cards ===== */
.bikinifit-list-feature-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(
    5,
    calc((100% - 4 * clamp(35px, 3vw, 70px)) / 5)
  );
  gap: clamp(35px, 3vw, 70px);

  padding: 0;
  list-style: none;
}

.bikinifit-list-feature {
  width: 100%;
  aspect-ratio: 224 / 350;
  background: #e9e9e9;
  border-radius: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding: 120px 16px; */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  opacity: 0;
  transform: translateY(18px);
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature {
  animation: bikinifitListFadeUp 0.6s ease forwards;
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature:nth-child(1) {
  animation-delay: 0s;
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature:nth-child(2) {
  animation-delay: 0.07s;
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature:nth-child(3) {
  animation-delay: 0.14s;
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature:nth-child(4) {
  animation-delay: 0.21s;
}

.bikinifit-list-feature-list.is-inview .bikinifit-list-feature:nth-child(5) {
  animation-delay: 0.28s;
}

@keyframes bikinifitListFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bikinifit-list-feature {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

.bikinifit-list-icon {
  width: 40%;
  height: 40%;
  border-radius: 20px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  transform: scale(var(--final-scale));
}

.bikinifit-list-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: grayscale(100%) opacity(0.85);
}

.bikinifit-list-copy {
  text-align: center;
  line-height: 1.2;
  transform: scale(var(--final-scale));
}

.bikinifit-list-line1 {
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  font-size: lamp(16px, 1vw, 20px);
  color: #000;
}

.bikinifit-list-line2 {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: lamp(16px, 1vw, 20px);
  color: #3787ff;
}

.bikinifit-list-footnote {
  margin: 30px 0 0;
  color: #8d8d8d;
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  text-align: right;
  opacity: 0.9;
  transform: scale(var(--final-scale));
}

/* 768px 이하 모바일 반응형만 */
@media (max-width: 768px) {
  .bikinifit-center-section {
    /* min-height: 600px; */
    --final-scale: 1;
  }

  .bikinifit-list-container {
    padding: 20px;
    /* margin-top: 250px; */
    max-width: none;
    transform: none;
  }

  .bikinifit-curve {
    height: 400px;
    transform: none;
  }

  .bikinifit-bg {
    display: none;
  }

  .bikinifit-list-feature-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    /* margin: -100px auto 16px; */
    /* width: 95%; */
  }

  .bikinifit-list-feature {
    border-radius: 60px;
    width: 100%;
    height: 240px;
    padding: 20px 12px;
    transform: translateY(12px);
    gap: 15px;
    min-width: 140px;
    opacity: 1;
  }

  .bikinifit-list-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    margin-bottom: 0;
    transform: none;
  }

  .bikinifit-list-icon img {
    width: 38px;
    height: 38px;
  }

  .bikinifit-list-copy {
    transform: none;
  }

  .bikinifit-list-line1 {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .bikinifit-list-line2 {
    font-size: 14px;
  }

  .bikinifit-list-footnote {
    margin: 20px 0 0;
    font-size: 11px;
    text-align: center;
    transform: none;
  }
}

/*=== 3번째 영역 ===*/
.bif-section {
  position: relative;
  width: 100%;
  background: #fff;
  overflow: hidden;
  min-height: 1020px;
}

/* Background image pinned to right side */
.bif-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.bif-bg img {
  position: absolute;
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: contain;
  user-select: none;
  width: 100%;
}

.bif-title img {
  width: 40%;
}

/* Content container */
.bif-container {
  position: relative;
  z-index: 2;
  /* above background */
  max-width: 1280px;
  margin: 0 auto;
  padding: 260px 24px 140px;
  display: flex;
  justify-content: flex-start;
}

/* Text block = brush title + divider + paragraph (stacked) */
.bif-textblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 520px;
  text-align: center;
  margin-left: clamp(20px, 8vw, 120px);
}

/* Brush lines */
.bif-hand-lines {
  color: #000;
  line-height: 1.15;
  margin-bottom: 14px;
}

/* Thin paragraph */
.bif-copy {
  margin: 0;
  color: #000;
  font-family: "Pretendard", sans-serif;
  font-weight: 200;
  /* Thin */
  font-size: 20px;
  line-height: 1.9;
  word-break: keep-all;
}

/* Vertical divider between brush title and paragraph */
.bif-hand-divider {
  display: block;
  width: 1px;
  height: 48px;
  background: #000;
  opacity: 0.9;
  margin: 14px auto 18px;
}

/* ===== Animate only the text block (not the whole container) ===== */
.bif-textblock {
  opacity: 0;
  transform: translateY(18px);
  will-change: transform, opacity;
}

.bif-textblock.is-inview {
  animation: bifTextFadeUp 0.6s ease-out forwards;
}

@keyframes bifTextFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bif-textblock {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

.mo-bif-copy {
  display: none;
}

.mo-bif-title {
  display: none;
}

.bif-bg-mo {
  display: none;
}

/* 768px 이하 모바일 반응형 */
@media (max-width: 768px) {
  .bif-section {
    /* min-height: 600px; */
    height: 100%;
    min-height: auto;
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
  .bif-bg {
    position: static;
  }
  .bif-bg img {
    position: static;
    /* right: 0px; */
    width: 100%;
    max-width: none;
    transform: none;
  }

  .mo-bif-title {
    text-align: center;
    display: block;
  }

  .mo-bif-title img {
    width: 30%;
    margin: auto;
    /* margin-bottom: -350px; */
  }

  .bif-bg-pc {
    display: none;
  }

  .bif-bg-mo {
    object-fit: contain;
    user-select: none;
    width: 100%;
    display: block;
  }

  .bif-container {
    max-width: 100%;
    /* padding: 750px 0px 80px; */
    justify-content: center;
    padding: 20px 0px;
  }

  .bif-textblock {
    width: 100%;
    max-width: 400px;
    margin-left: 0;
    opacity: 1;
    transform: 0;
  }

  .bif-hand-lines {
    display: none;
    margin-bottom: 12px;
  }

  .bif-copy {
    color: #000;
    width: 100%;
    font-weight: 100;
    font-size: 14px;
    line-height: 2.5;
    text-align: center;
    word-break: keep-all;
  }
  .bif-copy br {
    display: none;
  }
  .bif-hand-divider {
    display: none;
  }
}

/*=== 비키니핏 recommended 영역===*/
.bif-third-recommended-types-section {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
}

.bif-third-recommended-container {
  background-color: #ffffff;
  overflow: hidden;
  max-width: 1920px;
  height: auto;
  /* 컨텐츠에 맞게 자동 조정 */
  min-height: 2500px;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

/* ====== 순차 애니메이션 스타일 ====== */
.bif-third-item {
  opacity: 0;
  transform: translateY(80px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bif-third-item.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* 1번 영역 - 기존 위치 유지 */
.bif-third-overlap {
  position: absolute;
  width: 838px;
  height: 1201px;
  top: 0;
  left: clamp(750px, 50vw, 1075px);
}

.bif-third-ellipse {
  width: 287px;
  height: 287px;
  top: 859px;
  left: 496px;
  border-radius: 143.52px;
  transform: rotate(-122.87deg);
  position: absolute;
  filter: blur(10px);
  background: linear-gradient(
    180deg,
    rgba(131, 172, 232, 0.4) 6%,
    rgba(255, 255, 255, 0) 91%
  );
}

.bif-third-overlap-group {
  position: absolute;
  width: 590px;
  height: 1089px;
  top: 0;
  left: 0;
}

.bif-third-line {
  position: absolute;
  width: 1px;
  height: 1089px;
  top: 0;
  left: 229px;
  object-fit: cover;
}

.bif-third-line-2 {
  position: absolute;
  width: 1px;
  height: 1089px;
  top: -109px;
  left: 284px;
  object-fit: cover;
}

.bif-third-line-3 {
  position: absolute;
  width: 1px;
  height: 187px;
  top: 583px;
  right: -405px;
  object-fit: cover;
}

.bif-third-rectangle {
  position: absolute;
  width: 314px;
  height: 464px;
  top: 231px;
  left: 32px;
  background-color: #d9d9d9;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-image {
  position: absolute;
  width: 452px;
  height: 472px;
  top: 153px;
  left: 0;
  aspect-ratio: 0.69;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-rectangle-2 {
  position: absolute;
  width: 324px;
  height: 291px;
  top: 287px;
  left: 350px;
  border-radius: 30px;
  backdrop-filter: blur(18.2px) brightness(100%);
  -webkit-backdrop-filter: blur(18.2px) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(148, 148, 148, 0.4) 100%
  );
}

.bif-third-text-wrapper {
  position: absolute;
  width: 78px;
  top: 375px;
  left: 375px;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.bif-third-p {
  width: 289px;
  top: 470px;
  left: 375px;
  color: #516070;
  position: absolute;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

/* 2번 영역 - 기존 위치 유지 */
.bif-third-ellipse-2 {
  width: 392px;
  height: 392px;
  top: 0px;
  left: 176px;
  border-radius: 196.23px;
  transform: rotate(135deg);
  position: absolute;
  filter: blur(10px);
  background: linear-gradient(
    180deg,
    rgba(131, 172, 232, 0.4) 6%,
    rgba(255, 255, 255, 0) 91%
  );
}

.bif-third-overlap-group-2 {
  position: absolute;
  width: 671px;
  height: 694px;
  top: 462px;
  left: clamp(0, 5vw, 236px);
}

.bif-third-rectangle-3 {
  position: absolute;
  width: 314px;
  height: 393px;
  top: 167px;
  left: 357px;
  background-color: #d9d9d9;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-recommended-types {
  position: absolute;
  width: 608px;
  top: 0;
  left: 115px;
  text-align: right;
}

.bif-third-title {
  font-family: "Dream Orphans", Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 64px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 10px;
}

.bif-third-subtitle {
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 200;
  color: #6e6e6e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.bif-third-span {
  font-family: "Dream Orphans", Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 64px;
}

.bif-third-text-wrapper-2 {
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
}

.bif-third-text-wrapper-3 {
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 200;
  color: #6e6e6e;
  font-size: 16px;
}

.bif-third-img {
  position: absolute;
  width: 427px;
  height: 431px;
  top: 100px;
  left: 300px;
  aspect-ratio: 0.84;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-rectangle-4 {
  position: absolute;
  width: 428px;
  height: 296px;
  top: 355px;
  left: 70px;
  border-radius: 30px;
  backdrop-filter: blur(18.2px) brightness(100%);
  -webkit-backdrop-filter: blur(18.2px) brightness(100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(120, 147, 169, 0.4) 100%
  );
  z-index: 1;
}

.bif-third-text-wrapper-4 {
  width: 280px;
  top: 559px;
  left: 183px;
  color: #516070;
  text-align: right;
  position: absolute;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  z-index: 2;
}

.bif-third-text-wrapper-5 {
  width: 110px;
  top: 443px;
  left: 370px;
  font-family: "Pretendard", Arial, sans-serif;
  position: absolute;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  z-index: 2;
}

/* 3번 영역 - 오른쪽에 독립적으로 배치 */
.bif-third-box {
  position: absolute;
  width: 719px;
  height: 719px;
  top: 310px;
  /* 3번 영역 위쪽에 배치 */
  left: -200px;
}

.bif-third-ellipse-3 {
  position: absolute;
  width: 520px;
  height: 520px;
  top: 0;
  left: 0;
  border-radius: 260px;
  filter: blur(10px);
  transform: rotate(-122deg);
  background: linear-gradient(
    180deg,
    rgba(131, 172, 232, 0.4) 6%,
    rgba(255, 255, 255, 0) 91%
  );
}

.bif-third-overlap-3 {
  position: absolute;
  width: 700px;
  height: 500px;
  top: 1200px;
  /* 아래쪽에 배치 */
  right: 200px;
  /* 오른쪽에 배치 */
}

.bif-third-rectangle-7 {
  position: absolute;
  width: 359px;
  height: 444px;
  top: 0;
  right: 0;
  /* 오른쪽 정렬 */
  background-color: #d9d9d9;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-rectangle-8 {
  position: absolute;
  width: 373px;
  height: 219px;
  top: 140px;
  left: -20px;
  z-index: 1;
  border-radius: 30px;
  backdrop-filter: blur(18.2px) brightness(100%);
  -webkit-backdrop-filter: blur(18.2px) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(103, 149, 186, 0.4) 100%
  );
}

.bif-third-text-wrapper-8 {
  width: 293px;
  top: 260px;
  left: 40px;
  color: #516070;
  text-align: right;
  position: absolute;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  z-index: 2;
}

.bif-third-text-wrapper-9 {
  width: 116px;
  top: 155px;
  left: 225px;
  font-family: "Pretendard", Arial, sans-serif;
  position: absolute;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  z-index: 2;
}

.bif-third-image-2 {
  position: absolute;
  width: 448px;
  height: 538px;
  top: 0;
  right: 30px;
  aspect-ratio: 0.81;
  box-shadow: 30px 37px 59.5px #00000040;
}

/* 4번 영역 - 더 아래쪽에 독립적으로 배치 */
.bif-third-box-2 {
  position: absolute;
  width: 586px;
  height: 586px;
  top: 370px;
  /* 3번 영역 위쪽에 배치 */
  left: -50px;
}

.bif-third-ellipse-4 {
  position: absolute;
  width: 416px;
  height: 416px;
  top: 0;
  left: 0;
  border-radius: 207px;
  filter: blur(10px);
  transform: rotate(20deg);
  background: linear-gradient(
    180deg,
    rgba(131, 172, 232, 0.4) 6%,
    rgba(255, 255, 255, 0) 91%
  );
}

.bif-third-overlap-2 {
  position: absolute;
  width: 700px;
  height: 500px;
  top: 1600px;
  /* 3번보다 더 아래로 배치 */
  left: 200px;
  /* 중앙 왼쪽에 배치 */
}

.bif-third-rectangle-5 {
  position: absolute;
  width: 314px;
  height: 393px;
  top: 50px;
  left: 0;
  background-color: #d9d9d9;
  box-shadow: 30px 37px 59.5px #00000040;
}

.bif-third-rectangle-6 {
  position: absolute;
  width: 373px;
  height: 257px;
  top: 282px;
  right: -460px;
  /* 오른쪽에 텍스트 영역 */
  border-radius: 30px;
  backdrop-filter: blur(18.2px) brightness(100%);
  -webkit-backdrop-filter: blur(18.2px) brightness(100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(114, 171, 217, 0.4) 100%
  );
  z-index: 1;
}

.bif-third-text-wrapper-6 {
  width: 280px;
  top: 435px;
  right: -400px;
  /* 오른쪽 기준으로 배치 */
  color: #50606f;
  position: absolute;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  z-index: 2;
}

.bif-third-text-wrapper-7 {
  width: 125px;
  top: 310px;
  right: -210px;
  /* 오른쪽 기준으로 배치 */
  font-family: "Pretendard", Arial, sans-serif;
  position: absolute;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  z-index: 2;
}

.bif-third-image-3 {
  position: absolute;
  width: 535px;
  height: 463px;
  top: 326px;
  right: -200px;
  /* 오른쪽에 이미지 배치 */
  aspect-ratio: 0.79;
  box-shadow: 30px 37px 59.5px #00000040;
}

/* 768px 이하 모바일 반응형 */
@media (max-width: 768px) {
  /* 컨테이너 조정 */
  .bif-third-recommended-container {
    width: 100%;
    min-height: auto;
    padding: 20px;
    overflow-x: visible;
  }

  /* 모바일용 새로운 타이틀 추가 */
  .bif-third-recommended-container::before {
    content: "Recommended types";
    display: block;
    width: 100%;
    text-align: center;
    font-family: "Dream Orphans", Arial, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 48px;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 60px;
    order: -1;
  }

  /* 라인 이미지 숨김 */
  .bif-third-line,
  .bif-third-line-2,
  .bif-third-line-3 {
    display: none;
  }

  /* 1번 항목 - 세로 배치 */
  .bif-third-overlap {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bif-third-overlap-group {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* 1번 항목의 독립적인 텍스트 요소들 숨김 */
  .bif-third-overlap .bif-third-text-wrapper,
  .bif-third-overlap .bif-third-p {
    display: none !important;
  }

  .bif-third-image {
    position: relative;
    width: 300px;
    height: 350px;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    box-shadow: 20px 25px 40px #00000040;
    object-fit: cover;
  }

  .bif-third-rectangle-2 {
    position: relative;
    width: 250px;
    height: 150px;
    top: -50px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
  }

  /* rectangle 안에 새로운 텍스트 추가 */
  .bif-third-rectangle-2::after {
    content: "01";
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    order: 1;
  }

  .bif-third-rectangle-2::before {
    content: attr(data-i18n);
    white-space: pre-line;
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #516070;
    text-align: center;
    line-height: 1.4;
    margin: 5px 0 10px;
    order: 2;
  }

  /* 타이틀 섹션 조정 */
  .bif-third-overlap-group-2 {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    margin-bottom: 60px;
  }

  .bif-third-recommended-types {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    margin-bottom: 60px;
  }

  .bif-third-title {
    display: none;
    font-size: 48px;
  }

  /* 2번 항목 - 세로 배치 */
  .bif-third-overlap-group-2 .bif-third-item {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    opacity: 1;
    transform: none;
  }
  .bif-third-item {
    opacity: 1;
    transform: none;
  }

  /* 2번 항목의 독립적인 텍스트 요소들 숨김 */
  .bif-third-overlap-group-2 .bif-third-text-wrapper-4,
  .bif-third-overlap-group-2 .bif-third-text-wrapper-5 {
    display: none !important;
  }

  .bif-third-img {
    position: relative;
    width: 300px;
    height: 350px;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    box-shadow: 20px 25px 40px #00000040;
    order: 1;
    object-fit: cover;
  }

  .bif-third-rectangle-4 {
    position: relative;
    width: 250px;
    height: 150px;
    top: -50px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    order: 2;
  }

  /* rectangle 안에 새로운 텍스트 추가 */
  .bif-third-rectangle-4::after {
    content: "02";
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    order: 1;
  }

  .bif-third-rectangle-4::before {
    content: attr(data-i18n);
    white-space: pre-line;
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #516070;
    text-align: center;
    line-height: 1.4;
    margin: 5px 0 10px;
    order: 2;
  }

  /* 3번 항목 - 세로 배치 */
  .bif-third-overlap-3 {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
  }

  /* 3번 항목의 독립적인 텍스트 요소들 숨김 */
  .bif-third-overlap-3 .bif-third-text-wrapper-8,
  .bif-third-overlap-3 .bif-third-text-wrapper-9 {
    display: none !important;
  }

  .bif-third-image-2 {
    position: relative;
    width: 300px;
    height: 350px;
    top: 0;
    left: 0;
    right: auto;
    margin-bottom: 20px;
    box-shadow: 20px 25px 40px #00000040;
    order: 1;
    object-fit: cover;
  }

  .bif-third-rectangle-8 {
    position: relative;
    width: 250px;
    height: 150px;
    top: -50px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    order: 2;
  }

  /* rectangle 안에 새로운 텍스트 추가 */
  .bif-third-rectangle-8::after {
    content: "03";
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    order: 1;
  }

  .bif-third-rectangle-8::before {
    content: attr(data-i18n);
    white-space: pre-line;
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #516070;
    text-align: center;
    line-height: 1.4;
    margin: 5px 0 10px;
    order: 2;
  }

  /* 4번 항목 - 세로 배치 */
  .bif-third-overlap-2 {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
  }

  /* 4번 항목의 독립적인 텍스트 요소들 숨김 */
  .bif-third-overlap-2 .bif-third-text-wrapper-6,
  .bif-third-overlap-2 .bif-third-text-wrapper-7 {
    display: none !important;
  }

  .bif-third-image-3 {
    position: relative;
    width: 300px;
    height: 350px;
    top: 0;
    left: 0;
    right: auto;
    margin-bottom: 20px;
    box-shadow: 20px 25px 40px #00000040;
    order: 1;
    object-fit: cover;
  }

  .bif-third-rectangle-6 {
    position: relative;
    width: 250px;
    height: 150px;
    top: -50px;
    left: 0;
    right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    order: 2;
  }

  /* rectangle 안에 새로운 텍스트 추가 */
  .bif-third-rectangle-6::after {
    content: "04";
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    order: 1;
  }

  .bif-third-rectangle-6::before {
    content: attr(data-i18n);
    white-space: pre-line;
    font-family: "Pretendard", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #50606f;
    text-align: center;
    line-height: 1.4;
    margin: 5px 0 10px;
    order: 2;
  }

  /* 배경 ellipse 숨김 또는 조정 */
  .bif-third-ellipse,
  .bif-third-ellipse-2,
  .bif-third-ellipse-3,
  .bif-third-ellipse-4 {
    display: none;
  }

  /* box 요소들 숨김 */
  .bif-third-box,
  .bif-third-box-2 {
    display: none;
  }

  /* 회색 배경 rectangle 숨김 */
  .bif-third-rectangle,
  .bif-third-rectangle-3,
  .bif-third-rectangle-5,
  .bif-third-rectangle-7 {
    display: none;
  }
}

/*=== treatment area ===*/
.bif-treatment-container {
  background-color: #ffffff;
  padding: 60px 20px;
  text-align: center;
  margin-top: 80px;
}

.bif-treatment-title {
  font-family: "Dream Orphans", serif;
  font-size: 48px;
  font-weight: 400;
  color: #333;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

.bif-treatment-subtitle {
  font-family: "Pretendard", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #666;
  margin-bottom: 60px;
  letter-spacing: -0.3px;
}

.bif-treatment-image-wrapper {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.bif-treatment-image {
  position: relative;
  display: inline-block;
}

.bif-treatment-bg-img {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
}

/* 각 부위 텍스트 */
.bif-treatment-area-info {
  position: absolute;
  max-width: 280px;
}

.bif-treatment-area-name {
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
}

.bif-treatment-area-description {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

/* 옆구리 텍스트 위치 */
.bif-treatment-side-info {
  top: 105px;
  left: 100px;
  text-align: right;
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.bif-treatment-side-info.animate {
  opacity: 1;
  transform: translateX(0);
}

/* 상복부 텍스트 위치 */
.bif-treatment-upper-info {
  top: 45px;
  right: 170px;
  text-align: left;
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.bif-treatment-upper-info.animate {
  opacity: 1;
  transform: translateX(0);
}

/* 하복부 텍스트 위치 */
.bif-treatment-lower-info {
  top: 390px;
  right: 150px;
  text-align: left;
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s;
}

.bif-treatment-lower-info.animate {
  opacity: 1;
  transform: translateX(0);
}

.mo-bif-treatment-bg-img {
  display: none;
}

/* 768px 반응형 */
@media (max-width: 768px) {
  .bif-treatment-container {
    padding: 40px 0px;
    margin-top: 60px;
  }

  .bif-treatment-image-wrapper {
    width: 100%;
  }

  .bif-treatment-image {
    width: 100%;
  }

  .bif-treatment-title {
    font-size: 48px;
    margin-bottom: 10px;
  }

  .bif-treatment-subtitle {
    font-size: 20px;
    margin-bottom: 80px;
  }

  .bif-treatment-bg-img {
    display: none;
  }

  .mo-bif-treatment-bg-img {
    width: 100%;
    display: block;
  }

  .bif-treatment-area-info {
    max-width: 165px;
  }

  .bif-treatment-area-name {
    text-align: right;
    font-size: 16px;
    margin-bottom: 6px;
  }

  .bif-treatment-area-description {
    font-size: clamp(14px, 1vw, 16px);
    text-align: end;
  }

  /* 옆구리 텍스트 위치 */
  .bif-treatment-side-info {
    top: 32%;
    left: 15%;
    opacity: 1;
    transform: none;
  }

  .bif-treatment-side-info .bif-treatment-area-name {
    padding-right: 0px;
  }

  /* 상복부 텍스트 위치 */
  .bif-treatment-upper-info {
    top: 3%;
    right: 36%;
    opacity: 1;
    transform: none;
  }

  .bif-treatment-upper-info .bif-treatment-area-name {
    padding-right: 0px;
  }

  /* 하복부 텍스트 위치 */
  .bif-treatment-lower-info {
    top: 73%;
    right: 37%;
    opacity: 1;
    transform: none;
  }

  .bif-treatment-lower-info .bif-treatment-area-name {
    padding-right: 10px;
  }
}

/*=== Medical Process 영역 ===*/
.bif-medical-container {
  background-color: #ffffff;
  padding: 80px 20px;
  min-width: 1300px;
  position: relative;
  margin-top: 120px;
}

.bif-medical-header {
  text-align: left;
  margin-bottom: 60px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.bif-medical-title {
  font-family: "Dream Orphans", serif;
  font-size: 48px;
  font-weight: 400;
  color: #333;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}

.bif-medical-subtitle {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #666;
  line-height: 1.4;
  letter-spacing: -0.3px;
}

.bif-medical-process-grid {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.bif-medical-process-item {
  background-color: #f3f4f5;
  border-radius: 20px;
  padding: 30px;
  flex: 1;
  min-width: 300px;
  max-width: 380px;
  position: relative;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  z-index: 1;
}

.bif-medical-process-item.animate {
  opacity: 1;
  transform: translateY(0);
}

.bif-medical-image-wrapper {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 4/3;
}

.bif-medical-process-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.bif-medical-label {
  font-family: "Pretendard", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #333;
  text-align: center;
  background-color: #ffffff;
  padding: 15px 20px;
  border-radius: 50px;
  box-shadow: inset 6px 4px 4px #00000040;
  line-height: 1.3;
  letter-spacing: -0.3px;
  margin: 0 10px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bif-medical-bubble {
  position: absolute;
  bottom: -140px;
  right: 50px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(10px);
  background: linear-gradient(
    180deg,
    rgba(131, 172, 232, 0.4) 6%,
    rgba(255, 255, 255, 0) 91%
  );
  z-index: 0;
}

@media (max-width: 768px) {
  .bif-medical-container {
    padding: 60px 20px;
    min-width: auto;
    margin-top: 80px;
  }

  .bif-medical-header {
    text-align: center;
    margin-bottom: 40px;
    max-width: 100%;
  }

  .bif-medical-title {
    font-size: 48px;
    margin-bottom: 12px;
  }

  .bif-medical-subtitle {
    font-size: 20px;
    word-break: keep-all;
  }

  .bif-medical-process-grid {
    flex-direction: column;
    max-width: 100%;
    gap: 20px;
  }

  .bif-medical-process-item {
    padding: 20px;
    min-width: auto;
    max-width: 100%;
    margin: 0 auto;
    opacity: 1;
    transform: none;
  }

  .bif-medical-image-wrapper {
    margin-bottom: 20px;
    border-radius: 15px;
  }

  .bif-medical-process-img {
    border-radius: 15px;
  }

  .bif-medical-label {
    font-size: 16px;
    padding: 12px 16px;
    height: 60px;
    margin: 0 5px;
  }

  .bif-medical-bubble {
    bottom: -100px;
    right: 20px;
    width: 200px;
    height: 200px;
  }
}

/*=== 비키니핏 닥터 영역 ===*/
.bif-doctor-container {
  background-color: #ffffff;
  padding: 80px 20px;
  min-width: 1300px;
  margin-top: 120px;
}

.bif-doctor-content {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

.bif-doctor-text {
  flex: 1;
  max-width: 550px;
  text-align: center;
  position: relative;
}

.bif-doctor-text::before {
  content: "";
  position: absolute;
  top: 115px;
  left: -120px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(10px);
  background: linear-gradient(
    270deg,
    rgba(131, 172, 232, 0) 0%,
    rgba(131, 172, 232, 0.2) 70%,
    rgba(131, 172, 232, 0.6) 100%
  );
  z-index: 1;
}

.bif-doctor-title {
  font-family: "Dream Orphans", serif;
  font-size: 48px;
  font-weight: 400;
  color: #333;
  margin-bottom: 40px;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.bif-doctor-description {
  font-family: "Pretendard", sans-serif;
  font-weight: 200;
  font-size: 20px;
  color: #000;
  line-height: 1.6;
  letter-spacing: -0.3px;
  margin-bottom: 30px;
  word-break: keep-all;
  position: relative;
  z-index: 2;
}

.bif-doctor-description p {
  margin-bottom: 20px;
}

.bif-doctor-description p:last-child {
  margin-bottom: 0;
}

.bif-doctor-signature {
  font-family: "Pretendard", sans-serif;
  font-weight: 200;
  font-size: 16px;
  color: #000;
  letter-spacing: -0.2px;
  margin-top: 20px;
  text-align: right;
}

.bif-doctor-image {
  flex: 1.2;
  max-width: 700px;
}

.bif-doctor-img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
}

/* 반응형 */
@media (max-width: 1024px) {
  .bif-doctor-content {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }

  .bif-doctor-title {
    font-size: 48px;
  }

  .bif-doctor-description {
    font-size: 18px;
  }

  .bif-doctor-signature {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .bif-doctor-container {
    margin-top: 40px;
    padding: 60px 20px;
    min-width: auto;
  }

  .bif-doctor-title {
    font-size: 32px;
  }

  .bif-doctor-description {
    font-size: 16px;
    word-break: keep-all;
  }
  .bif-doctor-description p br {
    display: none;
  }
  .bif-doctor-signature {
    font-size: 13px;
  }
}

.bif-guide-container {
  background-color: #ffffff;
  padding: 120px 0;
  overflow: hidden;
}

.bif-guide-header {
  width: 100vw;
  margin: 0 auto;
  padding: 0 0 0 80px;
  text-align: left;
  margin-bottom: 20px;
}

.bif-guide-title {
  font-family: "Noto Serif KR", serif;
  font-size: 32px;
  font-weight: 400;
  color: #000;
  margin-bottom: 40px;
  letter-spacing: -0.5px;
}

.bif-guide-subtitle {
  font-family: "Pretendard", sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #000;
  line-height: 1.5;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

.bif-guide-slider-wrapper {
  width: 100vw;
  overflow: hidden;
  position: relative;
  background-image: url("/home_assets/img/main/jab_center/bif-slider-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px;
}

.bif-guide-swiper {
  padding: 0 100px;
  overflow: visible;
}

.bif-guide-slide {
  width: 494px !important;
  height: 246px !important;
  background-color: #ffffff;
  border: 1px dashed #adadad;
  border-radius: 20px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-break: keep-all;
}

.bif-guide-slide-title {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
  margin-bottom: 40px;
  letter-spacing: -0.3px;
  line-height: 1.3;
}

.bif-guide-slide-desc {
  font-family: "Pretendard", sans-serif;
  font-weight: 200;
  font-size: 24px;
  color: #000;
  line-height: 1.4;
  letter-spacing: -0.3px;
}

.swiper-pagination {
  display: none;
}

/* 반응형 */
@media (max-width: 768px) {
  .bif-guide-container {
    padding: 60px 0;
  }

  .bif-guide-header {
    padding: 0 20px;
    margin-bottom: 40px;
  }

  .bif-guide-title {
    font-size: 24px;
  }

  .bif-guide-subtitle {
    font-size: 18px;
  }

  .bif-guide-slider-wrapper {
    padding: 20px;
  }

  .bif-guide-slider {
    padding: 0 20px;
    gap: 60px;
  }

  .bif-guide-slide {
    flex: 0 0 250px;
    padding: 20px;
    min-height: 150px;
  }

  .bif-guide-slide-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .bif-guide-slide-desc {
    font-size: 16px;
    word-break: keep-all;
  }

  .swiper-pagination {
    display: block;
    position: static !important;
    margin-top: 30px;
  }

  .swiper-pagination-bullet {
    background-color: #ccc;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background-color: #007bff;
  }
}

/*=== FAQ 영역===*/
.bikinifit-faq-section {
  width: 100vw;
  height: 100%;
  background-image: url("/home_assets/img/main/jab_center/bikinifit-faq-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 20px 40px;
  clip-path: ellipse(100% 90% at 50% 100%);
}

.bikinifit-faq-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.bikinifit-faq-title {
  font-family: "Dream Orphans", serif;
  font-size: 96px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 40px 0;
  letter-spacing: -0.5px;
}

.bikinifit-faq-content {
  width: 75%;
  height: 100%;
  /* max-height: 552px; */
  background-image: url("/home_assets/img/main/body_center/front_background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 60px 60px 40px 40px;
  padding: 60px 40px;
}

.bikinifit-faq-top {
  margin-bottom: 60px;
}

.bikinifit-faq-item {
  margin-bottom: 60px;
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.bikinifit-faq-question {
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  line-height: 1.5;
  flex: 0.4;
  /* 40% 비율로 조정 */
}

.bikinifit-faq-answer {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
  opacity: 0.9;
  flex: 0.6;
  /* 60% 비율로 조정 */
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 10px 10px 10px 45px;
  letter-spacing: -0.2px;
  word-break: keep-all;
}

.bikinifit-faq-answer .answer-mark {
  font-weight: 600;
}

/* 첫 번째 FAQ - 5:5 비율 */
.bikinifit-faq-item:nth-child(1) .bikinifit-faq-question {
  flex: 0.48;
}

.bikinifit-faq-item:nth-child(1) .bikinifit-faq-answer {
  flex: 0.52;
  border-radius: 49.5px 0 49.5px 49.5px;
}

/* 두 번째 FAQ - 4:6 비율 */
.bikinifit-faq-item:nth-child(2) .bikinifit-faq-question {
  flex: 0.4;
}

.bikinifit-faq-item:nth-child(2) .bikinifit-faq-answer {
  flex: 0.6;
  border-radius: 58px 0 58px 58px;
}

/* 세 번째 FAQ - 3:7 비율 */
.bikinifit-faq-item:nth-child(3) .bikinifit-faq-question {
  flex: 0.35;
}

.bikinifit-faq-item:nth-child(3) .bikinifit-faq-answer {
  flex: 0.65;
  border-radius: 73px 0 73px 73px;
}
.line-break-m {
  display: block;
}

.line-break-m::after {
  content: "\A";
}
@media (max-width: 768px) {
  .bikinifit-faq-section {
    height: auto;
    min-height: 100vh;
    padding: 60px 20px 40px;
    clip-path: none;
  }

  .bikinifit-faq-container {
    justify-content: center;
  }

  .bikinifit-faq-title {
    font-size: 48px;
    margin-bottom: 30px;
  }

  .bikinifit-faq-content {
    width: 100%;
    max-height: none;
    height: auto;
    border-radius: 30px;
    padding: 40px 20px;
  }

  .bikinifit-faq-top {
    margin-bottom: 40px;
  }

  .bikinifit-faq-item {
    margin-bottom: 40px;
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
  }

  .bikinifit-faq-question {
    font-size: 18px;
    flex: none;
    margin-bottom: 10px;
    word-break: keep-all;
  }

  .bikinifit-faq-answer {
    font-size: 16px;
    flex: none;
    padding: 20px;
    border-radius: 20px !important;
    line-height: 1.5;
    word-break: keep-all;
  }

  .bikinifit-faq-answer br {
    display: none;
  }
  .line-break-m {
    display: none;
  }

  /* 모든 FAQ 아이템에 동일한 스타일 적용 */
  .bikinifit-faq-item:nth-child(1) .bikinifit-faq-question,
  .bikinifit-faq-item:nth-child(2) .bikinifit-faq-question,
  .bikinifit-faq-item:nth-child(3) .bikinifit-faq-question {
    flex: none;
  }

  .bikinifit-faq-item:nth-child(1) .bikinifit-faq-answer,
  .bikinifit-faq-item:nth-child(2) .bikinifit-faq-answer,
  .bikinifit-faq-item:nth-child(3) .bikinifit-faq-answer {
    flex: none;
    border-radius: 20px !important;
  }

  .bikinifit-faq-answer .answer-mark {
    font-weight: 600;
  }
}