/* =========================================
   상세페이지 리뉴얼 - detail_alt.css
   BEM 규칙: Block__Element--Modifier
   ========================================= */
/* detail에서 bottom값 조절 */
 .CommonQuickMenu{
    bottom: 160px !important;
 }

/* 공통 아이콘 */
.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: 28px;
    height: 28px;
    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-info__btn-wish.on .ic-wish,
.prd-bottom-bar__btn-icon.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: 32px;
    height: 32px;
    vertical-align: middle;
    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='M21.3327 12.0003C22.8054 12.0003 23.9993 10.8064 23.9993 9.33366C23.9993 7.8609 22.8054 6.66699 21.3327 6.66699C19.8599 6.66699 18.666 7.8609 18.666 9.33366C18.666 10.8064 19.8599 12.0003 21.3327 12.0003Z' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 18.6663C12.1394 18.6663 13.3333 17.4724 13.3333 15.9997C13.3333 14.5269 12.1394 13.333 10.6667 13.333C9.19391 13.333 8 14.5269 8 15.9997C8 17.4724 9.19391 18.6663 10.6667 18.6663Z' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3327 25.3333C22.8054 25.3333 23.9993 24.1394 23.9993 22.6667C23.9993 21.1939 22.8054 20 21.3327 20C19.8599 20 18.666 21.1939 18.666 22.6667C18.666 24.1394 19.8599 25.3333 21.3327 25.3333Z' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.334 17.333L18.6673 21.333' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6673 10.667L13.334 14.667' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

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

.prd-detail {
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
}

.prd-detail__top {
    display: flex;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
    padding-bottom: 160px;
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;
}

.prd-detail__left {
    width: 67.533%;      /* 기본 비율 */
    max-width: 67.533%;  /* 최대 */
    min-width: 54.166%;  /* 최소 (줄어들 수 있음) */
    flex-shrink: 1;      /* 줄어들 수 있게 */
    overflow: hidden;
}

.prd-detail__right {
    width: 500px;
    flex-shrink: 0;
    position: sticky;
    top: 70px;
    align-self: flex-start;
    transition: top 0.3s ease;
}

.prd-info {
    padding: 60px 0 0 60px;
}

/* =========================================
   썸네일 이미지 그리드
   ========================================= */
.prd-thumb__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    max-height: 2085px;
    overflow: hidden;
}

.prd-thumb__grid--expanded {
    max-height: none;
}

.prd-thumb__item {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
    position: relative;
}

.prd-thumb__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

/* 영상 썸네일 */
.prd-thumb__item--video {
    position: relative;
}

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

.prd-thumb__item--video .prd-thumb__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

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

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

.prd-thumb__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

.prd-thumb__notice {
    margin: 5px 0;
    padding: 10px 0;
    font-size: 13px;
    color: #999;
    text-align: center;
    line-height: 130%; /* 16.9px */
    letter-spacing: -0.15px;    
}

.prd-thumb__item--hidden {
    display: none;
}

.prd-thumb__grid.is-expanded .prd-thumb__item--hidden {
    display: block;
}

.prd-thumb__grid.is-expanded {
    max-height: none;
}

.prd-thumb__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    padding: 20px 0;
    border: none;
    background: none;
}

.prd-thumb__more span{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: -0.15px;
}

.prd-thumb__more svg {
    transition: transform 0.3s;
}

.prd-thumb__more--active svg {
    transform: rotate(180deg);
}

/* =========================================
   이벤트 배너
   ========================================= */
.prd-banner {
    margin: 40px 0;
}

.prd-banner__item {
    display: flex;
    align-items: center;
    height: 160px;
    border-radius: 0;
    overflow: hidden;
}

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

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


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

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

.prd-banner__pagination .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border-radius: 0;
    background: #ccc;
    opacity: 1;
    margin: 0 !important;
}

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

/* =========================================
   추가이미지
   ========================================= */
.prd-addimg { width: 100%; }
.prd-addimg img { width: 100%; display: block;}
.prd-addimg--top { margin-top: 60px; }
.prd-addimg iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
}

/* =========================================
   상세정보
   ========================================= */
.prd-desc {
    margin-top: 60px;
}

.prd-desc__title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%; /* 45px */
    letter-spacing: -0.15px;
}

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

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

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

.prd-desc__body {
    color: #111;
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 160%; /* 38.4px */
    letter-spacing: -0.3px;
}


/* =========================================
   상품 정보 (우측 sticky)
   ========================================= */

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

.prd-info__badges span {
    display: inline-flex;
    align-items: center;
    padding: 6px 6px;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    line-height: 100%;
}

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

.prd-info__name {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.3px;
    line-height: 130%;
    margin: 0;
    word-break: keep-all;
}

.prd-info__share {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    cursor: pointer;
}

/* 가격 */
.prd-info__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E8E8E8;
}
/* .prd-info__price-num,
.prd-info__price-unit {
    font-family: 'Montserrat', sans-serif;
} */

.prd-info__price-original .prd-info__price-num{
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    text-decoration-line: line-through;
}
.prd-info__price-original .prd-info__price-unit{
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    text-decoration-line: line-through;
}

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

.prd-info__price-rate {
    color: #F12E2D;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.15px;
}

.prd-info__price-value .prd-info__price-num{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.15px;
}
.prd-info__price-value .prd-info__price-unit{
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
}

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

.prd-info__price-benefit-label {
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    vertical-align: middle;
    align-items: center;
}

.prd-info__price-benefit-label .ic-info {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 2px
}

.prd-info__price-benefit .prd-info__price-value span {
    font-size: 15px;
}

.prd-info__price:has(.prd-info__price-benefit) {
    border-bottom: none;
    padding-bottom: 0;
}

/* 구매 혜택 */
.prd-info__benefits {
    display: flex;
    padding-top: 30px;
}

.prd-info__benefits-label {
    width: 75px;
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%; /* 15px */
    letter-spacing: -0.15px;
}

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

.prd-info__benefits-list li{
    margin-bottom: 15px;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%; /* 15px */
    letter-spacing: -0.15px;
}

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

.prd-info__benefits-list a {
    display: flex;
    align-items: center;
    gap: 2px;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%; /* 15px */
    letter-spacing: -0.15px;
    text-decoration: none;
}

.prd-info__benefits-list svg {
    color: #999;
}

/* 리뷰 */
.prd-info__review {
    display: flex;
    gap: 4px;
    padding-top: 30px;
}

.prd-info__review-star {
    color: #000;
    font-size: 14px;
}

.prd-info__review-score {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-info__review-link {
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    text-decoration: underline;
    margin-left: 4px;
}
.prd-info__review-link span{
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
}
.prd-info__review-link:hover {
    color: #7A7A7A;
    text-decoration: underline;
}
.crema_product_reviews_score_star_wrapper{
    top: -2px !important;
}


/* 컬러 */
.prd-info__color {
    padding-top: 40px;
}

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

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

.prd-info__color-chips {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.prd-info__color-chip {
    width: 65px;
    height: 65px;
    overflow: hidden;
    display: block;
    font-size: 0;
}
.prd-info__color-chip:hover {
    outline: 1px solid #111;
}

.prd-info__color-chip--active {
    outline: 1px solid #111;
}

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

/* 사이즈 */
.prd-info__size {
    padding-top: 40px;
}

.prd-info__size-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

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

.prd-info__size-tools {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prd-info__size-fit {
    display: inline-flex;
    align-items: center;
    padding: 5px 6px;
    color: #7A7A7A;
    font-size: 10px;
    font-weight: 400;
    line-height: 100%; /* 10px */
    letter-spacing: -0.15px;
    border-radius: 3px;
    border: 1px solid #CCC;
}

.prd-info__size-guide {
    display: flex;
    align-items: center;
    gap: 4px;
}
.prd-info__size-guide span {
    font-size: 14px;
    color: #7A7A7A;
    text-decoration: none;
    letter-spacing: -0.15px;
    font-weight: 400;
}

.prd-info__size-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.prd-info__size-chip {
    width: 65px;
    height: 40px;
    border: 1px solid #D4D4D4;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.prd-info__restock {
    display: inline-block;
    color: #7A7A7A;
    text-align: right;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.15px;
    margin-top: 20px;
}

/* 구매 버튼 */
.prd-info__actions {
    margin-top: 20px;
}

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

.prd-info__btn-wish {
    width: 65px;
    height: 60px;
    border: 1px solid #D4D4D4;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.prd-info__btn-cart,
.prd-info__btn-buy {
    flex: 1;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    border: none;
    cursor: pointer;
}

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

.prd-info__btn-buy {
    background: #000;
    color: #fff;
}
.bac_login_btn {
    display: flex;
    height: 60px;
    padding: 20px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border: 1px solid #D4D4D4;
    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;
}

.bac_bottom_login_btn,
.bac_bottom_btn {
    display: flex;
    width: 365px;
    padding: 20px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    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;

    border: 1px solid #D4D4D4;
    background: #FFF;
}



/* 적립금/배송비/결제혜택 */
.prd-info__meta {
    margin-top: 30px;
}

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

.prd-info__meta-item:last-child {
    margin-bottom: 0;
}

.prd-info__meta-item dt {
    width: 75px;
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%; /* 15px */
    letter-spacing: -0.15px;
}

.prd-info__meta-item dd {
    margin: 0;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%; /* 15px */
    letter-spacing: -0.15px;
}

.prd-info__meta-item dd button {
    color: #000;
    text-decoration: underline;
}

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

.prd-spec__inner {
    display: flex;
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
    box-sizing: content-box;
}

.prd-spec__left {
    width: 620px;
    flex-shrink: 0;
}

.prd-spec__title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%; /* 45px */
    letter-spacing: -0.15px;
    margin: 0;
}

.prd-spec__right {
    flex: 1;
    padding-top: 10px;
}

/* 게이지 */
.prd-spec__gauges {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
}

.prd-spec__gauge {
    width: 100%;
}

.prd-spec__gauge-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.prd-spec__gauge-label {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -0.15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.prd-spec__gauge-value {
    color: #7A7A7A;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: -0.15px;
}

.prd-spec__gauge-value em {
    color: #7A7A7A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    margin-left: 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: #111;
    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: #111;
    z-index: 1;
}

.prd-spec__notice {
    margin-top: 20px;
    color: #7A7A7A;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.15px;
    margin-bottom: 40px;
}

/* 활용 범위 */
.prd-spec__usage-label {
    color: #7A7A7A;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    margin-bottom: 10px;
}

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

.prd-spec__usage-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px 0;
}

.prd-spec__usage-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.prd-spec__usage-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

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

.prd-spec__usage-en {
    color: #7A7A7A;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
}

/* =========================================
   소재 & 기능
   ========================================= */
.prd-material {
    padding: 80px 0;
}

.prd-material__inner {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
    box-sizing: content-box;
}

.prd-material__title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%; /* 45px */
    letter-spacing: -0.15px;
    margin: 0 0 30px;
}

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

.prd-material__list .prd-material__card {
    width: calc((100% - 40px) / 5);
}

.prd-material__card {
    height: 380px;
    flex-shrink: 0;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px;
    box-sizing: border-box;
}

.prd-material__card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.prd-material__card-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%; 
    letter-spacing: -0.15px;
    margin: 0;
}

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

.prd-material__card-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
}

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

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

.prd-lookbook__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding-left: max(var(--contents-side-padding), calc((100% - 1540px) / 2));
    padding-right: 0;
}

.prd-lookbook__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-right: calc((100% - 1540px));
}

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

.prd-lookbook__model {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.prd-lookbook__nav {
    display: flex;
    gap: 15px;
}

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

.prd-lookbook__slider {
    overflow: hidden;
}

.prd-lookbook__slider .swiper-slide {
    width: 530px;
    margin-right: 10px;
}

.prd-lookbook__slider .swiper-slide img {
    width: 100%;
    height: 800px;
    object-fit: cover;
    display: block;
}

/* =========================================
   특징
   ========================================= */
.prd-feature {
    padding: 80px 0;
    background: #F5F5F5;
    overflow: hidden;
}

.prd-feature__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
}

.prd-feature__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.prd-feature__title {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.15px;
    margin: 0;
}

.prd-feature__nav {
    display: flex;
    gap: 15px;
}

.prd-feature__prev,
.prd-feature__next {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    color: #333;
}

.prd-feature__slider {
    overflow: hidden;
}

.prd-feature__slider .swiper-slide {
    width: calc((100% - 20px) / 2.375);
}

.prd-feature__card-img {
    width: 100%;
    height: 640px;
    overflow: hidden;
    background: #f5f5f5;
}

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

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

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

.prd-feature__card-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.15px;
    word-break: keep-all;
    padding-right: 40px;
}

/* ai관련고지 */
.prd-ai-desc {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%; /* 13px */
    letter-spacing: -0.15px;
    padding-bottom: 20px;
}


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

.prd-notice__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 80px max(var(--contents-side-padding), calc((100% - 1540px) / 2));
}

.prd-addimg--brand{
    padding-bottom: 60px;
}
.prd-addimg--product{
    padding-bottom: 60px;
}

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

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

.prd-notice__accordion-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.15px;
}

.prd-notice__accordion-arrow {
    transition: transform 0.3s;
}

.prd-notice__accordion.is-open .prd-notice__accordion-arrow {
    transform: rotate(180deg);
}

.prd-notice__accordion-icon {
    position: relative;
    width: 16px;
    height: 16px;
    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: 16px;
    height: 1.5px;
}

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

.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: 120px 1fr;
    gap: 20px 10px;
    margin: 0;
}

.prd-notice__dl dt {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 180%; /* 32.4px */
    letter-spacing: -0.15px;
}

.prd-notice__dl dd {
    color: #111;
    font-size: 18px;
    font-weight: 400;
    line-height: 180%; /* 32.4px */
    letter-spacing: -0.15px;
}

.prd-notice__dl dd strong {
    font-size: 18px;
    letter-spacing: -0.15px;
    font-weight: 600;
}

.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: 18px;
    font-weight: 400;
    line-height: 180%; /* 32.4px */
    letter-spacing: -0.15px;
}

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

/* =========================================
   추천 상품 (이 상품과 비슷한 상품 / 다른 고객이 함께 본 상품)
   ========================================= */
.prd-recommend {
    padding: 80px 0;
}

.prd-recommend + .prd-recommend {
    padding-top: 80px;
}

.prd-recommend__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
}

.prd-recommend__title {
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin: 0 0 30px;
}

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

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

.prd-recommend__card {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
    height: auto;
    flex-shrink: 0;
}

.prd-recommend__card-link {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.prd-recommend__card-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
}

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

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

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

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

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

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

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

/* =========================================
   리뷰 (크리마)
   ========================================= */
.prd-reviews {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 max(var(--contents-side-padding), calc((100% - 1540px) / 2));
}

/* =========================================
   상품문의
   ========================================= */
.prd-qna {
    max-width: 1920px;
    margin: 0 auto;
    padding: 80px max(var(--contents-side-padding), calc((100% - 1540px) / 2));
}

.prd-qna__title {
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin: 0 0 30px;
}

/* 리스트 */
.prd-qna__list {
    padding: 30px 0;
}

.prd-qna__item {
    border-bottom: 1px solid #eee;
   
}
.prd-qna__item-header {
    display: flex;
    align-items: center;
    padding: 20px 0;
    gap: 10px;
    cursor: pointer;
}
.prd-qna__item:first-child .prd-qna__item-header{
    padding-top:0;
}

.prd-qna__item-cate {
    width: 120px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.15px;
}

.prd-qna__item-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

.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-text {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-qna__item-status {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 100%;
}

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

.prd-qna__item-meta span {
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    letter-spacing: -0.15px;
    line-height: 100%;
}

.prd-qna__item-toggle {
    flex-shrink: 0;
    transition: transform 0.2s;
}

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

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

/* 답변 펼침 */
.prd-qna__item-answer {
    display: none;
    padding: 0 0 20px 130px;
}

.prd-qna__item.is-open .prd-qna__item-answer {
    display: block;
}

.prd-qna__item-answer-inner {
    background: #f7f7f7;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prd-qna__item-answer-q {
    color: #111;
    font-size: 15px;
    font-weight: 600;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.15px;
    margin: 0;
}

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

.prd-qna__item-answer-date {
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    letter-spacing: -0.15px;
}

/* 페이지네이션 */
.prd-qna__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.prd-qna__pagination-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    text-decoration: none;
    text-align: center;
    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;
    justify-content: center; 
    align-items: center;
    width: 100%;
    height: 60px;
    border: 1px solid #000;
    background: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    text-decoration: none;
    box-sizing: border-box;
    margin-top: 30px;
}
.prd-qna .empty{border-top: 2px solid #000;}
.prd-qna .title_qnarev.none {border-bottom:0;}
.prd-qna .title_qnarev > h3 {font-size:18px;}
.prd-qna .title_qnarev > h3 > span {color:#888; font-size:inherit;}
/*.prd-qna .title_qnarev > .btn {position:absolute; right:0; top:-7px; font-size:0;}*/
.prd-qna .title_qnarev > .btn > a {display:inline-block; position:relative; width:152px; height:45px; padding:12px 50px; color:#666; font-size:14px; background-repeat:no-repeat; background-position:left center; font-size:14px;}
.prd-qna .title_qnarev > .btn > a:after {display:inline-block; width:1px; height:14px; margin:5px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; line-height:20.72px; content:'';}

.prd-qna .box {width:100%; border-top:2px solid #000; text-align:left;}
.prd-qna .box dl {padding:10px 0; border-bottom:1px solid #e8e8e8; font-size:0;}
.prd-qna .box dl.line {border-top:1px solid #e8e8e8;}
.prd-qna .box dl.line dt label {display:inline-block; margin-top:-28px;}
.prd-qna .box dl dt {display:inline-block; width:216px; padding:0 17px; font-size:14px; letter-spacing:-0.025rem; vertical-align:middle;}
.prd-qna .box dl dt span {display:inline-block; color:#ff5c47; font-size:14px;}
.prd-qna .box dl dt label {font-size:14px; letter-spacing:-0.025rem;}
.prd-qna .box dl dd {display:inline-block; width:789px; font-size:0; vertical-align:middle;}
.prd-qna .box dl dd select {width:520px; vertical-align:middle;}
.prd-qna .box dl dd select.small {width:186px; margin-left:10px;}
.prd-qna .box dl dd .form_input {width:520px; vertical-align:middle;}
.prd-qna .box dl dd .form_input.small {width:127px;}
.prd-qna .box dl dd .form_input.middle {width:145px;}
.prd-qna .box dl dd .hyphen {display:inline-block; width:24px; color:#666666; font-size:14px; text-align:center; vertical-align:middle; line-height:40px;}
.prd-qna .box dl dd .hyphen2 {display:inline-block; width:34px; color:#000; font-size:14px; text-align:center; vertical-align:middle; line-height:40px;}
.prd-qna .box dl dd .msg {display:inline-block; font-size:14px; vertical-align:middle;}
.prd-qna .box dl dd .msg label {display:inline-block; font-size:14px; vertical-align:middle;}
.prd-qna .box dl dd input[type=checkbox] {margin:0 4px 0 9px;}
.prd-qna .box dl dd p {margin-top:9px; color:#ff5c47; font-size:14px; letter-spacing:-0.025rem;}


.prd-qna fieldset > table {margin-bottom:-1px;}
/*.prd-qna fieldset > div.name {display:none;}*/
.prd-qna fieldset > div {position:relative; margin-bottom:10px; text-align:left;}
.prd-qna fieldset > div.content {width:964px; margin:10px auto; background-color:#fff;}
.prd-qna fieldset > div:last-child {margin-bottom:0;}
.prd-qna fieldset textarea {height:480px;}
/*.prd-qna .btn {padding:50px 0; text-align:center !important;}*/

.prd-qna .title_qnarev > .btn > a:last-child:after {display:none;}
#detail_review_ajax_list .title_qnarev > .btn {padding:20px 0;}
.prd-qna .title_qnarev > .btn > a.write {background:#000; color:#fff; text-align:center;}
.prd-qna .title_qnarev > .btn > a.list {background-image:url('/_skin/sw_kor_bcc/img/shop/icon_list.png');}
.prd-qna .title_qnarev > .sort {display:inline-block; padding:24px 0; font-size:0;}
.prd-qna .title_qnarev > .sort > li {display:inline-block; margin-left:29px;}
.prd-qna .title_qnarev > .sort > li:first-child {margin-left:0;}
.prd-qna .title_qnarev > .sort > li a {color:#979797; font-size:14px;}
.prd-qna .title_qnarev > .sort > li a.selected {color:#000; font-weight:bold;}
.prd-qna > .summary {margin-top:30px; padding:35px 0; background-color:#f6f6f6; font-size:0; text-align:center;}
.prd-qna > .summary > div {display:inline-block; vertical-align:top;}
.prd-qna > .summary > div:nth-child(2) {margin:0 140px;}
.prd-qna > .summary > div > h4 {font-size:14px; font-weight:normal;}
.prd-qna > .summary > div.count > p {margin-top:25px; padding-top:40px; font-size:20px; background:url('/_skin/sw_kor_bcc/img/shop/icon_review_count.png') no-repeat center top;}
.prd-qna > .summary > div.count > p strong {font-size:30px;}

/* =========================================
   모달 공통
   ========================================= */
.prd-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
.prd-modal,
.prd-modal * {
    font-family: 'Pretendard', sans-serif;
    line-height: 100%;
}

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

.prd-modal__dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.prd-modal__content {
    position: relative;
    width: 450px;
    background: #fff;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.prd-modal__content--sm {
    width: 450px;
}

.prd-modal__content--md {
    width: 600px;
}

.prd-modal__content--lg {
    width: 800px;
}

.prd-modal__content--scroll {
    max-height: 80vh;
}

.prd-modal__content--scroll .prd-modal__body {
    overflow-y: auto;
    justify-content: flex-start;
}

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

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

.prd-modal__close {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    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='black' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
    cursor: pointer;
    padding: 0;
}

.prd-modal__body {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prd-modal__text {
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    line-height: 160%;
    letter-spacing: -0.15px;
    margin: 0;
}

/* 공유하기 모달 */
.prd-modal__share {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.prd-modal__share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 64px;
    text-decoration: none;
}

.prd-modal__share-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f4f4f4;
}

.prd-modal__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='M9.99984 17.5501L8.22984 19.2701C7.76571 19.7342 7.13621 19.995 6.47984 19.995C5.82346 19.995 5.19397 19.7342 4.72984 19.2701C4.26571 18.806 4.00496 18.1765 4.00496 17.5201C4.00496 16.8637 4.26571 16.2342 4.72984 15.7701L9.26984 11.2201C9.71545 10.773 10.3159 10.5144 10.9469 10.4976C11.5778 10.4809 12.1911 10.7073 12.6598 11.1301L12.7798 11.2301C12.9695 11.4157 13.2251 11.5185 13.4904 11.5157C13.7558 11.5128 14.0092 11.4047 14.1948 11.2151C14.3805 11.0255 14.4832 10.7699 14.4804 10.5045C14.4776 10.2391 14.3695 9.98575 14.1798 9.80009C14.1234 9.72712 14.0633 9.65703 13.9998 9.59009C13.1462 8.84741 12.0422 8.45694 10.9114 8.49779C9.78064 8.53864 8.70767 9.00775 7.90984 9.81009L3.30984 14.3601C2.52819 15.2109 2.10546 16.3308 2.12991 17.4858C2.15436 18.6409 2.62412 19.7419 3.44107 20.5589C4.25802 21.3758 5.359 21.8456 6.51408 21.87C7.66917 21.8945 8.78904 21.4717 9.63984 20.6901L11.3698 19.0001C11.5407 18.8137 11.6346 18.5696 11.6326 18.3168C11.6307 18.064 11.5332 17.8214 11.3595 17.6376C11.1859 17.4539 10.9492 17.3427 10.6969 17.3264C10.4446 17.3102 10.1956 17.3901 9.99984 17.5501ZM20.6898 3.31009C19.8486 2.4741 18.7108 2.00488 17.5248 2.00488C16.3389 2.00488 15.2011 2.4741 14.3598 3.31009L12.6298 5.00009C12.459 5.18644 12.3651 5.43057 12.367 5.68336C12.3689 5.93615 12.4665 6.17883 12.6401 6.36258C12.8137 6.54633 13.0505 6.65751 13.3028 6.67375C13.555 6.68998 13.8041 6.61007 13.9998 6.45009L15.7298 4.73009C16.194 4.26597 16.8235 4.00522 17.4798 4.00522C18.1362 4.00522 18.7657 4.26597 19.2298 4.73009C19.694 5.19422 19.9547 5.82372 19.9547 6.48009C19.9547 7.13647 19.694 7.76596 19.2298 8.23009L14.6898 12.7801C14.2442 13.2272 13.6438 13.4858 13.0128 13.5026C12.3818 13.5193 11.7685 13.2929 11.2998 12.8701L11.1798 12.7701C10.9902 12.5844 10.7346 12.4817 10.4692 12.4845C10.2039 12.4874 9.95049 12.5955 9.76484 12.7851C9.57919 12.9747 9.47647 13.2303 9.47928 13.4957C9.48209 13.7611 9.59021 14.0144 9.77984 14.2001C9.85247 14.2744 9.92926 14.3445 10.0098 14.4101C10.8645 15.1505 11.9681 15.5395 13.0981 15.4987C14.2282 15.4579 15.3008 14.9903 16.0998 14.1901L20.6498 9.64009C21.4912 8.80417 21.9676 7.66932 21.9751 6.48334C21.9826 5.29736 21.5205 4.15659 20.6898 3.31009Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

.prd-modal__share-icon--kakao {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' viewBox='0 0 26 24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M13.001 0C5.82 0 0 4.622 0 10.327c0 3.713 2.466 6.965 6.167 8.786-.272 1.019-.985 3.694-1.127 4.266-.176.71.258.701.543.511.224-.15 3.563-2.431 5.003-3.415.781.117 1.588.179 2.413.179 7.18 0 13.001-4.622 13.001-10.325C26 4.626 20.18 0 13.001 0Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='26' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 24px;
}

.prd-modal__share-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' viewBox='0 0 13 24' fill='none'%3E%3Cpath d='M8.45 24V13.06h3.68l.55-4.27H8.45V6.07c0-1.24.34-2.08 2.12-2.08h2.26V.17C12.5.12 11.17 0 9.63 0 6.42 0 4.22 1.97 4.22 5.59v3.2H.53v4.27h3.69V24h4.23Z' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 24px;
}

.prd-modal__share-icon--x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M14.73 10.17 23.3 0h-2.03l-7.44 8.83L7.42 0H.5l8.99 13.12L.5 24h2.03l7.86-9.33L17.08 24h6.92l-9.27-13.83Zm-2.78 3.3-.91-1.32L3.27 1.56h3.12l5.85 8.46.91 1.32 7.61 10.99h-3.12l-6.19-8.86Z' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 24px;
}

.prd-modal__share-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 100%;
    text-align: center;
}

/* 모달별 높이 */
[data-modal="benefit"] .prd-modal__content { height: 200px; }
[data-modal="share"] .prd-modal__content { height: 260px; }

/* 무이자 할부 모달 */
[data-modal="installment"] .prd-modal__content { height: auto; max-height: 80vh; }

.prd-modal-installment {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prd-modal-installment__date {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 100%;
    margin: 0;
}

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

.prd-modal-installment__row {
    display: flex;
    gap: 1px;
}

.prd-modal-installment__row--head .prd-modal-installment__cell {
    background: #ebebeb;
    font-weight: 600;
}

.prd-modal-installment__cell {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #EEE;
}

.prd-modal-installment__notice {
    list-style: none;
    margin: 0;
    padding: 0;
}

.prd-modal-installment__notice li {
    position: relative;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    color: #8A8A8A;
    letter-spacing: -0.15px;
    line-height: 170%;
}

.prd-modal-installment__notice li::before {
    content: '·';
    position: absolute;
    left: 0;
}

/* 주요기능 모달 */
[data-modal="spec-info"] .prd-modal__content { width: 900px; height: 600px; }

.prd-modal__body--no-center {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 0;
}

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

.prd-modal-spec__tabs {
    display: flex;
    flex-direction: column;
    width: 180px;
    flex-shrink: 0;
    max-height: 518px;
    overflow-y: auto;
}

.prd-modal-spec__tab {
    display: flex;
    align-items: center;
    padding: 20px;
    border: none;
    background: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.15px;
    cursor: pointer;
    text-align: left;
}

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

.prd-modal-spec__content {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
}

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

.prd-modal-spec__panel.is-active {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.prd-modal-spec__head {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.prd-modal-spec__name {
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.3px;
    line-height: 100%;
}

.prd-modal-spec__name-en {
    font-family: 'Pretendard', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.3px;
    line-height: 100%;
}

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

.prd-modal-spec__table {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.prd-modal-spec__row {
    display: flex;
    gap: 1px;
}

.prd-modal-spec__row--head .prd-modal-spec__cell {
    background: #ebebeb;
    font-weight: 600;
    font-size: 14px;
}

.prd-modal-spec__cell {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 140%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #EEE;
}

.prd-modal-spec__cell--sm {
    flex: 0 0 80px;
}

/* 활용범위 모달 */
[data-modal="usage-info"] .prd-modal__content { width: 900px; height: 600px; }

.prd-modal-spec__name-sub {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 100%;
}

.prd-modal-spec__name-sub-en {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 100%;
}

.prd-modal-spec__desc-lg {
    font-size: 30px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 160%;
    margin: 0;
}

/* 사이즈 가이드 모달 */
[data-modal="size-guide"] .prd-modal__content { width: 900px; max-height: 80vh; }

.prd-modal-size {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prd-modal-size__notice {
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 160%;
    margin: 0;
}

.prd-modal-size__silhouette {
    width: 300px;
    height: 300px;
}

.prd-modal-size__silhouette img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prd-modal-size__fit {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 16px;
    background: #f7f7f7;
}

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

.prd-modal-size__fit-desc {
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.15px;
    line-height: 160%;
}

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

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

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

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

.prd-modal-size__table-wrap {
    width: 100%;
    overflow-x: auto;
}

.prd-modal-size__table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    white-space: nowrap;
}

.prd-modal-size__table thead th {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    padding: 16px 10px;
    background: #F5F5F5;
    border-bottom: 1px solid #E8E8E8;
}

.prd-modal-size__table tbody th {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    padding: 16px 10px;
    background: #F5F5F5;
    border-bottom: 1px solid #E8E8E8;
    position: sticky;
    left: 0;
    z-index: 1;
}

.prd-modal-size__table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

.prd-modal-size__table th:first-child {
    border-right: 1px solid #E8E8E8;
}

.prd-modal-size__table td {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
    padding: 16px 10px;
    border-bottom: 1px solid #E8E8E8;
}

.prd-modal-size__table-desc{
    margin-top: 10px;
    color: #111;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 160%; /* 20.8px */
    letter-spacing: -0.15px;
}

.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 20px 0;
    color: #666;
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%; /* 21px */
    letter-spacing: -0.15px;
    word-break: break-word;
}

/* =========================================
   선택된 옵션 리스트
   ========================================= */
.prd-info__selected {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    margin-top: 40px;
}

.prd-info__selected-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 160px;
    overflow-y: auto;
}

.prd-info__selected-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #f8f9fa;
    gap: 20px;
}

.prd-info__selected-info {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.prd-info__selected-color {
    font-size: 14px;
    font-weight: 500;
    color: #3c3c43;
    letter-spacing: -0.15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prd-info__selected-dot {
    font-size: 14px;
    color: #3c3c43;
    flex-shrink: 0;
}

.prd-info__selected-size {
    font-size: 14px;
    font-weight: 500;
    color: #3c3c43;
    letter-spacing: -0.15px;
    flex-shrink: 0;
}

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

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

.prd-info__selected-qty button {
    width: 18px;
    height: 18px;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 0;
}

.prd-info__selected-qty .qty-minus {
    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='%238A8A8A' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

.prd-info__selected-qty .qty-plus {
    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='%238A8A8A' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

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

.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-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prd-info__selected-total-label {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.15px;
}

.prd-info__selected-total-price * {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
}

/* 장바구니 모달 */
[data-modal="cart"] .prd-modal__content { height: 700px; }
[data-modal="cart"] .prd-modal__body { padding: 40px 20px; }

.prd-modal-cart {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: space-between;
}

.prd-modal-cart__msg {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

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

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

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

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

.prd-modal-cart__btn--go:hover {
    color: #fff;
}

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

.prd-modal-cart__recommend-title {
    color: var(--GreyScale-800, #13171C);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: -0.16px;
}

.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: 160px;
    min-width: 160px;
    max-width: 160px;
    height: auto;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

/* =========================================
   하단 고정 구매 바 (Bottom Bar)
   ========================================= */
.prd-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 98;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px max(var(--contents-side-padding), calc((100% - 1540px) / 2));
    background: #fff;
    border-top: 1px solid #d4d4d4;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.prd-bottom-bar.is-visible {
    transform: translateY(0);
}

.prd-bottom-bar__left {
    display: flex;
    align-items: center;
}

.prd-bottom-bar__btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: none;
    border: none;
    cursor: pointer;
}

.prd-bottom-bar__btn-icon svg {
    width: 32px;
    height: 32px;
}

.prd-bottom-bar__right {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 56px;
}

.prd-bottom-bar__price {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    letter-spacing: -0.15px;
    white-space: nowrap;
}

.prd-bottom-bar__price-value,
.prd-bottom-bar__price-unit {
    display: inline;
}

.prd-bottom-bar__price-label {
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
}

.prd-bottom-bar__price-value {
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
}

.prd-bottom-bar__price-unit {
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
}

.prd-bottom-bar__btn-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 100%;
    padding: 24px 16px;
    background: #000;
    border: none;
    color: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.15px;
    cursor: pointer;
    box-sizing: border-box;
}

/* =========================================
   이미지 확대 모달 (풀페이지)
   ========================================= */
.prd-modal-zoom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: #fff;
}

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

.prd-modal-zoom__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prd-modal-zoom__thumbs {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2;
}

.prd-modal-zoom__thumbs::-webkit-scrollbar {
    width: 0;
}

.prd-modal-zoom__thumb {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
}

.prd-modal-zoom__thumb.is-active {

}

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

/* 영상 썸네일 (확대 모달) */
.prd-modal-zoom__thumb--video {
    position: relative;
}

.prd-modal-zoom__play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.prd-modal-zoom__play-icon::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #fff;
    margin-left: 2px;
}

.prd-modal-zoom__video {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

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

.prd-modal-zoom__img {
    width: auto;
    height: 100%;
    display: block;
    aspect-ratio: 1 / 1;
    max-height: 100%;
    object-fit: cover;
}

.prd-modal-zoom__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

/* =========================================
   상품문의 작성 폼 (리뉴얼)
   ========================================= */
.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 {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 30px;
}

/* 가로 배치 행 (문의유형, 작성자, 휴대전화, 이메일) */
.prd-qna-form__row {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.prd-qna-form__label {
    width: 120px;
    min-height: 50px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 130%;
    gap: 4px;
}

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

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

/* 세로 배치 블록 (제목, 내용) */
.prd-qna-form__block {
    margin-bottom: 20px;
}

.prd-qna-form__block .prd-qna-form__label {
    width: auto;
    min-height: auto;
    margin-bottom: 10px;
}

/* 인풋 공통 */
.prd-qna-form__input,
.prd-qna-form__select {
    width: 100%;
    height: 50px;
    padding: 16px;
    border: 1px solid #dcdcdc;
    background: #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__select{
    color: #7A7A7A;
}

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

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

.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 16px center;
    padding-right: 40px;
    cursor: pointer;
}

/* 이메일 가로 배치 */
.prd-qna-form__email {
    display: flex;
    gap: 10px;
    align-items: center;
}

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

.prd-qna-form__at {
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    color: #000;
    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;
    background: none;
}

.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-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    cursor: pointer;
}

/* textarea */
.prd-qna-form__textarea {
    width: 100%;
    height: 140px;
    padding: 16px;
    border: 1px solid #dcdcdc;
    background: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.15px;
    line-height: 150%;
    box-sizing: border-box;
    resize: vertical;
    outline: none;
}

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

/* 안내 문구 */
.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: 140%;
    padding-left: 16px;
    position: relative;
}

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

/* 버튼 */
.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;
}

.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;
}