/* ========== 변수 + 베이스 (.pdp-section 한 블록) ========== */
.pdp-section {
  --max-w: 1900px;
  --min-w: 1400px;
  --fs-base: 18px;
  --c-white: #fff;
  --radius-lg: 33px;
  --radius-md: 15px;
  @media screen and (max-width: 1024px) {
    --radius-lg: 4vw;
    --radius-md: 2vw;
  }
  --text-grad-beige-from: #ba9b8b;
  --text-grad-beige-to: #dcc0b1;
  --text-grad-beige-angle: 325deg;
  --text-grad-beige-scale: 150%;

  min-width: var(--min-w);
  max-width: var(--max-w);
  margin: 0 auto;
  font-family: "HanSans", "malgun gothic", sans-serif;
  font-size: var(--fs-base);
  font-weight: 400;
  color: var(--c-white);
  letter-spacing: -0.04em;
  background: #fff;
}
.pdp-section * {
  box-sizing: border-box !important;
}

/* 1400px 미만 뷰포트: .pdp-section min-width(1400) 유지로 생기는 가로 스크롤·띠 이미지 넘침 방지
   (<=1024 구간은 아래 별도 미디어쿼리가 덮음) */
@media screen and (max-width: 1399px) {
  .pdp-section {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
  }
}

.pdp-section .sub-tit-box h3.text-gradient-beige {
  color: transparent;
  background-image: linear-gradient(
    var(--text-grad-beige-angle),
    var(--text-grad-beige-from) 0%,
    var(--text-grad-beige-to) 100%
  );
  background-size: var(--text-grad-beige-scale) var(--text-grad-beige-scale);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
/* ========== 유틸리티 ========== */
.hide {
  overflow: hidden;
  font-size: 0;
  text-indent: -999999px;
}

.pc-only {
  display: block !important;
}
.mo-only {
  display: none !important;
}

/* 공통 라운드 유틸 */
.is-rounded {
  overflow: hidden;
  border-radius: var(--radius-lg);
}

/* 세로 라인 데코 — 부모에 position: relative 필수, top 0·가로 중앙 고정 */
.deco-vline-top-center {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 220px;
  background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/shape.webp")
    0 0 no-repeat;
  transform: translateX(-50%);
  background-size: cover;
}

/* ========== 공통 컴포넌트 ========== */
.pdp-section .video-box {
  position: relative;
  overflow: hidden;

  img,
  video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  video {
    border: 0;
    outline: none;
    -webkit-mask-image: none;
    backface-visibility: hidden;
  }
}

/* .round-video, .round-gif → 유틸로 통합 */
.pdp-section .round-video,
.pdp-section .round-gif {
  overflow: hidden;
  border-radius: var(--radius-lg);
}

/* GIF 포스터 토글 (기본 노출) */
.pdp-section .gif-box img {
  opacity: 1;
}
.pdp-section .gif-box.gif img {
  opacity: 0;
}
.pdp-section .tit-box {
  text-align: center;
}

/* 포인트 헤더: 캡슐 배지 + 제목 + 설명 (공용, 배지 크기·배경 고정) */
.pdp-section .pdp-point-head {
  margin-top: 150px;
  text-align: center;
  @media screen and (max-width: 1024px) {
    margin-top: 16vw;
  }
}
.pdp-section .pdp-point-badge-solid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 204px;
  height: 53px;
  margin-right: auto;
  margin-left: auto;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  border-radius: 26px;
  background-color: #d3c5b6;
  @media screen and (max-width: 1024px) {
    width: 21.7333vw;
    height: 5.7333vw;
    font-size: 4vw;
    border-radius: var(--radius-lg);
  }
}

.pdp-section .pdp-point-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 204px;
  height: 53px;
  margin-right: auto;
  margin-left: auto;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  border-radius: 26px;
  background-color: rgb(92, 67, 56);
  background-image: linear-gradient(
    126deg,
    rgb(201, 168, 140) 0%,
    rgb(139, 107, 82) 77%,
    rgb(92, 67, 56) 100%
  );
  @media screen and (max-width: 1024px) {
    width: 21.7333vw;
    height: 5.7333vw;
    font-size: 4vw;
    border-radius: var(--radius-lg);
  }
}
.pdp-section .pdp-point-head .p1 {
  margin-top: 38px;
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  line-height: 88px;
}
.pdp-section .pdp-point-head .p1.thin {
  font-weight: 500;
  span {
    font-weight: 300;
  }
}
.pdp-section .pdp-point-head .p2 {
  margin-top: 16px;
  font-size: 30px;
  font-weight: 300;
  color: #fff;
  line-height: 48px;
}

/* 스와이퍼 화살표 제거 */
.pdp-section .swiper-button-next::after,
.pdp-section .swiper-button-prev::after {
  display: none;
}

/*레이아웃*/
.flex-box {
  display: flex;
}
/* ========== 반응형 (<=1024) ========== */
@media screen and (max-width: 1024px) {
  .swiper-wrapper {
    height: auto;
  }

  /* 라운드 통합 */
  .pdp-section .round-video,
  .pdp-section .round-gif,
  .is-rounded {
    border-radius: 5vw;
  }

  .pc-only {
    display: none !important;
  }
  .mo-only {
    display: block !important;
  }

  .pdp-section {
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
  }

  .deco-vline-top-center {
    width: 0.2667vw;
    height: 14vw;
    top: 0vw;
    background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/shape-m.webp")
      no-repeat;
    background-size: contain;
    background-position: center top;
  }

  .pdp-section .round-box {
    width: 17.3vw;
    height: 6.6vw;
    border-radius: 3.33vw;
  }
  .pdp-section .round-box.white {
    color: #333;
    background: #fff;
  }
  .pdp-section .text-box h4 {
    margin: 0 auto 2.6vw;
  }

  .pdp-section .pdp-point-head .p1 {
    margin-top: 5.3333vw;
    font-size: 6.4vw;
    line-height: 8vw;
  }
  .pdp-section .pdp-point-head .p2 {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
}

/*메인 비쥬얼*/
.pdp-section-main {
  padding: 210px 0;
  margin-bottom: -1px; /* 모바일 서브픽셀 렌더링으로 인한 흰색 갭 방지 */
  background: var(--tit-icon-bg)
    url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/visual.webp")
    center top no-repeat;
  --tit-icon-bg: #0b0704;
  --tit-icon-sep-h: min(100px, 14vh);
  --tit-icon-hairline: rgb(8 6 4 / 0.95);
  --icon-vdiv-h: calc(100% - 32px);
  --icon-vdiv: #746054;
  --icon-bar-edge-b: rgb(255 255 255 / 0.07);
  --main-icon-pad-top: 30px;
  --icon-stack-gap: 20px;
  --icon-img-box: 72px;
  & .contents {
    position: relative;
    z-index: 0;

    &::before {
      position: absolute;
      bottom: -45%;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/video-light-back.webp")
        center / contain no-repeat;
      content: "";
      aspect-ratio: 1900/1700;
      pointer-events: none;
    }

    > * {
      position: relative;
      z-index: 1;
    }

    .tit-box {
      margin-bottom: 710px;
      text-align: center;
      .p1 {
        font-size: 32px;
        line-height: 50px;
      }
      h2 {
        margin-top: 14px;
        font-size: 75px;
        font-weight: bold;
      }
      .p2 {
        margin-top: 17px;
        font-size: 25px;
      }
    }
    .main-icon-box {
      position: relative;
      z-index: 0;
      margin-top: 130px;
      padding-top: var(--main-icon-pad-top);
      background: var(--tit-icon-bg);
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05);
      &::before {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: var(--tit-icon-sep-h);
        content: "";
        pointer-events: none;
        background: linear-gradient(
          180deg,
          rgb(11 7 4 / 0) 0%,
          rgb(11 7 4 / 0.06) 18%,
          rgb(11 7 4 / 0.18) 38%,
          rgb(11 7 4 / 0.42) 58%,
          rgb(11 7 4 / 0.72) 78%,
          rgb(11 7 4 / 0.94) 92%,
          var(--tit-icon-bg) 100%
        );
      }
      &::after {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 1px;
        margin-bottom: -1px;
        content: "";
        pointer-events: none;
        background: linear-gradient(
          90deg,
          rgb(11 7 4 / 0) 0%,
          var(--tit-icon-hairline) 14%,
          var(--tit-icon-hairline) 86%,
          rgb(11 7 4 / 0) 100%
        );
      }

      .main-icon-list {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1400px;
        margin: auto;
        padding: 0;
        list-style: none;

        .main-icon-item {
          display: flex;
          position: relative;
          flex: 1;
          justify-content: center;
          min-width: 0;
          text-align: center;

          &[data-target] {
            cursor: pointer;
          }

          & + .main-icon-item::before {
            position: absolute;
            top: 5px;
            left: 0;
            width: 1px;
            height: var(--icon-vdiv-h);
            content: "";
            background: var(--icon-vdiv);
            transform: translateX(-0.5px);
          }
          .desc {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--icon-stack-gap);
          }
          .p1 {
            margin: 0;
            font-size: 22px;
            color: #dcb8a3;
            line-height: 24px;
          }
          img {
            display: block;
            flex-shrink: 0;
            width: var(--icon-img-box);
            height: var(--icon-img-box);
            margin: 0;
            object-fit: contain;
            object-position: 50% 50%;
          }
          .p2 {
            margin: 0;
            font-size: 15px;
            line-height: 24px;
            span {
              font-size: 17px;
              font-weight: 700;
              color: #c09a84;
            }
          }
        }
      }
    }
    .main-icon-box + .img-box {
      margin-top: 70px;
      text-align: center;
    }
    &.icon-scroll-anim [id^="desolve"] .main-icon-list:not(.desolve) {
      opacity: 0;
      transition: none;
      transform: translateY(48px);
    }
    &.icon-scroll-anim [id^="desolve"] .main-icon-list.desolve {
      opacity: 1;
      transition:
        opacity 1.25s ease,
        transform 1.25s cubic-bezier(0.22, 1, 0.36, 1);
      transform: translateY(0);
    }
    &.icon-scroll-anim .img-box {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.45s ease;
    }
    &.icon-scroll-anim .img-box.is-visible {
      visibility: visible;
      opacity: 1;
    }
    &.icon-scroll-anim .img-box.is-visible img.is-bounce {
      animation: icon-scroll-bounce 1.35s ease-in-out infinite;
    }
    .sub-tit-box {
      position: relative;
      padding-top: 420px;
      text-align: center;
      .deco-vline-top-center {
        top: 130px;
      }
      .p1 {
        font-size: 38px;
        color: #fff;
        line-height: 50px;
      }
      .p2 {
        margin-top: 20px;
        font-size: 48px;
        font-weight: 700;
      }
      h3 {
        margin-top: 10px;
        font-size: 80px;
        font-weight: 700;
      }
    }
    .video-box {
      max-width: 1380px;
      aspect-ratio: 1380/775;
      margin: 155px auto 0;
    }
    .video-box + p {
      margin-top: 20px;
      font-size: 16px;
      text-align: center;
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 14.1333vw 0 0;
    background: var(--tit-icon-bg)
      url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/visual-m.webp")
      center top no-repeat;
    background-size: contain;

    & .contents {
      & .tit-box {
        margin-bottom: 69.3333vw;
        h2 {
          margin-top: 1.3333vw;
          font-size: 6.9333vw;
        }
        .p1 {
          font-size: 3.3333vw;
          line-height: 5.0667vw;
        }
        .p2 {
          margin-top: 2vw;
          font-size: 2.5333vw;
        }
      }
      .main-icon-box {
        position: relative;
        z-index: 2;
        isolation: isolate;
        margin-top: 8vw;
        padding-top: 4vw;
        padding-bottom: 1vw;

        .main-icon-list {
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          gap: clamp(20px, 5.33vw, 32px);
          box-sizing: border-box;
          width: 100%;
          max-width: min(100%, 34rem);
          margin-inline: auto;
          padding: 0 0 0 14vw;

          .main-icon-item {
            flex: none;
            align-self: center;
            width: 100%;
            max-width: min(100%, 31.25rem);
            justify-content: flex-start;
            min-width: 0;
            text-align: left;

            & + .main-icon-item::before {
              display: none;
            }

            .desc {
              flex-direction: row;
              align-items: center;
              gap: clamp(14px, 4vw, 24px);
              width: 100%;
              min-width: 0;
            }

            .p1 {
              display: none;
            }

            img {
              width: clamp(52px, 14.4vw, 72px);
              height: clamp(52px, 14.4vw, 72px);
            }

            .p2 {
              flex: 1;
              min-width: 0;
              font-size: 3.2vw;
              font-weight: 400;
              line-height: 4vw;
              color: #fff;
              text-align: left;

              span {
                font-size: 3.2vw;
                font-weight: 700;
                color: #c59471;
                line-height: 4vw;
              }
            }
          }
        }
        &::before {
          bottom: 155vw;
        }
      }
      /* 모바일: 스크롤 애니 대기 중에도 아이콘 리스트는 보이게(PC는 desolve까지 opacity 0 유지) */
      &.icon-scroll-anim [id^="desolve"] .main-icon-list:not(.desolve) {
        opacity: 1;
        transform: none;
        transition: none;
      }
      /* 스크롤 힌트 이미지: icon-scroll-anim(JS) 적용 전에도 숨김 → 새로고침 시 잠깐 보였다 사라지는 현상 방지 */
      .main-icon-box + .img-box {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none;
        margin-top: 0 !important;
      }
      .sub-tit-box {
        padding-top: 60vw;
        .deco-vline-top-center {
          top: 26vw;
        }
        .p1 {
          font-size: 3.2vw;
          line-height: 24px;
        }
        .p2 {
          margin-top: 1.3333vw;
          font-size: 4.8vw;
        }
        h3 {
          font-size: 6.9333vw;
        }
      }
      .video-box {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
      }
      .video-box + p {
        margin-top: 2.6667vw;
        padding-bottom: 10vw;
        font-size: 2.1333vw;
      }
    }
  }
}
@keyframes icon-scroll-bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pdp-section-main .contents.icon-scroll-anim [id^="desolve"] .main-icon-list {
    opacity: 1;
    transition: none;
    transform: none;
  }
  /* 모바일에선 스크롤 힌트 이미지 숨김 유지 — 아래 규칙은 PC(>1024)만 */
  @media screen and (min-width: 1025px) {
    .pdp-section-main .contents.icon-scroll-anim .img-box {
      visibility: visible;
      opacity: 1;
    }
  }
  .pdp-section-main .contents.icon-scroll-anim .img-box img {
    animation: none !important;
  }
}

/*메인 인트로*/
.pdp-section-intro {
  position: relative;
  padding: 270px 0 380px;
  margin-bottom: -1px; /* 모바일 서브픽셀 렌더링으로 인한 흰색 갭 방지 */
  background: #1d1c1b;
  & .contents {
    .sub-tit-box {
      text-align: center;
      .p1 {
        font-size: 80px;
        font-weight: 300;
        color: #fff;
        line-height: 109px;
      }
      h3 {
        margin-top: 10px;
        font-size: 80px;
        font-weight: 700;
      }
    }

    .video-box {
      max-width: 1200px;
      margin: 150px auto 0;

      &.intro-stage {
        position: relative;
        overflow: visible;
        max-width: 1200px;
        min-height: min(92vw, 760px);
        margin: 265px auto 0;

        .intro-visual {
          position: absolute;
          top: 54%;
          left: 50%;
          width: min(58%, 640px);
          transform: translate(-50%, -50%);
          aspect-ratio: 1;
        }

        .intro-deco {
          position: absolute;
          inset: -10%;
          background: center / contain no-repeat;
          pointer-events: none;
        }

        .intro-clip {
          position: absolute;
          inset: 0;
          overflow: hidden;
          border-radius: 50%;

          img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

          video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            outline: none;
            object-fit: cover;
            -webkit-mask-image: none;
          }
        }

        .intro-tab {
          position: absolute;
          z-index: 2;
          padding: 0;
          font: inherit;
          color: #fff;
          text-align: left;
          letter-spacing: inherit;
          border: 0;
          background: none;
          opacity: 0.6;
          transition: opacity 0.25s ease;
          cursor: pointer;

          &.is-active {
            opacity: 1;
          }

          &:focus-visible {
            outline: 2px solid rgba(255, 255, 255, 0.6);
            outline-offset: 4px;
          }

          &.intro-tab-tl {
            top: -10%;
            left: 5%;
            text-align: right;
          }

          &.intro-tab-tr {
            top: -15%;
            right: 10%;
            text-align: left;
          }

          &.intro-tab-br {
            right: 5%;
            bottom: -25%;
            text-align: right;
          }

          .intro-tab-tag {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 133px;
            height: 53px;
            font-size: 39px;
            font-weight: 600;
            color: #fff;
            line-height: 60px;
            background: #b79482;
          }

          .intro-tab-title {
            display: block;
            margin-top: 12px;
            font-size: 39px;
            font-weight: 700;
            color: #b79482;
            line-height: 60px;
          }

          .intro-tab-desc {
            margin-top: 12px;
            font-size: 28px;
            font-weight: 400;
            color: #fff;
            line-height: 38px;
          }

          .intro-tab-note {
            margin: 5px 0 0;
            font-size: 20px;
            line-height: 45px;
          }
        }
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 60vw 0 0;
    .deco-vline-top-center {
      top: 26vw;
    }
    & .contents .sub-tit-box {
      .p1 {
        font-size: 4.8vw;
        line-height: 1;
      }
      h3 {
        margin-top: 1.3333vw;
        font-size: 8.5333vw;
        line-height: 10.6667vw;
      }
    }

    /* intro-stage: PC와 동일 비율·관계를 1024 기준 vw로 환산 (px÷1024×100) */
    & .contents .video-box.intro-stage {
      max-width: min(117.1875vw, 100%);
      min-height: min(92vw, 74.2188vw);
      margin: 25.8789vw auto 0;
      padding-bottom: 10vw;

      .intro-visual {
        position: relative;
        top: auto;
        left: auto;
        width: min(88vw, 50.7813vw);
        margin: 0 auto 2.7344vw;
        transform: none;
      }

      .intro-tab {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-width: none;

        &:last-child {
          margin-bottom: 0;
        }
        .intro-tab-tag {
          width: 9.3333vw;
          height: 3.7333vw;
          font-size: 2.8vw;
          line-height: 3.7333vw;
        }
        .intro-tab-title {
          margin-top: 0.6667vw;
          font-size: 2.8vw;
          line-height: 3.7333vw;
        }
        .intro-tab-desc {
          margin-top: 1.3333vw;
          font-size: 2.1333vw;
          line-height: 2.6667vw;
        }
        .intro-tab-note {
          margin-top: 0.6667vw;
          font-size: 1.8667vw;
          line-height: 2.9333vw;
        }
        &.intro-tab-tl {
          top: -65vw;
          left: 10vw;
        }
        &.intro-tab-tr {
          top: -70vw;
          right: -50vw;
        }
        &.intro-tab-br {
          right: -10vw;
          bottom: 5vw;
        }
      }
    }
  }
}

/*포인트 1*/
.pdp-section-point1 {
  position: relative;
  padding: 250px 0;
  /* background: #2b2929; */
  background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point1-bg.jpg")
    center top no-repeat;
  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;
      .p1 {
        font-size: 48px;
        color: #fff;
        line-height: 51px;
      }
      h3 {
        margin-top: 20px;
        font-size: 80px;
        font-weight: 700;
      }
      .p2 {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 300;
        color: #efefef;
        line-height: 36px;
      }
    }
    .point1-media-row {
      display: flex;
      align-items: center;
      gap: 45px;
      max-width: 1200px;
      margin: 100px auto 0;
      .video-box {
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        width: 100%;
        max-width: 660px;
        aspect-ratio: 660 / 430;
      }
      .text-box {
        margin-top: 0;
        text-align: left;
        h4 {
          font-size: 40px;
          font-weight: 700;
          color: #c3a494;
          line-height: 50px;
        }
        .p1 {
          margin-top: 10px;
          font-size: 27px;
          color: #fff;
          line-height: 45px;
        }
        .p2 {
          margin-top: 5px;
          font-size: 20px;
          font-weight: 300;
          line-height: 45px;
        }
      }
      &.fx-r {
        flex-direction: row-reverse;
        .text-box {
          text-align: right;
        }
      }
    }
    .point1-sub-tit-extra {
      margin-top: 140px;
      .p1 {
        font-size: 35px;
        font-weight: 700;
        line-height: 58px;
      }
      h3 {
        margin-top: 10px;
        font-size: 64px;
        line-height: 58px;
      }
    }
    /* 레이어: 아래 light_back → 위 point1-img2 → 맨 위 텍스트·img */
    .point1-dual-panel {
      position: relative;
      z-index: 0;
      isolation: isolate;
      max-width: 1200px;
      margin: 0 auto;
      padding: 150px 0;

      &::before {
        position: absolute;
        top: 50%;
        right: 0%;
        z-index: 0;
        width: min(1444px, 120%);
        max-height: 160%;
        background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/light_back.webp")
          center / contain no-repeat;
        transform: translateY(-50%);
        content: "";
        aspect-ratio: 1444 / 1618;
        pointer-events: none;
      }

      &::after {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1;
        width: 55%;
        height: min(900px, 85%);
        background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point1-img2.webp")
          right center / contain no-repeat;
        transform: translateY(-50%);
        content: "";
        pointer-events: none;
      }

      > * {
        position: relative;
        z-index: 2;
      }

      .p1 {
        font-size: 38px;
      }
      img {
        margin-top: 20px;
      }
      .p2 {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 300;
        line-height: 36px;
      }
    }

    .pdp-more-details {
      max-width: 1200px;
      margin: 100px auto 0;
      font-size: 14px;
      color: #fff;
      line-height: 20px;
      letter-spacing: -1.2px;
      text-align: center;

      strong {
        font-weight: 700;
      }

      summary {
        display: inline-flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        width: fit-content;
        max-width: 100%;
        padding-bottom: 10px;
        font-size: 35px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        border-bottom: 3px solid #fff;
        cursor: pointer;
        list-style: none;
      }

      .pdp-more-details-body {
        margin-top: 130px;
        text-align: left;
        color: #7a7a7a;
      }

      summary::-webkit-details-marker {
        display: none;
      }

      summary::after {
        display: inline-flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 40px;
        font-weight: 500;
        color: #fff;
        line-height: 1;
        content: "+";
      }

      &[open] summary::after {
        content: "−";
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 25vw 0;
    .deco-vline-top-center {
      top: 0vw;
    }
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        .p1 {
          font-size: 4.8vw;
          line-height: 6.6667vw;
        }
        .p2 {
          margin-top: 2.6667vw;
          font-size: 2.1333vw;
          line-height: 3.4667vw;
        }
        h3 {
          margin-top: 1.3333vw;
          margin-bottom: 3.3333vw;
          font-size: 8.5333vw;
          line-height: 10.6667vw;
        }
        &.point1-sub-tit-extra {
          margin-top: 32vw;
        }
      }
      .point1-media-row {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
        flex-direction: column;
        gap: 5.3333vw;

        & .text-box {
          text-align: center;

          h4 {
            font-size: 4vw;
            line-height: 2.9333vw;
          }

          .p1 {
            margin-top: 2.6667vw;
            font-size: 2.6667vw;
            line-height: 4vw;
          }

          .p2 {
            font-size: 2.4vw;
            line-height: 2.9333vw;
          }
        }

        &.fx-r {
          flex-direction: column;

          .text-box {
            text-align: center;
          }
        }
      }
      .point1-dual-panel {
        width: calc(100% - 13.3333vw);
        padding: 11.3333vw 0;
        .p1 {
          font-size: 2.9333vw;
          line-height: 5.3333vw;
        }
        img {
          width: 36.6667vw;
          margin-top: 1.3333vw;
        }
        .p2 {
          margin-top: 1.3333vw;
          font-size: 2.4vw;
          line-height: 3.2vw;
        }
        &::before {
          background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/light_back-m.webp")
            center center no-repeat;
          background-size: contain;
        }
      }
      .pdp-more-details {
        max-width: calc(100% - 6.9333vw);
        margin: 10vw auto 0;
        text-align: center;
        font-size: 2.4vw;
        line-height: 4vw;
        letter-spacing: -0.16vw;

        summary {
          display: inline-flex;
          justify-content: flex-start;
          width: fit-content;
          max-width: 100%;
          margin: 0 0 2.6667vw;
          font-size: 2.9333vw;
          text-align: left;
          gap: 1.3333vw;
          padding-bottom: 1.3333vw;
          border-width: 0.4vw;
        }

        summary::after {
          width: 3.6vw;
          min-width: auto;
          height: 3.6vw;
          font-size: 3.6vw;
        }

        .pdp-more-details-body {
          margin-top: 9.3333vw;
          text-align: center;
        }
      }
    }
  }
}

/*포인트 2*/
.pdp-section-point2 {
  position: relative;
  padding: 250px 0;
  background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point2-bg.jpg")
    center bottom no-repeat;
  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;
      .p1 {
        font-size: 48px;
        color: #fff;
        line-height: 51px;
      }
      h3 {
        margin-top: 20px;
        font-size: 80px;
        font-weight: 700;
      }
    }

    .point2-block-1,
    .point2-block-2,
    .point2-block-3,
    .point2-block-4,
    .point2-block-5,
    .point2-block-6 {
      display: flex;
      align-items: center;
      gap: 45px;
      max-width: 1200px;
      margin: 100px auto 0;
      .video-box {
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        width: 100%;
        max-width: 660px;
        aspect-ratio: 660 / 430;
      }
      .text-box {
        margin-top: 0;
        text-align: left;
        h4 {
          font-size: 40px;
          font-weight: 700;
          color: #c3a494;
          line-height: 50px;
        }
        .p1 {
          margin-top: 10px;
          font-size: 27px;
          color: #fff;
          line-height: 45px;
        }
        .p2 {
          margin-top: 5px;
          font-size: 20px;
          font-weight: 300;
          line-height: 30px;
        }
      }
      &.fx-r {
        flex-direction: row-reverse;
        .text-box {
          text-align: right;
        }
      }
    }
    .point2-block-3 + .point2-text-lead {
      margin-top: 150px;
      text-align: center;
      .p1 {
        font-size: 48px;
        line-height: 65px;
      }
      .p2 {
        font-size: 48px;
        font-weight: 700;
        line-height: 65px;
      }
    }
    .point2-block-4 {
      justify-content: space-between;
    }
    .point2-block-4 + .point2-text-note {
      margin-top: 100px;
      text-align: center;
      .p1 {
        font-size: 20px;
        font-weight: 300;
        line-height: 36px;
      }
    }
    .point2-block-6 {
      .text-box {
        .p2.deco {
          display: flex;
          flex-direction: row-reverse;
          align-items: center;
          justify-content: flex-start;
          margin-top: 20px;
          padding: 20px 100px 20px 0;
          text-align: right;
          background-color: transparent;
          background-image:
            url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point2-img4.webp"),
            url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/row-shape.webp");
          background-position:
            right center,
            center top;
          background-repeat: no-repeat, no-repeat;
          background-size:
            auto,
            min(100%, 1200px) auto;
        }
      }
    }
    .pdp-more-details {
      max-width: 1200px;
      margin: 100px auto 0;
      font-size: 14px;
      color: #a8a8a8;
      line-height: 20px;
      letter-spacing: -1.2px;
      text-align: center;

      strong {
        font-weight: 700;
      }

      summary {
        display: inline-flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        width: fit-content;
        max-width: 100%;
        margin: 0 0 60px;
        padding-bottom: 10px;
        font-size: 35px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        border-bottom: 3px solid #fff;
        cursor: pointer;
        list-style: none;
      }

      .pdp-more-details-body {
        margin-top: 130px;
        text-align: left;
        color: #7a7a7a;
      }

      summary::-webkit-details-marker {
        display: none;
      }

      summary::after {
        display: inline-flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 40px;
        font-weight: 500;
        color: #fff;
        line-height: 1;
        content: "+";
      }

      &[open] summary::after {
        content: "−";
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 25vw 0;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        .p1 {
          font-size: 4.8vw;
          line-height: 6.6667vw;
        }
        .p2 {
          margin-top: 2.6667vw;
          font-size: 2.4vw;
          line-height: 3.4667vw;
        }
        h3 {
          margin-top: 1.3333vw;
          font-size: 8.5333vw;
          line-height: 10.6667vw;
        }
        &.point1-sub-tit-extra {
          margin-top: 32vw;
        }
      }
      .point2-block-1,
      .point2-block-2,
      .point2-block-3,
      .point2-block-4,
      .point2-block-5,
      .point2-block-6 {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
        flex-direction: column;
        gap: 5.3333vw;

        & .text-box {
          text-align: center;

          h4 {
            font-size: 4vw;
            line-height: 2.9333vw;
          }

          .p1 {
            margin-top: 2.6667vw;
            font-size: 2.6667vw;
            line-height: 4vw;
          }

          .p2 {
            font-size: 2.4vw;
            line-height: 2.9333vw;
          }
        }
        &.fx-r {
          flex-direction: column;
          & .text-box {
            text-align: center;
          }
        }
      }
      .point2-block-3 + .point2-text-lead {
        margin-top: 13.3333vw;
        .p1 {
          font-size: 4.8vw;
          line-height: 6.4vw;
        }
        .p2 {
          font-size: 4.8vw;
          line-height: 6.4vw;
        }
      }
      & .point2-block-4 + .point2-text-note {
        margin-top: 6.6667vw;
        .p1 {
          font-size: 2.4vw;
          line-height: 4vw;
        }
      }
      & .point2-block-6 {
        & .text-box {
          .p2.deco {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: flex-start;
            margin-top: 2.6667vw;
            padding: 3.2vw 0 3.2vw 8vw;
            text-align: left;
            background-color: transparent;
            background-image:
              url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point2-img4-m.webp"),
              url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/row-shape.webp");
            background-position:
              left center,
              center top;
            background-repeat: no-repeat, no-repeat;
            background-size:
              5.7333vw,
              70% auto;
          }
        }
      }
      .pdp-more-details {
        max-width: calc(100% - 6.9333vw);
        margin: 10vw auto 0;
        text-align: center;
        font-size: 2.4vw;
        line-height: 4vw;
        letter-spacing: -0.16vw;

        summary {
          display: inline-flex;
          justify-content: flex-start;
          width: fit-content;
          max-width: 100%;
          margin: 0 0 2.6667vw;
          font-size: 2.9333vw;
          text-align: left;
          gap: 1.3333vw;
          padding-bottom: 1.3333vw;
          border-width: 0.4vw;
        }

        summary::after {
          width: 3.6vw;
          min-width: auto;
          height: 3.6vw;
          font-size: 3.6vw;
        }

        .pdp-more-details-body {
          margin-top: 9.3333vw;
          text-align: center;
        }
      }
    }
  }
}

/*포인트 3*/
.pdp-section-point3 {
  position: relative;
  padding: 250px 0;
  background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point3-bg.webp")
    center top no-repeat;
  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;
      .p1 {
        font-size: 48px;
        color: #fff;
        line-height: 51px;
      }
      h3 {
        margin-top: 20px;
        font-size: 80px;
        font-weight: 700;
      }
      .p2 {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 300;
        color: #efefef;
        line-height: 36px;
      }
    }

    .point3-slide-box {
      max-width: 1200px;
      margin: 100px auto 0;
      text-align: center;

      .point3-slide-stage {
        position: relative;
        margin: 0 auto;
      }

      .point3-swiper {
        overflow: hidden;

        .swiper-slide {
          height: auto;
        }

        .point3-slide-img {
          max-width: 100%;
          margin: 0 auto;

          img {
            display: block;
            width: 100%;
            height: auto;
            vertical-align: top;
          }
        }

        .point3-nav-prev,
        .point3-nav-next {
          display: flex;
          top: 50%;
          justify-content: center;
          align-items: center;
          width: 50px;
          height: 50px;
          margin: 0;
          padding: 0;
          border: 0;
          background: transparent;
          transform: translateY(-50%);
          cursor: pointer;

          &::after {
            display: none;
          }

          img {
            display: block;
            width: 100%;
            height: auto;
            pointer-events: none;
          }
        }

        .point3-nav-prev {
          left: -74px;
        }

        .point3-nav-next {
          right: -74px;
        }
      }

      .point3-slide-caption {
        margin: 30px 0 0;
        font-size: 26px;
        font-weight: 300;
        color: #fff;
      }

      .point3-pagination-pill {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        padding: 12px 20px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.45);

        .point3-swiper-pagination {
          display: flex;
          position: relative;
          bottom: auto;
          left: auto;
          justify-content: center;
          align-items: center;
          gap: 14px;
          width: auto;

          .swiper-pagination-bullet {
            box-sizing: border-box;
            width: 22px;
            height: 22px;
            margin: 0;
            border-radius: 50%;
            background: #ffffff;
            opacity: 1;
          }

          .swiper-pagination-bullet:nth-child(1) {
            background: #ffffff;
          }

          .swiper-pagination-bullet:nth-child(2) {
            background: #cec9c8;
          }

          .swiper-pagination-bullet:nth-child(3) {
            background: #d3c5b6;
          }

          .swiper-pagination-bullet:nth-child(4) {
            background: #777473;
          }

          .swiper-pagination-bullet-active {
            box-shadow: inset 0 0 0 1px #000;
            outline: 3px solid #fff;
            outline-offset: 0;
          }
        }
      }
    }

    .hover-box {
      max-width: 1200px;
      margin: 100px auto 0;
      padding: 80px;
      border-radius: var(--radius-lg);
      background: #fff;

      .point3-color-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 48px 40px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .point3-color-item {
        margin: 0;
      }

      .point3-color-figure {
        /* 스테이지: 가로 356 기준 세로 276 (열린 이미지 높이에 맞춤) */
        display: flex;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: min(356px, 100%);
        border-radius: 12px;
        cursor: pointer;
        aspect-ratio: 356 / 276;
        margin-inline: auto;
        outline: none;

        &:focus-visible {
          box-shadow: 0 0 0 3px rgb(255 255 255 / 0.9);
        }
      }

      .point3-color-default {
        display: block;
        position: relative;
        z-index: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 356px;
        height: auto;
        opacity: 1;
        transition: opacity 0.45s ease;
        aspect-ratio: 356 / 251;
        object-fit: contain;
        vertical-align: top;
      }

      .point3-color-open {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: calc(100% * 249 / 356);
        max-width: 249px;
        height: auto;
        max-height: 276px;
        opacity: 0;
        transition: opacity 0.45s ease;
        transform: translate(-50%, -50%);
        aspect-ratio: 249 / 276;
        object-fit: contain;
        object-position: center;
        pointer-events: none;
      }

      @media (prefers-reduced-motion: reduce) {
        .point3-color-default,
        .point3-color-open {
          transition: none;
        }
      }

      .point3-color-item:hover .point3-color-default,
      .point3-color-item:focus-within .point3-color-default {
        opacity: 0;
      }

      .point3-color-item:hover .point3-color-open,
      .point3-color-item:focus-within .point3-color-open {
        opacity: 1;
      }

      .point3-color-meta {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 20px;
      }

      .point3-color-swatch {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px #000;
      }

      .point3-color-item:nth-child(1) .point3-color-swatch {
        background: #ffffff;
      }

      .point3-color-item:nth-child(2) .point3-color-swatch {
        background: #cec9c8;
      }

      .point3-color-item:nth-child(3) .point3-color-swatch {
        background: #d3c5b6;
      }

      .point3-color-item:nth-child(4) .point3-color-swatch {
        background: #777473;
      }

      .point3-color-name {
        font-size: 26px;
        color: #000;
      }
    }

    .tab-box.point3-remote-tabbox {
      max-width: 1200px;
      margin: 80px auto 0;

      .point3-remote-tabs-wrap {
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 28px;
      }

      .point3-remote-tabs-edge {
        position: absolute;
        top: 50%;
        z-index: 0;
        width: 32px;
        height: 32px;
        background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/shape-mini.webp")
          center / contain no-repeat;
        transform: translateY(-50%);
        pointer-events: none;
      }

      .point3-remote-tabs-edge--l {
        left: 0;
      }

      .point3-remote-tabs-edge--r {
        right: 0;
      }

      .point3-remote-tabs {
        display: flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: stretch;
        gap: 0;
        width: 100%;
        margin: 0;
        text-align: center;
      }

      .point3-remote-tab {
        position: relative;
        z-index: 1;
        display: flex;
        box-sizing: border-box;
        flex: 1 1 0;
        justify-content: center;
        align-items: center;
        min-width: 0;
        margin: 0;
        padding: 16px 12px;
        text-align: center;
        white-space: nowrap;
        font-size: 33px;
        font-weight: 300;
        color: rgb(255 255 255 / 0.55);
        border: 0;
        background: transparent;
        transition: color 0.2s ease;
        cursor: pointer;
        outline: none;

        &:hover {
          color: rgb(255 255 255 / 0.85);
        }

        &:focus-visible {
          outline: 2px solid #fff;
          outline-offset: 3px;
        }

        &.is-active {
          font-weight: 500;
          color: #fff;
        }

        &:not(:first-child)::before {
          position: absolute;
          top: 50%;
          left: 0;
          z-index: 0;
          width: 32px;
          height: 32px;
          background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/shape-mini.webp")
            center / contain no-repeat;
          transform: translate(-50%, -50%);
          content: "";
          pointer-events: none;
        }
      }

      .point3-remote-panel {
        display: flex;
        overflow: hidden;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: 1200px;
        max-width: 100%;
        height: 380px;
        padding: 32px 48px;
        border-radius: var(--radius-lg);
        background: #fff;
        margin-inline: auto;
      }

      .point3-remote-picker {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 32px;
        width: 100%;
        max-width: 1104px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .point3-remote-picker-li {
        flex: 1;
        min-width: 0;
        margin: 0;
        list-style: none;
      }

      .point3-remote-picker-item {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 12px 8px 16px;
        font: inherit;
        color: inherit;
        text-align: center;
        border: 2px solid transparent;
        border-radius: 16px;
        background: transparent;
        transition:
          border-color 0.2s ease,
          background-color 0.2s ease;
      }

      .point3-remote-picker-img {
        display: block;
        width: auto;
        height: auto;
        margin: 0 auto;
        object-fit: contain;
      }

      .point3-remote-picker-meta {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
      }

      .point3-remote-picker-dot {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.2);
      }

      .point3-remote-picker-label {
        font-size: 20px;
        font-weight: 400;
        color: #1a1a1a;
      }

      .point3-remote-stage {
        overflow: hidden;
        margin-top: 28px;
        border-radius: var(--radius-lg);
        background: #1a1919;
      }

      .point3-remote-interior-frame {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        min-height: 360px;
        padding: 24px 16px 32px;
      }

      .point3-remote-interior-img {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        object-fit: contain;
      }
    }

    .tab-box.point3-remote-control {
      box-sizing: border-box;
      width: 1200px;
      max-width: 100%;
      margin: 80px auto 0;

      .point3-rc-shell {
        display: flex;
        overflow: hidden;
        box-sizing: border-box;
        align-items: center;
        width: 100%;
        height: 870px;
        padding: 50px;
        border-radius: var(--radius-lg);
        background: #fff;
        margin-inline: auto;
      }

      .point3-rc-nav {
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        flex-shrink: 0;
        align-items: stretch;
        align-self: center;
        width: 150px;
        height: 450px;
        margin: 0;
      }

      .point3-rc-tabs {
        display: flex;
        box-sizing: border-box;
        flex: 1;
        flex-direction: column;
        gap: 0;
        min-width: 0;
        height: 100%;
        min-height: 0;
        padding-top: 80px;
        padding-bottom: 80px;
      }

      .point3-rc-tab {
        display: flex;
        box-sizing: border-box;
        flex: 1 1 0;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
        font-size: 33px;
        font-weight: 300;
        color: rgb(0 0 0 / 0.45);
        line-height: 1.25;
        text-align: left;
        border: 0;
        background: transparent;
        transition:
          color 0.2s ease,
          font-weight 0.2s ease;
        cursor: pointer;
        outline: none;

        &:hover {
          color: rgb(0 0 0 / 0.75);
        }

        &:focus-visible {
          outline: 2px solid #1a1a1a;
          outline-offset: 3px;
        }

        &.is-active {
          font-weight: 700;
          color: #1a1a1a;
        }
      }

      .point3-rc-rail {
        position: relative;
        box-sizing: border-box;
        flex-shrink: 0;
        width: 28px;
        margin-left: 4px;
        padding-top: 80px;
        padding-bottom: 80px;
      }

      .point3-rc-rail-line {
        position: absolute;
        top: 80px;
        bottom: 80px;
        left: 50%;
        width: 100%;
        max-width: 32px;
        background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/shape-navi.webp")
          center / contain no-repeat;
        transform: translateX(-50%);
        pointer-events: none;
      }

      .point3-rc-rail-dot {
        position: absolute;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1a1a1a;
        transition: top 0.35s ease;
        transform: translate(-50%, -50%);
        pointer-events: none;
      }

      .point3-rc-view {
        position: relative;
        flex: 1;
        min-width: 0;
        height: 100%;
        min-height: 0;
      }

      .point3-rc-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        background: #fff;
        pointer-events: none;
      }

      .point3-rc-prod-swiper {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
      }

      .point3-rc-prod-swiper .swiper-wrapper {
        height: 100%;
      }

      .point3-rc-prod-swiper .swiper-slide {
        height: 100%;
      }

      .point3-rc-slide-inner {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 20px 32px 20px 16px;
      }

      .point3-rc-prod-img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
      }
    }

    .point3-remote-features {
      box-sizing: border-box;
      max-width: 1200px;
      margin: 100px auto 0;

      > .text-box {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;

        h3 {
          margin: 0;
          font-size: 64px;
          font-weight: 700;
          color: #fff;
          line-height: 88px;
        }
      }

      .point3-remote-row {
        display: flex;
        align-items: center;
        gap: 45px;
        max-width: 1200px;
        margin: 60px auto 0;

        .video-box {
          position: relative;
          overflow: hidden;
          flex-shrink: 0;
          width: 100%;
          max-width: 660px;
          aspect-ratio: 660 / 430;
        }

        .img-box {
          position: relative;
          overflow: hidden;
          flex-shrink: 0;
          width: 100%;
          max-width: 660px;
          aspect-ratio: 660 / 430;
        }

        .img-box img {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
        }

        .text-box {
          margin-top: 0;
          text-align: left;

          h4 {
            margin: 0;
            font-size: 46px;
            font-weight: 700;
            line-height: 60px;
          }

          .p1 {
            margin-top: 10px;
            font-size: 26px;
            font-weight: 300;
            color: #fff;
            line-height: 40px;
          }

          .p2 {
            margin-top: 5px;
            font-size: 20px;
            font-weight: 300;
            color: rgb(255 255 255 / 0.75);
            line-height: 30px;
          }
        }

        &.fx-r {
          flex-direction: row-reverse;

          .text-box {
            text-align: right;
          }
        }
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 25vw 0;
    background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point3-bg-m.webp")
      0 0 no-repeat;
    background-size: cover;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        .p1 {
          font-size: 4.8vw;
          line-height: 6.6667vw;
        }
        .p2 {
          margin-top: 2.6667vw;
          font-size: 3.2vw;
          line-height: 4.8vw;
        }
        h3 {
          margin-top: 1.3333vw;
          font-size: 8.5333vw;
          line-height: 10.6667vw;
        }
      }
      .point3-slide-box {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;

        .point3-slide-stage {
          position: relative;
        }

        /* PC는 좌우 -74px — 모바일에선 overflow에 잘리므로 슬라이드 안쪽에 고정 */
        .point3-swiper {
          overflow: hidden;

          .point3-nav-prev,
          .point3-nav-next {
            position: absolute;
            z-index: 10;
            display: flex;
            top: 50%;
            width: 1.4667vw;
            height: 2.6667vw;
            margin: 0;
            transform: translateY(-50%);
            background-size: contain;
          }

          .point3-nav-prev {
            left: -4vw;
            right: auto;
          }

          .point3-nav-next {
            right: -4vw;
            left: auto;
          }
        }

        .point3-slide-caption {
          margin: 4vw auto 0;
          font-size: 3.7333vw;
        }
        .point3-pagination-pill {
          margin: 4vw auto 0;
          padding: 1.3333vw;
          & .point3-swiper-pagination {
            .swiper-pagination-bullet {
              width: 4vw;
              height: 4vw;
            }
          }
        }
      }

      .pdp-point-head-1 {
        margin-top: 18.6667vw;
      }

      .hover-box {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
        padding: 8vw 4vw;

        .point3-color-grid {
          gap: 5.3333vw;
        }

        .point3-color-item {
          margin: 0;
          .point3-color-swatch {
            width: 3.0667vw;
            height: 3.0667vw;
          }
          .point3-color-name {
            font-size: 2.8vw;
          }
        }

        .point3-color-figure {
          /* 스테이지: 가로 356 기준 세로 276 (열린 이미지 높이에 맞춤) */
          display: flex;
          position: relative;
          overflow: hidden;
          box-sizing: border-box;
          justify-content: center;
          align-items: center;
          width: min(356px, 100%);
          border-radius: 12px;
          cursor: pointer;
          aspect-ratio: 356 / 276;
          margin-inline: auto;
          outline: none;

          &:focus-visible {
            box-shadow: 0 0 0 3px rgb(255 255 255 / 0.9);
          }
        }

        .point3-color-default {
          display: block;
          position: relative;
          z-index: 0;
          flex-shrink: 0;
          width: 100%;
          max-width: 356px;
          height: auto;
          opacity: 1;
          transition: opacity 0.45s ease;
          aspect-ratio: 356 / 251;
          object-fit: contain;
          vertical-align: top;
        }

        .point3-color-open {
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 1;
          width: calc(100% * 249 / 356);
          max-width: 249px;
          height: auto;
          max-height: 276px;
          opacity: 0;
          transition: opacity 0.45s ease;
          transform: translate(-50%, -50%);
          aspect-ratio: 249 / 276;
          object-fit: contain;
          object-position: center;
          pointer-events: none;
        }

        @media (prefers-reduced-motion: reduce) {
          .point3-color-default,
          .point3-color-open {
            transition: none;
          }
        }

        .point3-color-item:hover .point3-color-default,
        .point3-color-item:focus-within .point3-color-default {
          opacity: 0;
        }

        .point3-color-item:hover .point3-color-open,
        .point3-color-item:focus-within .point3-color-open {
          opacity: 1;
        }

        .point3-color-meta {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 14px;
          margin-top: 20px;
        }

        .point3-color-swatch {
          box-sizing: border-box;
          flex-shrink: 0;
          width: 22px;
          height: 22px;
          border-radius: 50%;
          box-shadow: inset 0 0 0 1px #000;
        }

        .point3-color-item:nth-child(1) .point3-color-swatch {
          background: #ffffff;
        }

        .point3-color-item:nth-child(2) .point3-color-swatch {
          background: #cec9c8;
        }

        .point3-color-item:nth-child(3) .point3-color-swatch {
          background: #d3c5b6;
        }

        .point3-color-item:nth-child(4) .point3-color-swatch {
          background: #777473;
        }

        .point3-color-name {
          font-size: 26px;
          color: #000;
        }
      }

      .tab-box.point3-remote-tabbox {
        margin-top: 10.66vw;
        padding: 0 4vw;

        .point3-remote-tabs-wrap {
          width: 100%;
          max-width: 100%;
          margin: 0 0 4vw;
        }

        .point3-remote-tabs-edge {
          width: min(8.5333vw, 32px);
          height: min(8.5333vw, 32px);
          &.point3-remote-tabs-edge--r {
            right: -4vw;
          }
          &.point3-remote-tabs-edge--l {
            left: -4vw;
          }
        }

        .point3-remote-tabs {
          display: flex;
          box-sizing: border-box;
          justify-content: flex-start;
          align-items: stretch;
          width: 100%;
          max-width: 100%;
          margin: 0;
          text-align: center;
        }

        .point3-remote-tab {
          position: relative;
          z-index: 1;
          display: flex;
          flex: 1 1 0;
          justify-content: center;
          align-items: center;
          min-width: 0;
          padding: 3.2vw 0;
          text-align: center;
          white-space: nowrap;
          font-size: 3.73vw;
        }

        .point3-remote-panel {
          box-sizing: border-box;
          display: flex;
          flex-direction: column;
          width: 100%;
          max-width: 100%;
          height: 34.6667vw;
          min-height: 0;
          padding: 3.3333vw;
          overflow: hidden;
        }

        .point3-remote-picker {
          box-sizing: border-box;
          flex: 1 1 auto;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          align-items: stretch;
          gap: 2.66vw;
          width: 100%;
          min-width: 0;
          min-height: 0;
        }

        .point3-remote-picker-li {
          display: flex;
          flex: 1 1 0;
          min-width: 0;
          min-height: 0;
          width: auto;
          max-width: none;
          margin-inline: 0;
        }

        .point3-remote-picker-item {
          box-sizing: border-box;
          display: flex;
          flex: 1 1 auto;
          flex-direction: column;
          align-items: center;
          min-width: 0;
          min-height: 0;
          width: 100%;
          padding: 1.2vw 0.53vw 1.06vw;
        }

        .point3-remote-picker-meta {
          flex-shrink: 0;
          margin-top: 2.6667vw;
          gap: 0.8vw;
        }

        .point3-remote-picker-dot {
          width: 3.0667vw;
          height: 3.0667vw;
        }

        .point3-remote-picker-img {
          display: block;
          flex: 1 1 0;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          min-height: 0;
          height: 0;
          margin: 0 auto;
          object-fit: contain;
        }

        .point3-remote-picker-label {
          font-size: 2.8vw;
        }

        .point3-remote-stage {
          margin-top: 4vw;
        }

        .point3-remote-interior-frame {
          min-height: 48vw;
          padding: 4vw 3vw 6vw;
        }
      }

      .tab-box.point3-remote-control {
        margin-top: 10.66vw;
        padding: 0 4vw;
        .point3-rc-shell {
          padding: 0 3.3333vw;
          height: 72.6667vw;
        }
        .point3-rc-nav {
          width: 12vw;
          height: 100%;
        }
        .point3-rc-tab {
          font-size: 2.6667vw;
        }
        .point3-rc-tabs {
          padding: 21.6667vw 0;
        }
        .point3-rc-rail {
          margin-left: 1.3333vw;
          padding: 2.6667vw 0;
          width: 5.3333vw;
        }
        .point3-rc-slide-inner {
          padding: 0 5.3333vw;
        }
        .point3-rc-rail-dot {
          width: 1.0667vw;
          height: 1.0667vw;
        }
      }

      .point3-remote-features {
        margin-top: 16vw;
        padding: 0 4vw;

        > .text-box h3 {
          font-size: clamp(28px, 6.4vw, 64px);
          line-height: 1.35;
        }

        .point3-remote-row {
          display: flex;
          flex-direction: column;
          gap: 6.4vw;
          margin-top: 8vw;

          .video-box,
          .img-box {
            width: 100%;
            max-width: 100%;
          }
          .video-box {
            aspect-ratio: 651 / 366;
          }
          .text-box {
            text-align: center;

            h4 {
              font-size: 4vw;
              line-height: 3.2vw;
            }

            .p1 {
              font-size: 2.6667vw;
              line-height: 4vw;
            }

            .p2 {
              font-size: 2.6667vw;
              line-height: 1;
            }
          }

          &.fx-r {
            flex-direction: column;

            .text-box {
              text-align: center;
            }
          }
        }
      }
    }
  }
}

/*포인트4*/
.pdp-section-point4 {
  position: relative;
  padding: 250px 0;
  background: #f5f5f7;
  --point4-bluegray: #464f60;
  --point4-bg-light: #f6f6f6;

  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;
      h3 {
        margin-top: 20px;
        font-size: 80px;
        font-weight: 700;
        color: #000;
        line-height: 110px;
      }
    }

    .pdp-point-head-1 {
      .p1 {
        color: #000;
      }

      .p2 {
        color: #555;
      }
    }

    .flex {
      display: flex;
      gap: 10px;
    }

    .flex-box.point4-steril-row {
      align-items: center;
      gap: 65px;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 30px;
      border-radius: 40px;
      background: #fff;
    }

    .point4-steril-row-1 {
      margin-top: 100px;
    }
    .point4-steril-row-2,
    .point4-steril-row-3 {
      margin-top: 30px;
    }

    .point4-steril-row-1,
    .point4-steril-row-2,
    .point4-steril-row-3 {
      .flex-left {
        min-width: 0;
      }

      .gif-box {
        position: relative;
        max-width: 560px;
        margin: 0 auto;
        background: #fff;
      }

      .gif-box img {
        display: block;
        width: 100%;
        height: auto;
      }

      .flex-right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }

      .flex-right .text-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .step-label {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: 127px;
        height: 46px;
        border: 2px solid #161616;
        border-radius: var(--radius-lg);
      }

      .point4-step-tag {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: #161616;
        line-height: 1;
      }

      .point4-step-tit {
        margin: 0;
        font-size: 40px;
        font-weight: 700;
        color: #161616;
      }

      .point4-step-desc {
        margin: 0;
        font-size: 27px;
        font-weight: 400;
        color: #161616;
      }
    }

    .point4-steril-row-1 .gif-box {
      background: #fff
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif1.webp")
        center / contain no-repeat;
    }

    .point4-steril-row-2 .gif-box {
      background: #fff
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif2.webp")
        center / contain no-repeat;
    }

    .point4-steril-row-3 .gif-box {
      background: #fff
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif3.webp")
        center / contain no-repeat;
    }

    .point4-steril-row-1 .gif-box.gif {
      background:
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif1.gif")
          center / contain no-repeat,
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif1.webp")
          center / contain no-repeat;
    }

    .point4-steril-row-2 .gif-box.gif {
      background:
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif2.gif")
          center / contain no-repeat,
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif2.webp")
          center / contain no-repeat;
    }

    .point4-steril-row-3 .gif-box.gif {
      background:
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif3.gif")
          center / contain no-repeat,
        url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/point4-gif3.webp")
          center / contain no-repeat;
    }

    .point4-extra {
      width: 1200px;
      max-width: 100%;
      margin: 50px auto 0;

      .text-box:nth-child(1) {
        position: relative;
        margin: 80px 0 0;
        padding: 60px 0 20px;
        border-radius: var(--radius-lg);
        background: #efe7e5;
      }

      .blue-label {
        display: flex;
        position: absolute;
        top: -30px;
        left: calc(50% - 152.5px);
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: 305px;
        margin: auto auto 20px;
        padding: 8px;
        color: var(--c-white);
        border-radius: var(--radius-lg);
        background: #ba9b8b;
      }

      .blue-label-tit {
        margin: 0;
        font-size: 30px;
        font-weight: 700;
        line-height: 38px;
      }

      .point4-auto-desc {
        font-size: 26px;
        font-weight: 400;
        color: #161616;
        line-height: 40px;
        text-align: center;
      }
    }

    .pdp-more-details {
      max-width: 1200px;
      margin: 100px auto 0;
      font-size: 13px;
      color: #161616;
      line-height: 20px;
      text-align: center;
      letter-spacing: -1.2px;

      strong {
        display: inline-block;
        margin-top: 10px;
        font-weight: 700;
      }

      summary {
        display: inline-flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        width: fit-content;
        max-width: 100%;
        margin: 0 0 60px;
        padding-bottom: 10px;
        font-size: 35px;
        font-weight: 700;
        color: #161616;
        text-align: left;
        border-bottom: 3px solid #161616;
        cursor: pointer;
        list-style: none;
      }

      .pdp-more-details-body {
        text-align: left;
        margin-top: 130px;
        color: #90a0a6;
      }

      summary::-webkit-details-marker {
        display: none;
      }

      summary::after {
        display: inline-flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 40px;
        font-weight: 500;
        color: #161616;
        line-height: 1;
        content: "+";
      }

      &[open] summary::after {
        content: "−";
      }
    }

    .point4-hygiene-row {
      align-items: center;
      gap: 65px;
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 0px;
      border-radius: 40px;

      /* video/img 자식이 absolute라 본문 너비가 0이 되지 않도록 열 폭 확보 */
      .flex-left,
      .flex-right {
        flex: 1 1 0;
        min-width: 0;
      }

      .flex-right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }

      .video-box,
      .img-box {
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        aspect-ratio: 660 / 430;
      }

      .img-box img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .flex-right .text-box {
        display: flex;
        flex-direction: column;
        text-align: left;
      }

      .point4-hygiene-tit {
        margin: 0;
        font-size: 46px;
        font-weight: 700;
        color: #1b191a;
        line-height: 60px;
      }

      .point4-hygiene-desc {
        margin: 25px 0 0;
        font-size: 20px;
        font-weight: 400;
        color: #1b191a;
        line-height: 28px;
      }

      .point4-hygiene-note {
        margin: 15px 0 0;
        font-size: 14px;
        font-weight: 400;
        color: #7a7a7a;
        line-height: 20px;
      }

      &.fx-r {
        flex-direction: row-reverse;
      }
      &.fx-r .flex-right {
        justify-content: flex-end;
      }
      &.fx-r .flex-right .text-box {
        text-align: right;
      }
    }

    .point4-hygiene-row-1 {
      margin-top: 100px;
    }

    .point4-hygiene-row-2,
    .point4-hygiene-row-3 {
      margin-top: 30px;
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 20vw 0;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }

      .sub-tit-box {
        margin-top: 6.6667vw;
        h3 {
          font-size: 8.5333vw;
          line-height: 9.6667vw;
          span {
            font-size: 6.4vw;
          }
        }
      }

      .point4-hygiene-row + .point4-hygiene-row {
        margin-top: 12.667vw;
      }

      .flex-box.point4-hygiene-row {
        width: calc(100% - 13.3333vw);
        flex-direction: column;
        gap: 4.533vw;
      }

      .point4-hygiene-row .flex-left,
      .point4-hygiene-row .flex-right {
        flex: 0 0 auto;
        width: 100%;
        justify-content: center;
      }

      .point4-hygiene-row {
        margin-top: 10.6667vw;
        .flex-right .text-box {
          align-items: center;
          text-align: center;
        }

        .point4-hygiene-tit {
          font-size: 4.8vw;
          line-height: 6.4vw;
        }

        .point4-hygiene-desc {
          margin-top: 2.6667vw;
          font-size: 2.6667vw;
          line-height: 4vw;
        }

        .point4-hygiene-note {
          margin-top: 2.6667vw;
          font-size: 2.4vw;
          line-height: 4vw;
        }

        &.fx-r .flex-right {
          justify-content: center;
        }

        &.fx-r .flex-right .text-box {
          text-align: center;
        }

        .video-box,
        .img-box {
          width: 100%;
          max-width: none;
        }
      }

      .point4-steril-row + .point4-steril-row {
        margin-top: 12.667vw;
      }

      .flex-box.point4-steril-row {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
        flex-direction: column;
        gap: 4vw;
        padding: 4vw;
        border-radius: var(--radius-lg);
      }
      .flex-box.point4-steril-row-2,
      .flex-box.point4-steril-row-3 {
        margin-top: 4vw;
      }

      .point4-steril-row-1,
      .point4-steril-row-2,
      .point4-steril-row-3 {
        .flex-right .text-box {
          align-items: center;
          gap: 2.4vw;
        }

        .step-label {
          width: 12.533vw;
          height: 4.533vw;
          border-width: 0.26vw;
          border-radius: var(--radius-lg);
        }

        .point4-step-tag {
          font-size: 2.4vw;
        }

        .point4-step-tit {
          font-size: 3.2vw;
          color: #161616;
          line-height: 1.2;
          text-align: center;
        }

        .point4-step-desc {
          font-size: 2.53vw;
          color: #161616;
          line-height: 1.45;
          text-align: center;
        }

        .gif-box {
          width: 100%;
          margin: 0 auto;
        }
      }
      .point4-steril-row-3 + .text-box {
        width: calc(100% - 13.3333vw);
        margin: 2.6667vw auto 0;
        text-align: center;
        .p1 {
          font-size: 2.4vw;
          line-height: 4vw;
          color: #7a7a7a;
        }
      }
      .point4-extra {
        width: auto;
        margin-top: 0;
        padding: 0 5.6vw;

        .blue-label {
          top: -3.6vw;
          left: calc(50% - 15.667vw);
          width: 31.333vw;
          height: auto;
          min-height: 7.067vw;
          border-radius: var(--radius-lg);
        }

        .blue-label-tit {
          font-size: 3.2vw;
          line-height: 1.25;
        }

        .point4-auto-desc {
          font-size: 2.6667vw;
          line-height: 1.45;
        }

        .text-box:nth-child(1) {
          margin-top: 13.333vw;
          padding-top: 7.6vw;
          border-radius: 1.3vw;
        }
      }

      .pdp-more-details {
        max-width: calc(100% - 6.9333vw);
        margin: 10vw auto 0;
        text-align: center;
        font-size: 2.4vw;
        line-height: 4vw;
        letter-spacing: -0.16vw;

        summary {
          display: inline-flex;
          justify-content: flex-start;
          width: fit-content;
          max-width: 100%;
          margin: 0 0 2.6667vw;
          font-size: 2.9333vw;
          text-align: left;
          gap: 1.3333vw;
          border-color: #161616;
          padding-bottom: 1.3333vw;
          border-width: 0.4vw;
          color: #161616;
        }

        summary::after {
          width: 3.6vw;
          min-width: auto;
          height: 3.6vw;
          font-size: 3.6vw;
          color: #161616;
        }

        .pdp-more-details-body {
          text-align: center;
          margin-top: 9.3333vw;
        }
      }
    }
  }
}

/*포인트 5*/
.pdp-section-point5 {
  position: relative;
  padding: 250px 0 280px;
  color: #161616;

  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;

      h3 {
        margin: 20px 0 0;
        font-size: 80px;
        font-weight: 700;
        color: #000;
        line-height: 110px;
      }

      > p {
        margin: 140px 0 0;
        font-size: 64px;
        font-weight: 700;
        color: #1b191a;
        line-height: 88px;
      }

      .p2 {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 300;
        color: #555;
        line-height: 36px;
      }
    }
    .point5-head-img {
      margin-top: 100px;
    }
    .sub-tit-box.point5-iwave-tit {
      margin-top: 150px;

      h4 {
        margin: 0;
        font-size: 64px;
        font-weight: 700;
        color: #1b191a;
        line-height: 88px;
      }

      .p2 {
        margin: 30px 0 0;
        font-size: 33px;
        font-weight: 400;
        color: #555;
        line-height: 51px;
      }
    }

    .point5-head-img img {
      display: block;
      width: auto;
      max-width: 100%;
      height: auto;
      margin-right: auto;
      margin-left: auto;
    }

    .point5-hero-vid-wrap {
      margin-top: 60px;
    }

    .point5-hero-video {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      aspect-ratio: 1200 / 575;
    }

    .point5-iwave-block {
      padding: 240px 0 0px;

      .point5-iwave-label {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: 385px;
        max-width: 100%;
        margin: 0 auto 80px;
        padding: 8px;
        border-radius: var(--radius-lg);
        color: var(--c-white);
        background: #ba9b8b;
      }

      .point5-iwave-label .blue-label-tit {
        margin: 0;
        font-size: 30px;
        color: var(--c-white);
      }

      .point5-iwave-tabbox {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
      }

      /* 높이 기준: 원본 이미지 비율이 영상(890×500)과 다르면 tab-control height:100% 만 더 커짐 → 레이아웃 높이만 영상과 동일 비율로 고정 */
      .point5-iwave-tabbox > img {
        visibility: hidden;
        display: block;
        width: 100%;
        max-width: 890px;
        margin: 0;
        aspect-ratio: 890 / 500;
        height: auto;
        object-fit: cover;
        object-position: center;
      }

      .point5-iwave-tabbox .tab {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 890px;
        opacity: 0;
      }

      .point5-iwave-tabbox .tab.active {
        z-index: 10;
        opacity: 1;
      }

      .point5-iwave-tabbox .tab .video-box {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        aspect-ratio: 890 / 500;
      }

      .point5-iwave-tabbox .tab-control {
        position: absolute;
        top: 0;
        right: 40px;
        z-index: 10;
        height: 100%;
      }

      .point5-iwave-tabbox .tab-control a {
        display: flex;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 33.33%;
        color: #999;
        text-align: center;
        text-decoration: none;
      }

      .point5-iwave-tabbox .tab-control a::after {
        position: absolute;
        bottom: 0;
        left: calc(50% - 10.5px);
        display: block;
        width: 21px;
        height: 5px;
        background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/dotted.webp")
          center no-repeat;
        content: "";
      }

      .point5-iwave-tabbox .tab-control a:last-child::after {
        display: none;
      }

      .point5-tab-tit {
        margin: 0 0 10px;
        font-size: 32px;
        font-weight: 700;
        line-height: 32px;
        color: #a7a7a7;
      }

      .point5-tab-desc {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: #a7a7a7;
      }

      .point5-iwave-tabbox .tab-control a.on .point5-tab-tit {
        color: #0d0f18 !important;
      }

      .point5-iwave-tabbox .tab-control a.on .point5-tab-desc {
        color: #1b2529 !important;
      }

      .point5-iwave-footnote {
        max-width: 1200px;
        margin: 50px auto 0;

        .p2 {
          margin: 0;
          font-size: 16px;
          font-weight: 400;
          color: #7a7a7a;
          line-height: 20px;
        }
      }
    }

    .point5-flow-block {
      padding: 160px 0 0;

      > .text-box {
        margin-bottom: 100px;
        text-align: center;
      }

      .point5-flow-h {
        margin: 0 0 40px;
        font-size: 64px;
        font-weight: 700;
        color: #1b191a;
        line-height: 88px;
      }

      .point5-flow-lead {
        margin: 0;
        font-size: 34px;
        font-weight: 400;
        color: #555;
        line-height: 52px;
      }

      .point5-flow-row {
        display: flex;
        flex-wrap: wrap;
        gap: 90px 20px;
        align-items: flex-start;
        justify-content: center;
        max-width: 1180px;
        margin: 0 auto;
      }

      .point5-flow-cell {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        justify-content: flex-start;
        width: 49%;
        min-width: 0;
      }

      .point5-flow-cell .video-box {
        width: 100%;
        max-width: 590px;
        aspect-ratio: 590 / 384;
      }

      .point5-flow-cell .text-box {
        text-align: center;
      }

      .point5-flow-item-tit {
        margin: 0 0 30px;
        font-size: 36px;
        font-weight: 700;
        color: #1b191a;
        line-height: 48px;
      }

      .point5-flow-item-desc {
        margin: 0;
        font-size: 20px;
        font-weight: 400;
        color: #1b191a;
        line-height: 28px;
      }

      .point5-flow-notes {
        margin: 100px 0 0;

        .p2 {
          margin: 0;
          font-size: 16px;
          font-weight: 400;
          color: #7a7a7a;
          line-height: 24px;
          text-align: center;
        }
      }
    }
  }
  @media screen and (max-width: 1024px) {
    padding: 20vw 0;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        h3 {
          font-size: 8.5333vw;
          line-height: 9.6667vw;
          span {
            font-size: 6.4vw;
          }
        }
        .p1 {
          font-size: 3.2vw;
          line-height: 24px;
        }
        h3 {
          font-size: 6.9333vw;
        }
        > p {
          margin-top: 12vw;
          font-size: 5.3333vw;
          line-height: 8vw;
        }
        .p2 {
          margin-top: 1.3333vw;
          font-size: 4.8vw;
          line-height: 1.25;
        }
        &.point5-iwave-tit h4 {
          font-size: 5.3333vw;
          line-height: 8vw;
        }
        &.point5-iwave-tit .p2 {
          margin-top: 1.3333vw;
          font-size: 3.2vw;
          line-height: 5.0667vw;
        }
      }
      .point5-head-img {
        width: calc(100% - 13.3333vw);
        margin: 10.6667vw auto 0;
      }
      .sub-tit-box.point5-iwave-tit {
        margin-top: 20vw;
      }
      .point5-hero-vid-wrap {
        margin-top: 16vw;
        .point5-hero-video {
          width: 48.8vw;
          margin: auto;
          aspect-ratio: 366 /1603;
        }
      }
      .point5-iwave-block {
        padding: 20vw 0 0;

        .point5-iwave-label {
          width: 44vw;
          margin-bottom: 10.6vw;
          padding: 1vw 0;
        }

        .point5-iwave-label .blue-label-tit {
          font-size: 3.2vw;
        }

        .point5-iwave-tabbox {
          width: 88.8vw;
          margin: 0 auto;
        }

        .point5-iwave-tabbox .tab .video-box {
          max-width: 100%;
        }

        .point5-iwave-tabbox .tab-control {
          top: 57vw;
          right: auto;
          left: 0;
          display: flex;
          width: 100%;
          height: auto;
          margin: 0;
        }

        .point5-iwave-tabbox .tab-control a {
          align-items: center;
          justify-content: flex-start;
          width: 33.33%;
          height: 14.6vw;
        }

        .point5-iwave-tabbox .tab-control a::after {
          bottom: 12vw;
          left: calc(100% - 1vw);
          width: 2.66vw;
          height: 0.53vw;
          background-size: 2.66vw 0.53vw;
        }

        .point5-tab-tit {
          margin-bottom: 1.3vw !important;
          font-size: 3.2vw;
          line-height: 1.2;
        }

        .point5-tab-desc {
          font-size: 2.13vw;
          line-height: 1.45;
        }

        .point5-iwave-footnote {
          margin: 28vw auto 0;
          text-align: center;
        }

        .point5-iwave-footnote .p2 {
          font-size: 2.13vw;
          line-height: 1.45;
        }
      }

      .point5-flow-block {
        padding: 20vw 0 0;

        > .text-box {
          margin-bottom: 8vw;
        }

        .point5-flow-h {
          margin-bottom: 8vw;
          font-size: 5.33vw;
          line-height: 1.25;
        }

        .point5-flow-lead {
          font-size: 3.47vw;
          line-height: 1.45;
        }

        .point5-flow-row {
          gap: 10.6vw;
          width: 88.8vw;
          margin: 0 auto;
        }

        .point5-flow-cell {
          gap: 4vw;
          width: 100%;
        }

        .point5-flow-item-tit {
          margin-bottom: 4vw;
          font-size: 3.73vw;
          line-height: 1.25;
        }

        .point5-flow-item-desc {
          font-size: 2.67vw;
          line-height: 1.4;
        }

        .point5-flow-cell .video-box {
          max-width: 100%;
        }

        .point5-flow-notes {
          margin-top: 8vw;
        }

        .point5-flow-notes .p2 {
          font-size: 2.13vw;
          line-height: 1.45;
        }
      }
    }
  }
}

/* 포인트 6 — 에너지 (로컬 이미지: point6-tag.webp, point6-img1~3.webp) */
.pdp-section-point6 {
  position: relative;
  padding: 250px 0;
  background: #f1ebe9;
  color: #161616;

  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;

      h3 {
        margin: 0;
        font-size: 80px;
        font-weight: 700;
        color: #000;
        line-height: 1.2;
      }
    }

    .point6-grade-img {
      max-width: 720px;
      margin: 130px auto 0;

      img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
      }
    }

    .point6-lead {
      margin: 60px auto 0;

      .p2 {
        margin: 0;
        font-size: 50px;
        font-weight: 700;
        color: #1b191a;
        line-height: 70px;
        text-align: center;
      }
    }

    .point6-energy-cards {
      box-sizing: border-box;
      flex-wrap: wrap;
      gap: 40px 32px;
      align-items: flex-start;
      justify-content: center;
      max-width: 1200px;
      margin: 150px auto 0;
      padding: 0 20px;
    }

    .point6-energy-card {
      flex: 1 1 0;
      flex-direction: column;
      gap: 32px;
      align-items: center;
      min-width: 0;
      max-width: 580px;
    }

    .point6-energy-card-visual {
      width: 100%;
      overflow: hidden;
      border-radius: var(--radius-lg);

      img {
        display: block;
        width: 100%;
        height: auto;
        vertical-align: top;
      }
    }

    .point6-energy-card .text-box {
      max-width: 520px;
      text-align: center;
    }

    .point6-card-tit {
      font-size: 36px;
      font-weight: 700;
      color: #1b191a;
      line-height: 1.3;
    }

    .point6-card-desc {
      margin-top: 16px;
      font-size: 20px;
      font-weight: 400;
      color: #555;
      line-height: 1.45;
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 20vw 0;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        h3 {
          font-size: 8.5333vw;
          line-height: 9.6667vw;
          span {
            font-size: 6.4vw;
          }
        }
      }
      .point6-grade-img {
        width: 56.4vw;
        max-width: none;
        margin-top: 12vw;
      }

      .point6-lead {
        width: 88.8vw;
        max-width: none;
        margin-top: 8vw;

        .p2 {
          font-size: 4.8vw;
          line-height: 6.4vw;
        }
      }

      .point6-energy-cards {
        flex-direction: column;
        gap: 10.6vw;
        width: calc(100% - 13.3333vw);
        max-width: none;
        margin-top: 13.3333vw;
        padding: 0;
      }

      .point6-energy-card {
        flex: none;
        width: 100%;
        max-width: none;
        gap: 4vw;
      }

      .point6-card-tit {
        margin-bottom: 3.2vw;
        font-size: 3.73vw;
        line-height: 1.25;
      }

      .point6-card-desc {
        margin-top: 2.6667vw;
        font-size: 2.67vw;
        line-height: 1.4;
      }
    }
  }
}

/* 포인트 7 — 스마트 IoT (로컬: point7-tag.webp, point7-img1.webp, point7-vid1~3, point7-vid4~8) */
.pdp-section-point7 {
  position: relative;
  padding: 250px 0;
  background: #f5f5f7;
  color: #161616;

  & .contents {
    .sub-tit-box {
      margin-top: 70px;
      text-align: center;

      h3 {
        margin: 0;
        font-size: 80px;
        font-weight: 700;
        color: #000;
        line-height: 1.15;
      }
    }

    .point7-lead {
      max-width: 1100px;
      margin: 80px auto 0;
      text-align: center;

      .p1 {
        margin: 0;
        font-size: 46px;
        font-weight: 700;
        color: #1b191a;
        line-height: 1.35;
      }
      .p2 {
        margin-top: 20px;
        font-size: 12px;
        line-height: 18px;
        color: #90a0a6;
      }
    }

    .point7-lead-1 {
      margin-top: 150px;
    }

    .point7-lead-2 {
      margin-top: 0;
    }

    .point7-lead-3 {
      margin-top: 120px;
    }

    .img-box {
      max-width: 1200px;
      margin: 70px auto 0;
      text-align: center;
    }

    .point7-vid {
      width: 100%;
      max-width: 1200px;
      margin: 48px auto 0;
      aspect-ratio: 1200 / 680;
    }

    .point7-vid-bath {
      max-width: 1200px;
      aspect-ratio: 1200 / 720;
    }

    .point7-vid-iocare {
      aspect-ratio: 1200 / 640;
    }

    .point7-notes {
      max-width: 1000px;
      margin: 32px auto 0;
      text-align: center;

      .p2 {
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        color: #7a7a7a;
        line-height: 1.55;
      }
    }

    .point7-notes-bath {
      margin-top: 24px;
    }

    .point7-band {
      margin-top: 120px;
      padding: 100px 20px 110px;
      background: #f5f5f7;
    }

    .point7-grid-head {
      margin-top: 140px;
      text-align: center;

      h4 {
        margin: 0;
        font-size: 48px;
        font-weight: 700;
        color: #000;
        line-height: 1.25;
      }
    }

    .point7-feature-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 56px 32px;
      max-width: 1200px;
      margin: 72px auto 0;
      padding: 0 20px;
    }

    .point7-feature-cell {
      display: flex;
      flex-direction: column;
      gap: 28px;
      align-items: center;
      min-width: 0;
    }

    .point7-feature-visual {
      width: 100%;
      max-width: 580px;
      overflow: hidden;
      border-radius: var(--radius-lg);
    }

    .point7-feature-cell .video-box.point7-feature-visual {
      aspect-ratio: 580 / 380;
    }

    .point7-feature-cell .img-box.point7-feature-visual img {
      display: block;
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    .point7-feature-cell .text-box {
      max-width: 520px;
      text-align: center;
    }

    .point7-feature-tit {
      font-size: 36px;
      font-weight: 700;
      color: #1b191a;
      line-height: 1.3;
    }

    .point7-feature-desc {
      margin-top: 12px;
      font-size: 20px;
      font-weight: 400;
      color: #161616;
      line-height: 1.45;
    }
    .point7-feature-note {
      margin-top: 20px;
      font-size: 12px;
      line-height: 16px;
      color: #90a0a6;
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 20vw 0;
    & .contents {
      .tit-box {
        width: 32vw;
        margin: auto;
      }
      .sub-tit-box {
        margin-top: 6.6667vw;
        h3 {
          font-size: 8.5333vw;
          line-height: 9.6667vw;
          span {
            font-size: 6.4vw;
          }
        }
        &.point7-grid-head h4 {
          font-size: 6.9333vw;
          line-height: 1.2;
        }
      }

      .img-box {
        width: calc(100% - 13.3333vw);
      }

      .point7-lead {
        margin-top: 13.3333vw;
        .p1 {
          font-size: 4.8vw;
          line-height: 6.4vw;
        }
        .p2 {
          margin-top: 2.6667vw;
          font-size: 3.47vw;
          line-height: 1.4;
        }
      }

      .point7-lead-3 {
        margin-top: 14vw;
      }

      .point7-vid {
        width: calc(100% - 13.3333vw);
        max-width: none;
        margin-top: 6.4vw;
        aspect-ratio: 2060/1600;
      }

      .point7-notes {
        margin-top: 2.6667vw;
        .p2 {
          font-size: 2.6667vw;
          line-height: 1.45;
        }
      }

      .point7-band {
        margin-top: 13.3333vw;
        padding: 0;
      }

      .point7-grid-head {
        margin-top: 10.6667vw;
        h4 {
          font-size: 4.8vw;
          line-height: 1.25;
        }
      }

      .point7-feature-grid {
        grid-template-columns: 1fr;
        gap: 10.6vw;
        width: 88.8vw;
        max-width: none;
        margin-top: 8vw;
        padding: 0;
      }

      .point7-feature-cell {
        gap: 4vw;
      }

      .point7-feature-cell .video-box.point7-feature-visual {
        max-width: none;
        aspect-ratio: 16 / 10;
      }

      .point7-feature-tit {
        font-size: 4.8vw;
        line-height: 6.4vw;
      }

      .point7-feature-desc {
        margin-top: 2.6667vw;
        font-size: 2.6667vw;
        line-height: 4vw;
      }

      .point7-feature-note {
        margin-top: 2.6667vw;
        font-size: 2.4vw;
        line-height: 3.7333vw;
      }
    }
  }
}

/* 호환 안내 (prod-type.webp) */
.pdp-section-type {
  position: relative;
  padding: 240px 0;
  background: #f1ebe9;
  color: #161616;

  & .contents {
    .text-box {
      text-align: center;
      h3 {
        font-size: 46px;
        line-height: 60px;
        font-weight: 700;
      }
      .p1 {
        font-size: 20px;
        line-height: 28px;
      }
    }
    .kit-diagram {
      max-width: 1200px;
      margin: 60px auto;

      img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        vertical-align: top;
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 14vw 0 16vw;

    & .contents {
      padding: 0 5.33vw;
      & .text-box {
        h3 {
          font-size: 5.8667vw;
          line-height: 8.5333vw;
        }
        .p1 {
          font-size: 2.6667vw;
          line-height: 3.0667vw;
        }
      }

      .kit-diagram {
        max-width: none;
        margin: 13.3333vw auto 2.6667vw;
      }
    }
  }
}
/*사이즈 안내*/
.pdp-section-size {
  position: relative;
  padding: 240px 0;
  background: #fff;
  color: #161616;

  & .contents {
    .text-box {
      text-align: center;
      h3 {
        font-size: 46px;
        line-height: 60px;
        font-weight: 700;
      }
    }
    .size {
      max-width: 1200px;
      margin: 60px auto;

      img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        vertical-align: top;
      }
    }
  }

  @media screen and (max-width: 1024px) {
    padding: 14vw 0 16vw;

    & .contents {
      padding: 0 5.33vw;

      & .text-box {
        h3 {
          font-size: 6.4vw;
          line-height: 9.8667vw;
        }
      }

      .size {
        max-width: none;
        margin: 13.3333vw auto 0;
      }
    }
  }
}

/* 하트서비스 */
.pdp-section-heart {
  position: relative;
  color: #161616;

  .heart-panel {
    box-sizing: border-box;
    width: 100%;
    padding: 150px 20px;
    background: #f1ebe9;

    .tit-box {
      margin-bottom: 80px;
    }

    .tit-box h4 {
      margin: 0;
      font-size: 46px;
      font-weight: 700;
      line-height: 64px;
      text-align: center;
    }

    .heart-card-row {
      max-width: 1200px;
      margin: 75px auto 0;
      flex-wrap: nowrap;
      gap: 25px;
      align-items: stretch;
      justify-content: center;
    }

    .heart-card {
      box-sizing: border-box;
      flex: 1 1 0;
      width: 0;
      min-width: 0;
      height: 340px;
      padding: 50px 12px;
      background: #fff;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 30px;
      justify-content: flex-start;
      align-items: center;
    }

    .heart-card .img-box img {
      display: block;
      width: auto;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
    }

    .heart-card .text-box p {
      margin: 0;
      font-size: 24px;
      font-weight: 400;
      color: #1b191a;
      line-height: 36px;
      text-align: center;
    }
  }

  @media screen and (max-width: 1024px) {
    & .heart-panel {
      padding: 20vw 0;

      .tit-box {
        margin-bottom: 6.6vw;
      }

      .tit-box h4 {
        font-size: 5.8667vw;
        line-height: 8vw;
      }

      .heart-card-row {
        flex-wrap: nowrap;
        gap: 2vw;
        width: calc(100% - 13.3333vw);
        max-width: none;
        margin-top: 8vw;
      }

      .heart-card {
        width: 100%;
        height: auto;
        min-height: 32vw;
        padding: 3.46vw 4vw;
        gap: 2.4vw;
      }

      .heart-card .img-box img {
        width: 7.3333vw;
        max-width: 7.3333vw;
      }

      .heart-card .text-box p {
        font-size: 2.1333vw;
        line-height: 3.2vw;
      }
    }
  }
}

/* Body Care HEART 서비스 (하트서비스 하단 배너) */
.pdp-section-heart-banner {
  position: relative;
  color: #fff;

  .heart-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }

  .heart-banner .img-box {
    margin: 0;
    line-height: 0;
  }

  .heart-banner .img-box img {
    display: block;
    width: 100%;
    height: auto;
  }

  .heart-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    padding: 0 24px;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .heart-banner-tit {
    margin: 0;
    font-size: 44px;
    line-height: 1.1;
  }

  .heart-banner-desc {
    margin: 10px 0 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.45;
  }

  .heart-banner-link {
    width: 134px;
    height: 36px;
    display: flex;
    margin: 20px auto 0;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
  }

  .heart-banner-link:hover {
    text-decoration: none;
  }

  @media screen and (max-width: 1024px) {
    .heart-banner-tit {
      font-size: 6.4vw;
      line-height: 8vw;
    }

    .heart-banner-desc {
      margin-top: 1.3333vw;
      font-size: 2.9vw;
      line-height: 4vw;
    }

    .heart-banner-link {
      margin-top: 4vw;
      font-size: 2.6vw;
      width: 29.3vw;
      height: 8.6vw;
    }

    .heart-banner-text {
      padding: 0 5.33vw;
    }
  }
}

/* 섹션 사이 띠 — <img> 제거: 소스 1789×1 이라 replaced element가 가로 1789px min-content 를 유발.
   div + aspect-ratio + 배경만 사용 (가상요소 없이 box 배경으로 동일) */
.pdp-row-shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1900px;
  min-width: 1400px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: transparent;
  background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260424/BAS51-A/row-shape.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  /* 실측 1789:1 — 블록 높이 = (컨테이너 가로) / 1789 */
  aspect-ratio: 1789 / 1;
  min-height: 1px;
}

@media screen and (max-width: 1399px) {
  .pdp-row-shape {
    min-width: 0;
    max-width: 100%;
  }
}