/* =========================================
   모바일 상세페이지 리뉴얼 CSS
   Figma 기준: 414px viewport, padding 20px
   PC와 동일 클래스명 사용
   ========================================= */

/* 공통 */
.dmm_byn_loading {
    z-index: 9981 !important;
}

.prd-detail,
.prd-detail * {
    font-family: 'Pretendard', sans-serif;
    line-height: 100%;
    box-sizing: border-box;
}

.prd-detail {
    padding-bottom: 72px; /* 하단바 높이만큼 */
}

/* 공통 아이콘 */
.ic-info {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.07159 4.53516V4.59699M7 7.35174H8.07171V11.5' stroke='%23888888' stroke-linecap='square'/%3E%3Crect x='1.5' y='1.5' width='13' height='13' stroke='%23888888'/%3E%3C/svg%3E") no-repeat center/contain;
    cursor: pointer;
}

.ic-arrow-right {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.25 11.6663L9.91667 6.99967L5.25 2.33301' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

.ic-wish {
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M13.6768 9.52441L14.0283 9.87012L14.3789 9.52246L18.5654 5.36914L24.9629 11.6436L14.0254 23.0166L3.03809 11.6436L9.4375 5.36719L13.6768 9.52441Z' stroke='%23888888'/%3E%3C/svg%3E") no-repeat center/contain;
}
.prd-bottom-bar__btn-wish.on .ic-wish {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M13.6768 9.52441L14.0283 9.87012L14.3789 9.52246L18.5654 5.36914L24.9629 11.6436L14.0254 23.0166L3.03809 11.6436L9.4375 5.36719L13.6768 9.52441Z' fill='%23E43D3D' stroke='%23E43D3D'/%3E%3C/svg%3E") no-repeat center/contain;
}

.ic-share {
    display: inline-block;
    width: 17px;
    height: 20px;
    vertical-align: middle;
    aspect-ratio: 17/20;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' viewBox='0 0 19 22' fill='none'%3E%3Cpath d='M6.29167 12.0536L11.9583 16.3393M11.9583 4.91071L6.29167 9.19643M17.625 3.48214C17.625 5.0601 16.3565 6.33929 14.7917 6.33929C13.2269 6.33929 11.9583 5.0601 11.9583 3.48214C11.9583 1.90419 13.2269 0.625 14.7917 0.625C16.3565 0.625 17.625 1.90419 17.625 3.48214ZM6.29167 10.625C6.29167 12.203 5.02314 13.4821 3.45833 13.4821C1.89353 13.4821 0.625 12.203 0.625 10.625C0.625 9.04704 1.89353 7.76786 3.45833 7.76786C5.02314 7.76786 6.29167 9.04704 6.29167 10.625ZM17.625 17.7679C17.625 19.3458 16.3565 20.625 14.7917 20.625C13.2269 20.625 11.9583 19.3458 11.9583 17.7679C11.9583 16.1899 13.2269 14.9107 14.7917 14.9107C16.3565 14.9107 17.625 16.1899 17.625 17.7679Z' stroke='%23888888' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* =========================================
   썸네일 이미지 슬라이드
   ========================================= */
.prd-thumb {
    width: 100%;
    overflow: hidden;
}

.prd-thumb__slider {
    position: relative;
}

.prd-thumb__slider .swiper-slide {
    width: 100%;
}

.prd-thumb__slider .swiper-slide img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
    background: #fff;
}

.prd-thumb__pagination {
    width: fit-content !important;
    position: absolute;
    bottom: 20px !important;
    right: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.6px;
    z-index: 10;
    text-align: right;
    border-radius: 4px;
    background: rgba(217, 217, 217, 0.50);
    backdrop-filter: blur(5px);
    padding: 6px 8px;
}

.prd-thumb__bullets {
    display: flex;
    gap: 2px;
    padding: 0 20px;
}

.prd-thumb__bullets .swiper-pagination-bullet {
    flex: 1;
    height: 2px;
    border-radius: 0;
    background: #d9d9d9;
    opacity: 1;
    margin: 0;
}

.prd-thumb__bullets .swiper-pagination-bullet-active {
    background: #000;
}

/* 영상 슬라이드 (모바일) */
.prd-thumb__slide--video {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.prd-thumb__slide--video .prd-thumb__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity 0.3s ease;
}

.prd-thumb__slide--video .prd-thumb__cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.prd-thumb__slide--video.is-loaded .prd-thumb__cover {
    opacity: 0;
    pointer-events: none;
}

.prd-thumb__slide--video .prd-thumb__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prd-thumb__slide--video .prd-thumb__video iframe {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
}


/* =========================================
   상품 정보
   ========================================= */
.prd-info {
    padding: 30px 20px 0;
}
.prd-info__top{
    border-bottom: 1px solid #eee;
}

/* 컬러칩 */
.prd-info__color {
    padding-bottom: 30px;
}

.prd-info__color-chips {
    overflow: hidden;
}

.prd-info__color-chips .swiper-slide {
    width: 64px;
    flex-shrink: 0;
}

.prd-info__color-chip {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: block;
    overflow: hidden;
}

.prd-info__color-chip--active {
    border: 1px solid #000;
}

.prd-info__color-chip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd-info__color-header {
    margin-top: 10px;
}

.prd-info__color-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.14px;
}

/* 뱃지 */
.prd-info__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px;
}

.prd-info__badge {
    display: inline-flex;
    align-items: center;
    padding: 7px;
    font-size: 11px;
    font-weight: 400;
    border: 1px solid #ccc;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    line-height: 100%;
}

/* 상품명 + 공유 */
.prd-info__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.prd-info__share {
    width: 34px;
    height: 34px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
}

/* 상품명 */
.prd-info__name {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.3px;
    line-height: 140%;
    margin: 0;
    word-break: break-word;
    flex: 1;
}

/* 가격 */
.prd-info__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0;
}

.prd-info__price-original .prd-info__price-num,
.prd-info__price-original .prd-info__price-unit {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    text-decoration: line-through;
    letter-spacing: -0.15px;
}

.prd-info__price-current {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.prd-info__price-rate {
    font-size: 20px;
    font-weight: 600;
    color: #F12E2D;
    letter-spacing: -0.15px;
}

.prd-info__price-value .prd-info__price-num {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-info__price-value .prd-info__price-unit {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-info__price-benefit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    border: 1px solid #D4D4D4;
    background: #FFF;
    padding: 15px;
}

.prd-info__price-benefit-label {
    font-size: 14px;
    font-weight: 500;
    color: #7A7A7A;
    letter-spacing: -0.14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.prd-info__price-benefit .prd-info__price-value .prd-info__price-num,
.prd-info__price-benefit .prd-info__price-value .prd-info__price-unit {
    font-size: 14px;
}

/* 리뷰 */
.prd-info__review {
    display: flex;
    gap: 5px;
    align-items: center;
    padding-bottom: 20px;
}

.prd-info__review-link {
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    line-height: 100%;
    text-decoration: underline;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}
.prd-info__review-link span{
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    color: #7A7A7A;
}

.crema_product_reviews_score_star_wrapper{
    top: -2px !important;
}

/* 구매혜택 / 적립 / 배송 / 결제 */
.prd-info__benefits,
.prd-info__meta {
    padding-top: 15px;
}

.prd-info__benefits {
    display: flex;
    gap: 10px;
}

.prd-info__benefits-label {
    font-size: 14px;
    font-weight: 500;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    width: 60px;
    flex-shrink: 0;
}

.prd-info__benefits-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.prd-info__benefits-list li {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-info__benefits-list li:last-child {
    margin-bottom: 0;
}

.prd-info__benefits-list a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0;
}

.prd-info__meta {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.prd-info__meta-item {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 10px;
}

.prd-info__meta-item dt {
    width: 60px;
    font-size: 14px;
    font-weight: 500;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    flex-shrink: 0;
}

.prd-info__meta-item dd {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-info__meta-item dd button {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

/* =========================================
   이벤트 배너
   ========================================= */
.prd-banner {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.prd-banner__item {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.prd-banner__img {
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
}

.prd-banner__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd-banner__pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}

.prd-banner__pagination .swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    border-radius: 0;
    background: #d9d9d9;
    opacity: 1;
}

.prd-banner__pagination .swiper-pagination-bullet-active {
    background: #000;
}

.prd-addimg {
    margin-top: 40px;
}

.prd-addimg img{
    width: 100%;
}

.prd-addimg iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
}

/* =========================================
   상세정보
   ========================================= */
.prd-desc {
    padding: 40px 20px;
}

.prd-desc__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    line-height: 1;
    margin: 0 0 30px;
}

.prd-desc__code {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.prd-desc__code-label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.15px;
    color: #7A7A7A;
}

.prd-desc__code-value {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-desc__body {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 150%;
    letter-spacing: -0.3px;
}

/* =========================================
   주요 기능 & 활용 범위
   ========================================= */
.prd-spec {
    padding: 40px 20px;
    background: #F5F5F5;
}

.prd-spec__inner {
    width: 100%;
}

.prd-spec__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    margin: 0 0 30px;
}

.prd-spec__right {
    width: 100%;
}

.prd-spec__gauges {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.prd-spec__gauge {
    width: 100%;
}

.prd-spec__gauge-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.prd-spec__gauge-label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.prd-spec__gauge-bar {
    display: flex;
    gap: 3px;
    width: 100%;
    height: 8px;
}

.prd-spec__gauge-seg {
    flex: 1;
    height: 100%;
    background: #D9D9D9;
}

.prd-spec__gauge-seg--active {
    background: #000;
    position: relative;
}

/* active 마지막: 다음 형제가 non-active이거나 없는 경우 */
.prd-spec__gauge-seg--active:not(:has(+ .prd-spec__gauge-seg--active))::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 16px;
    background: #000;
    z-index: 1;
}

.prd-spec__gauge-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.prd-spec__gauge-text {
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
}

.prd-spec__gauge-score {
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
}

.prd-spec__notice {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    line-height: 140%;
}

.prd-spec__usage {
    margin-top: 30px;
}

.prd-spec__usage-label {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
}

.prd-spec__usage-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    padding: 20px 0;
}

.prd-spec__usage-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(50% - 10px);
}

.prd-spec__usage-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.prd-spec__usage-name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 130%;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* =========================================
   원단 & 소재
   ========================================= */
.prd-material {
    padding: 40px 20px;
}

.prd-material__inner {
    width: 100%;
}

.prd-material__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    margin: 0 0 30px;
}

.prd-material__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prd-material__card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #F5F5F5;
}

.prd-material__card-logo {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-material__card-logo img {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
}

.prd-material__card-info {
    flex: 1;
}

.prd-material__card-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #000;
    letter-spacing: -0.15px;
    margin: 0 0 10px;
    word-break: keep-all;
}

.prd-material__card-desc {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 150%;
    letter-spacing: -0.15px;
    word-break: keep-all;
    margin: 0;
}

/* =========================================
   추가 화보컷
   ========================================= */
.prd-lookbook {
    padding: 40px 0px 40px 20px;
}

.prd-lookbook__inner {
    width: 100%;
}

.prd-lookbook__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-right: 20px;
}

.prd-lookbook__header--multi {
    align-items: flex-end;
}

.prd-lookbook__models {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.prd-lookbook__model {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.prd-lookbook__model-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.prd-lookbook__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    gap: 15px;
}

.prd-lookbook__prev,
.prd-lookbook__next {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.prd-lookbook__prev.swiper-button-disabled,
.prd-lookbook__next.swiper-button-disabled {
    color: #B9B9B9;
    cursor: default;
}
.prd-lookbook__slider {
    overflow: hidden;
}

.prd-lookbook__slider .swiper-slide img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    display: block;
}

.prd-lookbook__notice {
    font-size: 14px;
    font-weight: 500;
    color: #8A8A8A;
    letter-spacing: -0.15px;
    margin-top: 15px;
    text-align: center;
}

/* =========================================
   특징
   ========================================= */
.prd-feature {
    padding: 40px 20px;
    background: #F5F5F5;
}

.prd-feature__inner {
    width: 100%;
}

.prd-feature__title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    line-height: 100%;
    margin: 0 0 30px;
}

.prd-feature__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.prd-feature__card-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.prd-feature__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd-feature__card-info {
    padding-top: 10px;
}

.prd-feature__card-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    margin: 0 0 5px;
    line-height: 150%;
    word-break: keep-all;
}

.prd-feature__card-desc {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 150%;
    letter-spacing: -0.15px;
    margin: 0;
    word-break: keep-all;
}

/* 하단 이미지*/ 
/* .prd-addimg--product {
    margin-top: 30px;
} */

/* ai관련고지 */
.prd-ai-desc {
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    padding: 30px 20px 0px 20px;
}

/* =========================================
   상품정보고시 & 배송/교환
   ========================================= */
.prd-notice {
    padding: 24px 20px 40px 20px;
}

.prd-notice__inner {
    width: 100%;
}

.prd-notice__accordion {
    border-top: 1px solid #eee;
}

.prd-notice__accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    cursor: pointer;
}

.prd-notice__accordion-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-notice__accordion-icon {
    position: relative;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.prd-notice__accordion-icon::before,
.prd-notice__accordion-icon::after {
    content: '';
    position: absolute;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.prd-notice__accordion-icon::before {
    width: 12px;
    height: 1.5px;
}

.prd-notice__accordion-icon::after {
    width: 1.5px;
    height: 12px;
}

.prd-notice__accordion.is-open .prd-notice__accordion-icon::after {
    display: none;
}

.prd-notice__accordion-body {
    display: none;
    padding-bottom: 30px;
}

.prd-notice__accordion.is-open .prd-notice__accordion-body {
    display: block;
}

.prd-notice__dl {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 10px;
    margin: 0;
}
.prd-notice__dl dt {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 140%;
    letter-spacing: -0.15px;
    width: 80px;
}

.prd-notice__dl dd {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 140%;
    letter-spacing: -0.15px;
    margin: 0;
    word-break: break-word;
}

.prd-notice__dl dd strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.15px;
}

.prd-notice__dl dd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.prd-notice__dl dd ul li {
    position: relative;
    padding-left: 10px;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; 
    letter-spacing: -0.15px;
}

.prd-notice__dl dd ul li::before {
    content: '·';
    position: absolute;
    left: 0;
}

/* =========================================
   추천 상품 (레코픽)
   ========================================= */
.prd-recommend {
    padding: 40px 0 40px 20px;
}

.prd-recommend__inner {
    width: 100%;
}

.prd-recommend__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    margin: 0 0 30px;
}

.prd-recommend__slider {
    width: 100%;
    overflow: hidden;
}

.prd-recommend__slider .swiper-wrapper {
    align-items: flex-start;
}


.prd-recommend__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 210px;
    max-width: 210px;
    flex-shrink: 0;
    text-decoration: none;
    color: inherit;
}

.prd-recommend__card-img {
    width: 210px;
    height: 210px;
    overflow: hidden;
    background: #f5f5f5;
}

.prd-recommend__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd-recommend__card-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.prd-recommend__card-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.28px;
    line-height: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-recommend__card-original {
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    letter-spacing: -0.14px;
    line-height: 100%;
    margin: 0;
    text-decoration: line-through;
}

.prd-recommend__card-price {
    display: flex;
    gap: 5px;
}

.prd-recommend__card-percent {
    font-size: 14px;
    font-weight: 500;
    color: #f12e2d;
    letter-spacing: -0.14px;
    line-height: 100%;
}

.prd-recommend__card-sale {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.14px;
    line-height: 100%;
}



/* =========================================
   리뷰 (크리마)
   ========================================= */
.prd-reviews {
    padding: 40px 20px;
}

/* =========================================
   상품문의
   ========================================= */
.prd-qna {
    padding: 40px 20px;
}

.prd-qna__title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
}

.prd-qna__empty {
    color: #7A7A7A;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    text-align: center;
    padding: 40px 0;
}

.prd-qna__list {
    padding: 0;
    margin-top: 20px;
}

.prd-qna__item {
    border-bottom: 1px solid #E8E8E8;
}
.prd-qna__item + .detail_qna_write.is-open, 
.prd-qna__list + .detail_qna_write.is-open{
    padding-top: 30px;
}

.prd-qna__item-header {
    display: flex;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
}

.prd-qna__item-content {
    flex: 1;
    min-width: 0;
}

.prd-qna__item-info {
    flex: 1;
    min-width: 0;
}

.prd-qna__item-cate {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.prd-qna__item-lock {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M7.467 8.867v2.626h-.875V8.867h.875Z' fill='%23000'/%3E%3Cpath d='M7.03 5.925l3.5 1.633v5.685H3.53V7.558L7.03 5.925Zm0-.966L2.654 7v7.116h8.751V7L7.03 4.96Z' fill='%23000'/%3E%3Cpath d='M8.78.99v4.785l-1.381-.644-.37-.173-.369.173-1.38.644V.99h4.5Zm.875-.875H4.404v7.034L7.03 5.926l2.625 1.225V.117Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='14' height='14' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
}

.prd-qna__item-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

.prd-qna__item-title-text {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-qna__item-status {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    margin-top: 8px;
    display: block;
}

.prd-qna__item-meta {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.prd-qna__item-meta span {
    font-size: 14px;
    font-weight: 400;
    color: #8A8A8A;
}

.prd-qna__item-toggle {
    flex-shrink: 0;
    margin-left: 10px;
}

.prd-qna__item.is-open .prd-qna__item-toggle {
    transform: rotate(180deg);
}

.prd-qna__item-answer {
    display: none;
}

.prd-qna__item.is-open .prd-qna__item-answer {
    display: block;
    border-top: 1px solid #E8E8E8;
}

.prd-qna__item-answer-inner {
    background: #F7F7F7;
    padding: 20px;
}

.prd-qna__item-answer-q {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin: 0;
}

.prd-qna__item-answer-a {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 160%;
    letter-spacing: -0.15px;
    margin: 15px 0 0;
    padding-left: 10px;
    border-left: 1px solid #D4D4D4;
}

.prd-qna__pagination {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.prd-qna__pagination-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    border: 1px solid #E8E8E8;
}

.prd-qna__pagination-num.is-active {
    border: 1px solid #000;
}

.prd-qna__pagination-arrow {    
    padding: 11px;
}

.prd-qna__write-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #000;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    letter-spacing: -0.15px;
}

/* 문의하기 폼 */
.prd-qna .detail_qna_write {
    display: none;
}

.prd-qna .detail_qna_write.is-open {
    display: block;
}

.prd-qna .detail_qna_write.is-open .prd-qna-form {
    padding-top: 0 !important;
}

.prd-qna .detail_qna_write.is-open #qnaWriteDiv {
    display: block !important;
}

/* =========================================
   하단 고정 CTA 바
   ========================================= */
.prd-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    padding: 12px 24px;
    background: #000;
    height: 72px;
    box-sizing: border-box;
}

.prd-bottom-bar__btn-wish {
    width: 36px;
    height: 36px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-bottom-bar__divider {
    width: 1px;
    height: 30px;
    background: #ddd;
    margin: 0 24px 0 24px;
    flex-shrink: 0;
}

.prd-bottom-bar__btn-buy {
    flex: 1;
    height: 48px;
    background: #000;
    color: #fff;
    border: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================================
   모달 공통 (모바일)
   ========================================= */

   
.prd-modal-sheet, .prd-modal-sheet *, 
.prd-modal-full, .prd-modal-full *{
    font-family: 'Pretendard', sans-serif;
}

/* 바텀시트 모달 */
.prd-modal-sheet {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9980;
    visibility: hidden;
    pointer-events: none;
}

.prd-modal-sheet.is-active {
    visibility: visible;
    pointer-events: auto;
}

/* 장바구니 담기 바텀시트는 구매하기 바텀시트 위에 노출 */
.prd-modal-sheet[data-modal="cart"] {
    z-index: 9990;
}

.prd-modal-sheet__dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.prd-modal-sheet.is-active .prd-modal-sheet__dim {
    opacity: 1;
}

.prd-modal-sheet__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 24px 24px 0 0;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    max-height: 90%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateY(100%);
    transition: transform 0.3s ease, max-height 0.3s ease, border-radius 0.3s ease;
}

.prd-modal-sheet.is-active .prd-modal-sheet__content {
    transform: translateY(0);
}

/* 바텀시트 스크롤 시 전체 화면으로 확장 */
.prd-modal-sheet .prd-modal-sheet__content.is-expanded {
    top: 0;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.prd-modal-sheet__handle {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    background: #d9d9d9;
    border-radius: 999px;
}

.prd-modal-sheet__title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
    letter-spacing: -0.4px;
}

/* 공유하기 아이콘 그리드 */
.prd-modal-sheet__share {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.prd-modal-sheet__share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    cursor: pointer;
}

.prd-modal-sheet__share-icon {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}

.prd-modal-sheet__share-icon--link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 17.55L8.23002 19.27C7.76589 19.7341 7.1364 19.9948 6.48002 19.9948C5.82364 19.9948 5.19415 19.7341 4.73002 19.27C4.26589 18.8058 4.00515 18.1763 4.00515 17.52C4.00515 16.8636 4.26589 16.2341 4.73002 15.77L9.27002 11.22C9.71563 10.7729 10.316 10.5143 10.947 10.4975C11.578 10.4807 12.1913 10.7072 12.66 11.13L12.78 11.23C12.9696 11.4156 13.2253 11.5183 13.4906 11.5155C13.756 11.5127 14.0094 11.4046 14.195 11.215C14.3807 11.0253 14.4834 10.7697 14.4806 10.5044C14.4778 10.239 14.3696 9.98562 14.18 9.79997C14.1236 9.727 14.0635 9.65691 14 9.58997C13.1464 8.84729 12.0424 8.45682 10.9116 8.49767C9.78082 8.53852 8.70785 9.00763 7.91002 9.80997L3.31002 14.36C2.52838 15.2108 2.10564 16.3306 2.13009 17.4857C2.15455 18.6408 2.6243 19.7418 3.44125 20.5587C4.2582 21.3757 5.35918 21.8454 6.51427 21.8699C7.66935 21.8944 8.78923 21.4716 9.64002 20.69L11.37 19C11.5408 18.8136 11.6347 18.5695 11.6328 18.3167C11.6309 18.0639 11.5333 17.8212 11.3597 17.6375C11.1861 17.4537 10.9494 17.3426 10.6971 17.3263C10.4448 17.3101 10.1958 17.39 10 17.55ZM20.69 3.30997C19.8488 2.47398 18.711 2.00476 17.525 2.00476C16.339 2.00476 15.2012 2.47398 14.36 3.30997L12.63 4.99997C12.4592 5.18632 12.3653 5.43045 12.3672 5.68324C12.3691 5.93603 12.4667 6.17871 12.6403 6.36246C12.8139 6.54621 13.0507 6.65739 13.303 6.67362C13.5552 6.68986 13.8043 6.60995 14 6.44997L15.73 4.72997C16.1941 4.26584 16.8236 4.0051 17.48 4.0051C18.1364 4.0051 18.7659 4.26584 19.23 4.72997C19.6941 5.1941 19.9549 5.8236 19.9549 6.47997C19.9549 7.13635 19.6941 7.76584 19.23 8.22997L14.69 12.78C14.2444 13.227 13.644 13.4857 13.013 13.5024C12.382 13.5192 11.7687 13.2928 11.3 12.87L11.18 12.77C10.9904 12.5843 10.7348 12.4816 10.4694 12.4844C10.2041 12.4872 9.95067 12.5953 9.76502 12.785C9.57937 12.9746 9.47665 13.2302 9.47946 13.4956C9.48228 13.7609 9.59039 14.0143 9.78002 14.2C9.85266 14.2743 9.92945 14.3444 10.01 14.41C10.8647 15.1504 11.9682 15.5394 13.0983 15.4986C14.2284 15.4578 15.301 14.9902 16.1 14.19L20.65 9.63997C21.4913 8.80405 21.9678 7.6692 21.9753 6.48322C21.9828 5.29724 21.5207 4.15646 20.69 3.30997Z' fill='%23000'/%3E%3C/svg%3E");
}

.prd-modal-sheet__share-icon--kakao {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3C6.48 3 2 6.58 2 10.9c0 2.8 1.86 5.26 4.66 6.66l-.94 3.47c-.08.3.26.54.52.37l4.16-2.77c.52.06 1.05.1 1.6.1 5.52 0 10-3.58 10-7.93C22 6.58 17.52 3 12 3z' fill='%23000'/%3E%3C/svg%3E");
}

.prd-modal-sheet__share-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3V2z' fill='%23000'/%3E%3C/svg%3E");
}

.prd-modal-sheet__share-icon--x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' fill='%23000'/%3E%3C/svg%3E");
}

.prd-modal-sheet__share-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: center;
    letter-spacing: -0.28px;
}

/* 풀페이지 모달 */
.prd-modal-full {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    flex-direction: column;
}

.prd-modal-full.is-active {
    display: flex;
}

.prd-modal-full__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 10px;
    flex-shrink: 0;
}

.prd-modal-full__title {
    
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.2px;
}

.prd-modal-full__close {
    width: 32px;
    height: 32px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M24 8L8 24M24 24L8 8' stroke='%23000' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.prd-modal-full__body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    -webkit-overflow-scrolling: touch;
}

/* 무이자할부 테이블 */
.prd-modal-full__date {
    
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    margin-bottom: 20px;
}

.prd-modal-full__table {
    width: 100%;
    border-collapse: collapse;
}

.prd-modal-full__table-head {
    display: flex;
    gap: 1px;
    width: 100%;
}

.prd-modal-full__table-head span {
    flex: 1;
    background: #ebebeb;
    padding: 16px 10px;
    text-align: center;
    
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-modal-full__table-row {
    display: flex;
    gap: 1px;
    width: 100%;
    border-bottom: 1px solid #eee;
    align-items: center;
}

.prd-modal-full__table-row span {
    flex: 1;
    padding: 16px 10px;
    text-align: center;
    
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 140%;
    letter-spacing: -0.15px;
}

.prd-modal-full__notice {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.prd-modal-full__notice li {
    font-size: 14px;
    font-weight: 400;
    color: #8A8A8A;
    letter-spacing: -0.15px;
    line-height: 170%;
    position: relative;
    padding-left: 12px;
    word-wrap: break-word;
}

.prd-modal-full__notice li::before {
    content: '·';
    position: absolute;
    left: 4px;
}

.prd-modal-sheet__text {
    
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 160%;
    text-align: left;
}

/* 풀페이지 모달 탭 */
.prd-modal-full__tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.prd-modal-full__tab {
    padding: 20px 10px;
    
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
    letter-spacing: -0.15px;
    border: none;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    cursor: pointer;
}

.prd-modal-full__tab.is-active {
    background: #f5f5f5;
    color: #000;
}

/* 풀페이지 모달 패널 */
.prd-modal-full__panel {
    display: none;
}

.prd-modal-full__panel.is-active {
    display: block;
}

.prd-modal-full__panel-title {
    
    font-size: 24px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.15px;
    margin: 0 0 20px;
}

.prd-modal-full__panel-desc {
    
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 150%;
    margin: 0 0 30px;
}

[data-modal="usage-info"] .prd-modal-full__panel-title { 
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.15px;
}
[data-modal="usage-info"] .prd-modal-full__panel-desc { 
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    letter-spacing: -0.15px;
    word-break: break-word;
}

/* 테이블 레벨 셀 (좁은 너비) */
.prd-modal-full__table-cell--sm {
    flex: 0 0 52px !important;
    max-width: 52px;
}

/* =========================================
   구매하기 바텀시트
   ========================================= */
.prd-modal-sheet__content--purchase {
    padding: 40px 20px;
    max-height: 80vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    align-items: stretch;
}

.prd-purchase {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

/* 사이즈 선택 */
.prd-purchase__size-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.prd-purchase__size-label {
    
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
}

.prd-purchase__size-tools {
    display: flex;
    align-items: center;
    gap: 10px;
}
.prd-info__size-guide {
    display: flex;
    gap: 4px;
    align-items: center;
}
.prd-info__size-fit {
    color: #7A7A7A;
    font-family: Pretendard;
    font-size: 10px;
    font-weight: 500;
    line-height: 100%; /* 10px */
    letter-spacing: -0.15px;
    border-radius: 3px;
    border: 1px solid #CCC;
    padding: 5px;
}
.prd-info__size-guide span{
    color: #7A7A7A;
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.15px;
}

.prd-purchase__size-chips {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}

.prd-purchase__size-chip {
    height: 40px;
    padding: 0 4px;
    border: 1px solid #D4D4D4;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.prd-purchase__size-chip--active {
    border-color: #000;
}

.prd-purchase__size-chip--disabled {
    color: #D4D4D4;
    border-color: #D4D4D4;
    cursor: not-allowed;
}

.prd-purchase__restock {
    width: fit-content;
    display: inline-block;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

/* 선택된 옵션 카드 */
.prd-info__selected-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 210px;
    overflow-y: auto;
}

.prd-info__selected-list:has(> .prd-info__selected-item){
    margin-bottom: 20px;
}

.prd-info__selected-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: #f8f9fa;
    max-height: 54px;
    box-sizing: border-box;
}
.prd-info__selected-info {
    display: flex;
    align-items: center;
    gap: 4px;
}
.prd-info__selected-info span{
    
    font-size: 14px;
    font-weight: 500;
    line-height: 100%; /* 14px */
    letter-spacing: -0.15px;
    color: #3c3c43;
}

.prd-info__selected-controls {
    display: flex;
    align-items: center;
    gap: 20px;
}

.prd-info__selected-qty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #8A8A8A;
}

.prd-info__selected-qty button {
    width: 18px;
    height: 18px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #000;
}

.prd-info__selected-qty span {
    
    font-size: 14px;
    font-weight: 500;
    color: #3c3c43;
    min-width: 34px;
    text-align: center;
}

.prd-info__selected-remove {
    width: 11px;
    height: 11px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0.353516 10.3535L5.35353 5.35354M5.35353 5.35354L10.3535 0.353516M5.35353 5.35354L0.353516 0.353516M5.35353 5.35354L10.3535 10.3535' stroke='%238A8A8A' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
    cursor: pointer;
    padding: 0;
}

.prd-info__selected-qty button {
    width: 18px;
    height: 18px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.prd-info__selected-qty button:first-child {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M12.75 9H5.25' stroke='%23666666' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

.prd-info__selected-qty button:last-child {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 4.5V13.5M13.5 9H4.5' stroke='%23666666' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}


/* 총 금액 */
.prd-purchase__total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: -20px;
}

.prd-purchase__total-label {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
}

.prd-purchase__total-price {
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.3px;
}
.prd-purchase__total-value {
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -0.3px;
}

/* 구매 버튼 */
.prd-purchase__buttons {
    display: flex;
    gap: 8px;
}

.prd-purchase__btn {
    flex: 1;
    height: 48px;
    
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.15px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-purchase__btn--cart {
    background: #fff;
    border: 1px solid #EEE;
    color: #000;
}

.prd-purchase__btn--buy {
    background: #000;
    color: #fff;
}

/* 네이버페이 */
.prd-purchase__npay {
    margin-top: -12px;
}

.prd-purchase__npay .npay_button_sdk_wrapper {
    padding: 0 !important; 
}

/* =========================================
   사이즈 가이드 모달
   ========================================= */
.prd-modal-size {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prd-modal-size__notice {
    
    font-size: 14px;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.15px;
    line-height: 150%;
    word-break: break-word;
}

.prd-modal-size__silhouette {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prd-modal-size__silhouette img {
    max-width: 300px;
    max-height: 300px;
    object-fit: contain;
}

.prd-modal-size__fit {
    background: #f7f7f7;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.prd-modal-size__fit-name {
    
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    color: #111;
    letter-spacing: -0.15px;
}

.prd-modal-size__fit-desc {
    
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
}

.prd-modal-size__model {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prd-modal-size__model-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eee;
    flex-shrink: 0;
}

.prd-modal-size__model-text {
    
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-modal-size__table {
    width: 100%;
}

.prd-modal-size__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.prd-modal-size__table-wrap table {
    width: 100%;
    min-width: 500px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.prd-modal-size__table-wrap th,
.prd-modal-size__table-wrap td {
    padding: 16px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    text-align: center;
    white-space: nowrap;
    width: 100px;
    max-width: 100px;
    border-bottom: 1px solid #E8E8E8;
}

.prd-modal-size__table-wrap thead th {
    background: #f5f5f5;
    font-weight: 600;
}

.prd-modal-size__table-wrap thead th:first-child,
.prd-modal-size__table-wrap tbody th {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f5f5f5;
    font-weight: 500;
    border-right: 1px solid #E8E8E8;
}

.prd-modal-size__table-wrap thead th:first-child {
    font-weight: 600;
    z-index: 2;
    width: 100px;
    min-width: 100px;
}

.prd-modal-size__table-wrap tbody td {
    background: #fff;
}

.prd-modal-size__table-desc {
    
    font-size: 14px;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.15px;
    text-align: right;
    padding-top: 5px;
}

.prd-modal-size__table-kids {
    margin-top: 20px;
}

.prd-modal-size__table-kids h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
}

.prd-modal-size__table-kids p {
    margin: 10px 0;
    color: #666;
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.15px;
    word-break: break-word;
}

/* =========================================
   이미지 확대 모달 (풀페이지, 모바일 - Swiper Zoom)
   ========================================= */
.prd-modal-zoom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #fff;
}

.prd-modal-zoom.is-active {
    display: flex;
}

.prd-modal-zoom__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
}

.prd-modal-zoom__slider {
    flex: 1;
    min-height: 0;
    width: 100%;
}

.prd-modal-zoom__slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-modal-zoom__slider .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-modal-zoom__slider .swiper-zoom-container img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.prd-modal-zoom__pagination {
    display: none;
}

.prd-modal-zoom__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%23F7F7F7'/%3E%3Cpath d='M21.3334 10.6667L10.6667 21.3333' stroke='%2333363F' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M10.6666 10.6667L21.3333 21.3333' stroke='%2333363F' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    border-radius: 50%;
}
.prd-modal-zoom__desc {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    color: #7A7A7A;
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    letter-spacing: -0.15px;
    padding-bottom: 40px !important;
    z-index: 999;
}

.prd-modal-zoom__thumbs {
    position: absolute !important;
    bottom: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 0 20px 84px 20px !important;
}

.prd-modal-zoom__thumbs .swiper-slide {
    width: 64px !important;
    height: 64px;
    flex-shrink: 0;
}

.prd-modal-zoom__thumb {
    width: 64px;
    height: 64px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.prd-modal-zoom__thumb--video .prd-modal-zoom__play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z' fill='white' fill-opacity='0.2' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12V8L12.9641 10L16.4282 12L12.9641 14L9.5 16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
    pointer-events: none;
}

.prd-modal-zoom__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #FFF;
}

/* 확대 모달 내 영상 */
.prd-modal-zoom__slide--video {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-modal-zoom__video-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-modal-zoom__video-wrap iframe {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
}

/* =========================================
   상품문의 작성 폼 (모바일)
   ========================================= */
.prd-qna .detail_qna_write {
    display: none;
}

.prd-qna .detail_qna_write.is-open {
    display: block;
}

.prd-qna .detail_qna_write.is-open #qnaWriteDiv {
    display: block !important;
}

.prd-qna-form {
    padding: 30px 0;
}

/* 모바일: 모든 행 세로 배치 */
.prd-qna-form__row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.prd-qna-form__label {
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 130%;
}

.prd-qna-form__label span {
    font-size: 16px;
    font-weight: 400;
}

.prd-qna-form__field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prd-qna-form__block {
    margin-bottom: 20px;
}

.prd-qna-form__block .prd-qna-form__label {
    margin-bottom: 10px;
    display: block;
}

/* 인풋 */
.prd-qna-form__input,
.prd-qna-form__select {
    width: 100%;
    height: 50px;
    padding: 16px 10px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 1.3;
    box-sizing: border-box;
    outline: none;
}

.prd-qna-form__input--readonly {
    background-color: #f5f5f5;
}

.prd-qna-form__input::placeholder {
    color: #b7b7b7;
}

.prd-qna-form__select {
    appearance: none;
    -webkit-appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%237a7a7a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;
    padding-right: 36px;
    cursor: pointer;
}

/* 이메일 영역: 첫줄 input @ input 가로, 둘째줄 select 풀너비 */
.prd-qna-form__email {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prd-qna-form__email-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.prd-qna-form__email-row .prd-qna-form__input {
    flex: 1;
    min-width: 0;
}

.prd-qna-form__email .prd-qna-form__select {
    width: 100%;
}

.prd-qna-form__at {
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 18px;
    flex-shrink: 0;
}

/* 체크박스 */
.prd-qna-form__check {
    display: flex;
    align-items: center;
    gap: 4px;
}

.prd-qna-form__check input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1.25px solid #000;
    appearance: none;
    -webkit-appearance: none;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    margin: 0;
}

.prd-qna-form__check input[type="checkbox"]:checked {
    background: #000;
    border-color: #000;
}

.prd-qna-form__check input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.prd-qna-form__check label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 130%;
    cursor: pointer;
}
.prd-qna-form__check input[type=checkbox]:checked + label{
    color: #000 !important;
}
/* textarea */
.prd-qna-form__textarea {
    width: 100%;
    height: 140px;
    padding: 10px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 1.5;
    box-sizing: border-box;
    resize: vertical;
    outline: none;
}

.prd-qna-form__textarea::placeholder {
    color: #b7b7b7;
}

/* 안내 문구 */
.prd-qna-form__notice {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

.prd-qna-form__notice li {
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #8a8a8a;
    letter-spacing: -0.15px;
    line-height: 150%;
    position: relative;
    padding-left: 12px;
    margin-bottom: 0;
    word-break: break-word;
}

.prd-qna-form__notice li::before {
    content: '·';
    position: absolute;
    left: 4px;
}

/* 버튼 */
.prd-qna-form__buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.prd-qna-form__btn {
    flex: 1;
    height: 60px;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.15px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-qna-form__btn--cancel {
    background: #fff;
    border: 1px solid #d4d4d4;
    color: #000;
}

.prd-qna-form__btn--submit {
    background: #000;
    color: #fff;
}

/* 상품문의 수정/삭제 버튼 */
.prd-qna__item-actions {
    display: flex;
    gap: 5px;
    margin-top: 20px;
}

.prd-qna__item-btn {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border: 1px solid #D4D4D4;
    background: #fff;
    cursor: pointer;
    letter-spacing: -0.15px;
}

/* =========================================
   장바구니 담기 바텀시트
   ========================================= */
.prd-modal-sheet__content--cart {
    padding: 40px 20px 32px 20px;
    max-height: 80vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    gap: 24px;
    align-items: stretch;
}

.prd-modal-cart {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

.prd-modal-cart__msg p {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 160%;
    text-align: center;
    margin: 0;
}

.prd-modal-cart__buttons {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}

.prd-modal-cart__btn {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.15px;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}

.prd-modal-cart__btn--continue {
    border: 1px solid #eee;
    background: #fff;
    color: #000;
}

.prd-modal-cart__btn--go {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.prd-modal-cart__recommend {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prd-modal-cart__recommend-title {
    color: #13171c;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.15px;
}

.prd-modal-cart__recommend-slider {
    width: 100%;
    overflow: hidden;
}

.prd-modal-cart__recommend-slider .swiper-wrapper {
    align-items: flex-start;
}

.prd-modal-cart__recommend-item {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    height: auto;
    flex-shrink: 0;
}

.prd-modal-cart__recommend-link {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.prd-modal-cart__recommend-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.prd-modal-cart__recommend-img {
    width: 120px;
    height: 120px;
    background: #f5f5f5;
}

.prd-modal-cart__recommend-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prd-modal-cart__recommend-name {
    font-size: 13px;
    font-weight: 500;
    color: #13171c;
    letter-spacing: -0.13px;
    line-height: 1.4;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}

.prd-modal-cart__recommend-original {
    font-size: 13px;
    font-weight: 400;
    color: #979797;
    letter-spacing: -0.13px;
    text-decoration: line-through;
}

.prd-modal-cart__recommend-price {
    display: flex;
    align-items: center;
    gap: 4px;
}

.prd-modal-cart__recommend-percent {
    font-size: 13px;
    font-weight: 600;
    color: #cf1700;
    letter-spacing: -0.13px;
}

.prd-modal-cart__recommend-sale {
    font-size: 13px;
    font-weight: 600;
    color: #13171c;
    letter-spacing: -0.13px;
}

.bac_login_btn {
    display: flex;
    height: 48px;
    padding: 16px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border: 1px solid #EEE;
    background: #FFF;

    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
}

/* 재입고 알림 신청 */
#notify_restock{
    top: 25% !important;
}
#notify_restock select, 
#notify_restock input[type=text] {
    width: 180px;
    padding: 0 10px;
}
#notify_restock select {
    background: url(/_skin/m_sw_kor_bcc/img/common/select_bg.png) no-repeat 92% center / 12px;
}

#notify_restock .btn {
    display: flex;
    gap: 10px
}
#notify_restock .btn::after{
    content: normal;
}

#notify_restock .btn span {
    width: 50%;
}

#notify_restock .btn span * {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

#notify_restock .btn span a {
    line-height: 48px;
}


#notify_restock .tbl_row .opt th, #notify_restock .tbl_row .opt td {
    border-bottom: 1px solid #e0e0e0;
}