/*
 * [H6] CSS 안의 `url(/img/…)` 를 `/theme/img/…` 로 옮겼다.
 *
 * 퍼블리싱은 이미지를 사이트 루트 `/img/` 에서 받는다.
 * 테마 자산은 테넌트별 테마 디렉터리에 있으므로 실제 경로는 `/theme/img/` 다.
 * 고치지 않으면 화살표·체크 아이콘이 조용히 404 가 되고,
 * select 화살표가 사라진 것을 아무도 눈치채지 못한다(실측: 2건).
 */
@charset "utf-8";
/* 제품 리스트 */

/* 카테고리사이드바 */
.container > .product-list-section .grid-content {display: flex !important; flex-direction: row !important;}
.category-sidebar {width: 200px; height: fit-content; flex-shrink: 0; position:sticky; top:calc(var(--header-height) + 40px);}
.category-all-link {display:flex; align-items:center; padding:0 0 var(--fs-20); color:var(--grayscale9); font-size:var(--fs-18); font-weight:400; line-height:1.5; transition:color .2s;}
.category-all-link:hover {color:var(--color-static3);}
.category-all-link.active {color:var(--color-static3);}
.category-depth2-list {border-top:1px solid var(--color-border1);}
.category-depth2-item {border-bottom:1px solid var(--color-border1);}
.category-depth2-row {display:flex; align-items:center; justify-content:space-between;}
.category-depth2-link {flex:1; display:flex; align-items:center; padding-block:var(--fs-20); color:var(--grayscale9); font-size:var(--fs-18); font-weight:400; line-height:1.5; transition:color .2s;}
.category-depth2-row .ico-btn {width: 50px; height: 50px; margin: -10px; position: relative; z-index: 10;} 
.category-depth2-row .ico-btn[data-title]::before {top: calc(100% - 16px);}
.category-depth2-row .ico-btn[data-title]::after {top: calc(100% - 6px);}
.category-depth2-link:hover {color:var(--color-static3);}
.category-depth2-item.active > .category-depth2-row > .category-depth2-link {color:var(--color-static2); font-weight:700;}
.category-toggle-btn {flex-shrink:0;}
.category-toggle-btn img {transition:transform .2s;}
.category-depth2-item.open .category-toggle-btn img {transform:rotate(-180deg);}
.category-depth3-list {display:none; padding-bottom:var(--fs-12); border-top:1px solid var(--color-border1);}
.category-depth3-item a {display:flex; align-items:center; padding:var(--fs-10) var(--fs-12); color:var(--grayscale6); font-size:var(--fs-16); font-weight:500; transition:background-color .2s,color .2s;}
.category-depth3-item a:hover {background-color:var(--color-bg1);}
.category-depth3-item.active a {background-color:var(--color-bg2); color:var(--color-static3);}

/* 진열상품 */
.container:has(.sub-section.bg-color),
.container:has(.exhibition-tit-section),
.container:has(.display-tit-section) {padding-top: var(--header-height);}
.display-tit-section {margin-bottom: 0 !important; overflow: visible;}
.exhibition-tit-section {margin-bottom: 0 !important; overflow: hidden; position: relative; height: auto; width: 100%; aspect-ratio: 1920/800; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.exhibition-tit-section::after {content: ''; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: var(--color-black); background: linear-gradient(180deg,rgb(var(--rgb-black)/ 0) 0%, rgb(var(--rgb-black)/ 100%) 100%); padding: var(--fs-30);}
.exhibition-tit-section .inner {height: 100%; justify-content: flex-end; position: relative; z-index: 11;}
.exhibition-tit-section .inner .breadcrumb .breadcrumb-list a,
.exhibition-tit-section .inner .breadcrumb .breadcrumb-list span,
.exhibition-tit-section .inner .section-tit,
.exhibition-tit-section .inner .section-sub {color: var(--color-white);}
.exhibition-list-section {margin-top: var(--space-80);}

/* 상위카테고리 */
.product-category-section {border-bottom: 1px solid var(--color-border1); overflow: hidden; position: sticky; top: var(--header-height); z-index: 99; background-color: var(--color-white);}
.product-category-section .product-category-nav {margin-bottom: -1px; overflow: hidden; margin-inline: 0 !important;}
.product-category-section .product-category-nav .product-category-list {display: flex;}
.product-category-section .product-category-nav .product-category-list .swiper-slide {width: auto; flex-shrink: 0;}
.product-category-section .product-category-nav .product-category-list a {transition: color 0.2s; display: block; border-bottom: 2px solid transparent; padding: var(--fs-18) var(--fs-48); font-size: var(--fs-18); font-weight: 500; line-height: 1.5; color: var(--grayscale7);}
.product-category-section .product-category-nav .product-category-list .active a {border-color: var(--color-static3); font-weight: 600; color: var(--grayscale9);}
.product-category-section .product-category-nav .product-category-list a:hover {color: var(--grayscale9);}

/* 기획전 목록 */
.exhibition-list-section .exhibition-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-60) var(--fs-24);}
.exhibition-list-section .exhibition-item {position: relative; width: 100%; aspect-ratio: 748/380;}
.exhibition-list-section .exhibition-item .thumb-wrap {width: 100%; height: 100%; overflow: hidden;}
.exhibition-list-section .exhibition-item .thumb-wrap img {transition: transform .5s ease; width: 100%; height: 100%; object-fit: cover;}
.exhibition-list-section .exhibition-item:hover .thumb-wrap img {transform: scale(1.1);}
.exhibition-list-section .exhibition-item .txt-wrap {position: absolute; inset: 0; z-index: 10; padding: var(--fs-30); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; row-gap: 4px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.exhibition-list-section .exhibition-item .txt-wrap strong,
.exhibition-list-section .exhibition-item .txt-wrap p {color: var(--color-white);}
.exhibition-list-section .pagination {margin-top: var(--space-80);}

/* 메뉴리스트 */
.product-list-content {display: flex; flex-direction: column; row-gap: var(--fs-24);}

/* 제품 상세페이지 */
body.product-detail {background-color: var(--color-bg1);}
.product-view-wrap {display: flex; align-items: flex-start; column-gap: var(--space-100);}
.product-view-section .product-gallery {min-width:0; width: 45%;}
.product-view-section .product-gallery .product-main-swiper {position:relative; width:100%; background-color:var(--grayscale2); overflow:hidden;}
.product-view-section .product-gallery .product-main-swiper .swiper-slide {aspect-ratio:1 / 1.2; overflow:hidden;}
.product-view-section .product-gallery .product-main-swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.product-view-section .product-gallery .product-swiper-btn {opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s ease, transform .2s ease; position:absolute; top:50%; z-index:2; width: var(--fs-44); height:var(--fs-44); display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:rgb(var(--rgb-white) / 90%); transform:translateY(-50%); box-shadow:0 2px 10px rgb(var(--rgb-black) / 8%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn {opacity: 1; visibility: visible; pointer-events: auto;}
.product-view-section .product-gallery .product-swiper-btn.prev {left:20px; transform: translate(-8px, -50%);}
.product-view-section .product-gallery .product-swiper-btn.next {right:20px; transform: translate(8px, -50%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn.prev {transform: translate(0, -50%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn.next {transform: translate(0, -50%);}
.product-view-section .product-gallery .product-swiper-btn img {width: 100%; height: 100%; object-fit: contain;}
.product-view-section .product-gallery .product-swiper-btn.swiper-button-disabled {opacity:0.35; cursor:default;}
.product-view-section .product-gallery .product-main-pagination {display:none;}
.product-view-section .product-gallery .product-thumb-swiper {width:100%; margin-top:12px; overflow:hidden;}
.product-view-section .product-gallery .product-thumb-item {position:relative; aspect-ratio:1 / 1; padding:0; border:1px solid transparent; background-color:var(--grayscale2); overflow:hidden; cursor:pointer;}
.product-view-section .product-gallery .product-thumb-item img {width:100%; height:100%; object-fit:cover; opacity:0.55; transition:opacity 0.2s ease;}
.product-view-section .product-gallery .product-thumb-item:hover img {opacity:0.8;}
.product-view-section .product-gallery .product-thumb-item.swiper-slide-thumb-active img {opacity:1;}
.product-view-section .product-summary {width: calc(55% - var(--space-100));}
.product-view-section .product-summary,
.product-view-section .product-purchase-sheet > form {display: flex; flex-direction: column; row-gap: var(--fs-30);}
.product-view-section .product-summary > div + div,
.product-view-section .product-purchase-sheet > form > div {padding-top: var(--fs-30); border-top: 1px solid var(--color-border1);}
.product-view-section .product-purchase-layer,
.product-view-section .product-purchase-sheet {display:contents;}
.product-view-section .product-purchase-bg,
.product-view-section .product-purchase-handle,
.product-mobile-action {display:none;}
.product-view-section .product-summary-head {}
.product-view-section .product-summary-head .product-name {margin-bottom: var(--fs-12); font-size: var(--fs-32); line-height: 1.4; font-weight: 600; color: var(--grayscale9);}
.product-view-section .product-summary-head .goods-price-wrap {margin-bottom: var(--fs-24); display: flex; align-items: center; column-gap: var(--fs-16);}
.product-view-section .product-summary-head .goods-price-wrap .goods-discount-wrap {display: flex; align-items: center; column-gap: var(--fs-12);}
.product-view-section .product-summary-head .goods-price-wrap .goods-discount {font-size: var(--fs-20); font-weight: 600;}
.product-view-section .product-summary-head .goods-price-wrap .goods-price {font-size: var(--fs-36); font-weight: 600;}
.product-view-section .product-summary-head .goods-price-wrap .goods-price-cancle {font-size: var(--fs-24);}
.product-view-section .product-summary-head .product-desc {color:var(--grayscale8);}
.product-view-section .selected-option-item {display: flex; flex-direction: column; row-gap: var(--fs-12); padding: var(--fs-12); background-color: rgb(var(--rgb-white) / 60%);}
.product-view-section .selected-option-item + .selected-option-item {border-top: 1px solid var(--color-border1);}
.product-view-section .selected-option-item > * {display: flex; align-items: center; justify-content: space-between;}
.product-view-section .selected-option-item .selected-option-header {align-items: flex-start;}
.product-view-section .selected-option-item .txt-wrap {display: flex; flex-direction: column; row-gap: 4px; align-items: flex-start; font-size: var(--fs-16); line-height: 1.5; color: var(--grayscale11);}
.product-view-section .selected-option-item .txt-wrap .selected-option-name {color: var(--color-static3); font-size: var(--fs-14);}
.product-view-section .selected-option-item .selected-option-price {font-size: var(--fs-22); font-weight: 600; color: var(--grayscale9);}
.product-view-section .quantity-price-wrap {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.product-view-section .quantity-price-wrap .selected-price {font-size: var(--fs-22); font-weight: 600; color: var(--grayscale9);}
.product-view-section .product-total-price {display: flex; align-items: center; justify-content: space-between;}
.product-view-section .product-total-price span {}
.product-view-section .product-total-price strong {font-size: var(--fs-28); font-weight: 700;}
.product-view-section .product-benefit-list {}
.product-view-section .product-benefit-item {}
.product-view-section .product-benefit-item > dl,
.product-view-section .product-benefit-btn {width:100%; min-height:56px; display:grid; grid-template-columns:140px 1fr 20px; align-items:center; column-gap:20px; padding:16px 0;}
.product-view-section .product-benefit-item > dl dt,
.product-view-section .product-benefit-tit {color:var(--grayscale7); text-align:left;}
.product-view-section .product-benefit-item > dl dd,
.product-view-section .product-benefit-value {text-align:right;}
.product-view-section .product-benefit-btn img {transition:transform .2s ease;}
.product-view-section .product-benefit-item.open .product-benefit-btn img {transform:rotate(180deg);}
.product-view-section .product-benefit-content {display:none; padding:0 0 16px 160px;}
.product-view-section .product-benefit-content dl {display:flex;justify-content: flex-end; column-gap: 8px;}
.product-view-section .product-benefit-content dl + dl {margin-top:8px;}
.product-view-section .product-benefit-content dd {}

.wishlist-btn svg {width: 20px; height: 20px;}
.wishlist-btn svg path {fill: var(--color-bg1); stroke: var(--grayscale6);}
.wishlist-btn .is-marked svg path {fill: var(--color-static3); stroke: var(--color-static3);}

.product-detail-nav-section {z-index: 99; background-color: var(--color-bg1); position: sticky; top: var(--header-height); left: 0; border-top: 1px solid var(--color-border1); border-bottom: 1px solid var(--color-border1);}
.product-detail-nav-section .product-detail-tab-list {width: 100%; display: flex; align-items: center; justify-content: center; column-gap: var(--space-120);}
.product-detail-nav-section .product-detail-tab-list a {border-bottom: 2px solid transparent; padding: var(--fs-18) var(--fs-16); font-size: var(--fs-16); font-weight: 500; color: var(--grayscale6);}
.product-detail-nav-section .product-detail-tab-list a.active {color: var(--grayscale9); border-color: var(--color-static3);}

.product-detail-section,
.product-review-section,
.product-inquiry-section {scroll-margin-top: calc(var(--header-height) + var(--fs-72))}

.product-detail-section .product-content-block + .product-content-block {padding-top: var(--space-60); margin-top: var(--space-60); border-top: 1px solid var(--color-border1);}
.product-detail-section .product-description-block div {width: fit-content; max-width: 1000px; margin-inline: auto;}
.product-detail-section .product-content-block:not(.product-description-block) {display: grid; grid-template-columns:180px 1fr; column-gap: var(--space-60);}
.product-detail-section .product-content-block .product-info-group {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--fs-12);}
.product-detail-section .product-content-block .product-info-group + .product-info-group {margin-top: var(--fs-40);}
.product-detail-section .product-content-block .product-info-group h3 {color: var(--grayscale9);}
.product-detail-section .product-content-block .product-info-group p {color: var(--grayscale8);}
.product-detail-section .product-content-block .product-info-list.dot li {display: flex; align-items: center; column-gap: var(--fs-12); padding-left: var(--fs-12); color: var(--grayscale8);}
.product-detail-section .product-content-block .product-info-list.dot li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--grayscale8);}

.product-review-section .review-list {border-top: 1px solid var(--color-border1);}
.product-review-section .review-item {position: relative; border-bottom: 1px solid var(--color-border1); padding-block: var(--fs-36); padding-inline: var(--fs-12); display: flex; align-items: stretch; column-gap: var(--fs-56);}
.product-review-section .review-item > .badge {position: absolute; top: var(--fs-36); right: var(--fs-12);}
.product-review-section .review-item .review-thumb {width: 160px; height: auto; aspect-ratio: 1/1; overflow: hidden;}
.product-review-section .review-item .review-thumb img {width: 100%; height: 100%; object-fit: cover;}
.product-review-section .review-item .review-content {align-self: stretch; padding-block: var(--fs-16); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.product-review-section .review-item .review-content .review-top {display: flex; flex-direction: column;}
.product-review-section .review-item .review-content .review-rating {display: flex; align-items: center; column-gap: 4px; margin: 0;}
.product-review-section .review-item .review-content .review-rating .star {font-size: var(--fs-24); line-height: var(--fs-20); color: var(--color-static2);}
.product-review-section .review-item .review-content .review-rating .star.empty {color: var(--grayscale4);}
.product-review-section .review-item .review-content .txt-wrap {margin-top: var(--fs-12);}
.product-review-section .review-item .review-content .select-option-txt {color: var(--grayscale6);}
.product-review-section .review-item .review-content .review-txt {margin-top: 4px; font-size: var(--grayscale8);}
.product-review-section .review-item .review-content .review-meta {display: flex; align-items: center;}
.product-review-section .review-item .review-content .review-meta span {font-size: var(--fs-16); color: var(--grayscale6); padding-right: var(--fs-12); margin-right: var(--fs-12); border-right: 1px solid var(--grayscale3);}
.product-review-section .review-item .review-content .review-meta .txt-btn {font-size: var(--fs-16); color: var(--grayscale6);}
.product-review-section .review-item .btn-wrap {margin-left: auto; column-gap: var(--fs-12); align-items: flex-end;}

.product-detail-login {display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: var(--fs-10); padding: var(--fs-20); background-color: var(--color-white);}
.product-detail-login p {display: flex; align-items: center; column-gap: 8px; text-align: center; font-weight: 500;}
.product-detail-login p img {width: 24px; height: auto;}
.product-detail-login p .txt-btn {color: var(--color-static3); text-decoration: underline;}

.recommend-product-section {overflow: hidden;}
.recommend-product-section .grid-content {grid-template-columns: 230px 1fr !important;}
.recommend-product-section .section-tit-wrapper {align-items: flex-start;}
.recommend-product-section .recommend-product-list {overflow: hidden;}

.inner:not(.grid-content) .product-list-content .filter-btn {display: none;}

/* 상품 문의 */
.product-inquiry-section .section-tit-wrapper {margin-bottom:var(--fs-20);}
.product-inquiry-list {width:100%; border-top:1px solid var(--color-border1);}
.product-inquiry-item {width:100%; border-bottom:1px solid var(--color-border1);}
.product-inquiry-toggle {width:100%; min-height:64px; padding:var(--fs-16) var(--fs-12); display:grid; grid-template-columns:minmax(0, 1fr) 90px 80px 110px 20px; align-items:center; column-gap:var(--fs-20); color:var(--grayscale9); text-align:left;}
.product-inquiry-toggle:hover {background-color:var(--grayscale1);}
.product-inquiry-toggle:focus-visible {outline:2px solid var(--color-static3); outline-offset:-2px;}
.product-inquiry-title {min-width:0; display:flex; align-items:center; column-gap:8px; color:var(--grayscale9); font-size:var(--fs-16); line-height:1.5;}
.product-inquiry-title > span {min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-inquiry-title img {width:14px; height:14px; flex-shrink:0;}
.product-inquiry-status,
.product-inquiry-writer,
.product-inquiry-date {color:var(--grayscale7); font-size:var(--fs-16); line-height:1.5;}
.product-inquiry-status.complete {color:var(--grayscale9);}
.product-inquiry-status.waiting {color:var(--grayscale7);}
.product-inquiry-date {white-space:nowrap;}
.product-inquiry-arrow {width:20px; height:20px; display:flex; align-items:center; justify-content:center;}
.product-inquiry-arrow img {width:16px; height:16px; transition:transform .25s ease;}
.product-inquiry-item.open .product-inquiry-arrow img {transform:rotate(180deg);}
.product-inquiry-content {display:none; background-color:var(--color-bg2);}
.product-inquiry-question {padding:var(--fs-20) var(--fs-24);}
.product-inquiry-option {display:block; margin-bottom:var(--fs-10); color:var(--grayscale6); font-size:var(--fs-16); line-height:1.5;}
.product-inquiry-question p {color:var(--grayscale9); font-size:var(--fs-16); line-height:1.7;}
.product-inquiry-answer {padding:var(--fs-20) var(--fs-24); border-top:1px solid var(--color-border1);}
.product-inquiry-label {display:block; margin-bottom:var(--fs-10); color:var(--grayscale6); font-size:var(--fs-16); line-height:1.5;}
.product-inquiry-answer-txt {}
.product-inquiry-answer-txt p {color:var(--grayscale8); font-size:var(--fs-16); line-height:1.5;}

/* 상품 문의 목록 페이지 */
.product-inquiry-product {margin-bottom:var(--space-60); padding:var(--fs-20); display:flex; align-items:center; justify-content:space-between; column-gap:var(--fs-20); background-color:var(--color-bg1);}
.product-inquiry-product-link {min-width:0; display:flex; align-items:center; column-gap:var(--fs-20);}
.product-inquiry-product-thumb {width:96px; height:112px; flex-shrink:0; overflow:hidden; background-color:var(--grayscale2);}
.product-inquiry-product-thumb img {width:100%; height:100%; object-fit:cover;}
.product-inquiry-product-info {min-width:0; display:flex; flex-direction:column; align-items:flex-start; row-gap:6px;}
.product-inquiry-product-info .goods-name {color:var(--grayscale9); font-size:var(--fs-18);}
.product-inquiry-product-info .body-small {color:var(--grayscale6);}
.product-inquiry-heading {font-size:inherit; font-weight:400;}
.product-inquiry-empty {height:180px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--color-border1); color:var(--grayscale5); font-size:var(--fs-16);}

/* 상품 리뷰 목록 페이지 */
.product-review-product {margin-bottom:var(--space-60); padding:var(--fs-20); display:flex; align-items:center; justify-content:space-between; column-gap:var(--fs-20); background-color:var(--color-bg1);}
.product-review-product-link {min-width:0; display:flex; align-items:center; column-gap:var(--fs-20);}
.product-review-product-thumb {width:96px; height:112px; flex-shrink:0; overflow:hidden; background-color:var(--grayscale2);}
.product-review-product-thumb img {width:100%; height:100%; object-fit:cover;}
.product-review-product-info {min-width:0; display:flex; flex-direction:column; align-items:flex-start; row-gap:6px;}
.product-review-product-info .goods-name {color:var(--grayscale9); font-size:var(--fs-18);}
.product-review-product-info .body-small {color:var(--grayscale6);}
.product-review-summary {display:flex; align-items:center; column-gap:var(--fs-16);}
.product-review-score {color:var(--grayscale9); font-size:var(--fs-36); line-height:1;}
.product-review-summary-info {display:flex; flex-direction:column; align-items:flex-start; row-gap:4px;}
.product-review-summary-info .body-small {color:var(--grayscale6);}
.product-review-list {border-top:1px solid var(--color-border1);}
.product-review-item {padding:var(--fs-36) var(--fs-12); display:flex; align-items:stretch; column-gap:var(--fs-56); border-bottom:1px solid var(--color-border1);}
.product-review-thumb {width:160px; aspect-ratio:1 / 1; flex-shrink:0; overflow:hidden; background-color:var(--grayscale2);}
.product-review-thumb img {width:100%; height:100%; object-fit:cover; transition:transform .3s;}
.product-review-thumb:hover img {transform:scale(1.05);}
.product-review-content {min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; row-gap:var(--fs-32); padding-block:var(--fs-16);}
.product-review-top {display:flex; flex-direction:column; align-items:flex-start;}
.product-review-list .review-rating {display:flex; align-items:center; column-gap:4px;}
.product-review-list .review-rating .star,
.product-review-summary .review-rating .star {color:var(--color-static2); font-size:var(--fs-24); line-height:1;}
.product-review-list .review-rating .star.empty,
.product-review-summary .review-rating .star.empty {color:var(--grayscale4);}
.product-review-txt-wrap {margin-top:var(--fs-12);}
.product-review-option {color:var(--grayscale6);}
.product-review-txt {margin-top:4px; color:var(--grayscale8);}
.product-review-meta {display:flex; align-items:center;}
.product-review-meta > * {padding-right:var(--fs-12); margin-right:var(--fs-12); border-right:1px solid var(--grayscale3); color:var(--grayscale6); font-size:var(--fs-14);}
.product-review-meta > :last-child {padding-right:0; margin-right:0; border-right:0;}
.product-review-empty {height:180px; display:flex; align-items:center; justify-content:center; border-top:1px solid var(--color-border1); border-bottom:1px solid var(--color-border1); color:var(--grayscale5); font-size:var(--fs-16);}
.product-review-list-section .pagination {margin-top:var(--space-60);}

.review-image-modal {visibility:hidden; opacity:0; position:fixed; inset:0; z-index:1100; transition:visibility .2s, opacity .2s;}
.review-image-modal.open {visibility:visible; opacity:1;}
.review-image-modal-bg {position:absolute; inset:0; background-color:rgb(var(--rgb-black) / 70%);}
.review-image-modal-content {position:absolute; top:50%; left:50%; width:calc(100% - 40px); max-width:720px; max-height:calc(100dvh - 40px); transform:translate(-50%, -50%);}
.review-image-modal-img {width:100%; max-height:calc(100dvh - 40px); object-fit:contain;}
.review-image-modal-close {position:absolute; top:12px; right:12px; z-index:1; width:40px; height:40px; border-radius:50%; background-color:rgb(var(--rgb-white) / 90%);}

@media screen and (min-width: 769px) {
    .category-sidebar-header,
    .category-sidebar-bg,
    .product-list-content .filter-btn {display: none;}
}

@media screen and (max-width:1280px) {
    .product-view-wrap {column-gap: var(--fs-60);}
}

@media screen and (max-width:1024px) {
    body:has(.product-view-section) {padding-bottom:80px;}
    body.purchase-sheet-open {overflow:hidden;}

    .product-view-wrap {column-gap: var(--fs-48);}
    .product-view-section .product-summary {align-self: stretch; justify-content: space-between;}

    .product-view-section .product-summary > .product-sub-action {display:none;}

    .product-view-section .product-purchase-layer {display:block; visibility:hidden; position:fixed; inset:0; z-index:1001; pointer-events:none;}
    .product-view-section .product-purchase-layer.open {visibility:visible; pointer-events:auto;}
    .product-view-section .product-purchase-bg {display:block; opacity:0; position:absolute; inset:0; background-color:rgb(var(--rgb-black) / 50%); transition:opacity .25s;}
    .product-view-section .product-purchase-layer.open .product-purchase-bg {opacity:1;}
    .product-view-section .product-purchase-sheet {display:block; position:absolute; bottom:0; left:0; width:100%; max-height:calc(100dvh - 40px); padding:40px var(--fs-20) max(var(--fs-24), env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background-color:var(--color-white); overflow-y:auto; overscroll-behavior:contain; transform:translateY(100%); transition:transform .3s ease;}
    .product-view-section .product-purchase-layer.open .product-purchase-sheet {transform:translateY(var(--sheet-drag-y, 0px));}
    .product-view-section .product-purchase-sheet.dragging {transition:none; user-select:none;}
    .product-view-section .product-purchase-handle {display:block; position:absolute; top:0; left:0; width:100%; height:36px; cursor:grab; touch-action:none;}
    .product-view-section .product-purchase-handle::before {content:''; position:absolute; top:14px; left:50%; width:36px; height:4px; border-radius:10px; background-color:var(--grayscale4); transform:translateX(-50%);}
    .product-view-section .product-purchase-handle:active {cursor:grabbing;}
    /* .product-view-section .product-purchase-handle {display:block; position:absolute; top:14px; left:50%; width:36px; height:4px; border-radius:10px; background-color:var(--grayscale4); transform:translateX(-50%);} */
    .product-view-section .product-purchase-sheet > form {row-gap:var(--fs-24);}
    .product-view-section .product-purchase-sheet > form > div {padding-top:0; border-top:0;}
    .product-view-section .product-purchase-sheet .product-option-wrap {row-gap:var(--fs-20);}
    .product-view-section .product-purchase-sheet .custom-select {height:48px;}
    .product-view-section .product-purchase-sheet .selected-option-list {margin-top:8px;}
    .product-view-section .product-purchase-sheet .selected-option-item {padding:var(--fs-20); background-color: var(--color-bg1);}
    .product-view-section .product-purchase-sheet .selected-option-item + .selected-option-item {margin-top:1px;}
    .product-view-section .product-purchase-sheet .product-total-price {padding-top:var(--fs-24); border-top:1px solid var(--color-border1);}
    .product-view-section .product-purchase-sheet .product-total-price strong {font-size:var(--fs-24);}
    .product-view-section .product-purchase-sheet .product-action-wrap {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    .product-view-section .product-purchase-sheet .product-action-wrap .square-btn {height:52px;}

    .product-mobile-action {display:grid; grid-template-columns:48px 48px 1fr; align-items:center; gap:10px; position:fixed; bottom:0; left:0; z-index: 990; width:100%; min-height:80px; padding:12px var(--fs-20) max(12px, env(safe-area-inset-bottom)); border-top:1px solid var(--color-border1); background-color:var(--color-white);}
    .product-mobile-action .ico-btn {width:48px; height:48px;}
    .product-mobile-action .ico-btn svg {width:28px; height:28px;}
    .product-mobile-action.wishlist-btn .is-marked svg path {fill: var(--grayscale6); stroke: var(--grayscale6);}
    .product-mobile-action .ico-btn img {width:28px; height:28px;}
    .product-mobile-action .product-purchase-open {width:100%; justify-content: center; font-size:var(--fs-18);}

    .product-detail-section .product-content-block:not(.product-description-block) {grid-template-columns: 100px 1fr;}
    
    .container > .recommend-product-section .grid-content {display: flex !important;}
    .recommend-product-section .recommend-product-list {overflow: visible;}
}

@media screen and (max-width: 768px) {
    .goods-list + .pagination {display: none;}

    .container > section {overflow-x: hidden;}
    .exhibition-tit-section {height:calc(100vh - var(--header-height)); max-height:800px;}

    body:has(.product-view-section) {padding-bottom:80px;}
    body.purchase-sheet-open {overflow:hidden;}

    .product-view-section {margin-top:0;}
    .product-view-section > .inner {padding-inline:0;}
    .product-view-section .breadcrumb {display:none;}
    .product-view-section .product-view-wrap {display:block;}
    .product-view-section .product-gallery {width:100%;}
    .product-view-section .product-gallery .product-main-swiper .swiper-slide {aspect-ratio:804 / 986;}
    .product-view-section .product-gallery .product-main-swiper .swiper-slide img {object-position:center top;}
    .product-view-section .product-gallery .product-swiper-btn,
    .product-view-section .product-gallery .product-thumb-swiper {display:none;}
    .product-view-section .product-gallery .product-main-pagination {display:block; position:absolute; bottom:24px; left:50%; z-index:2; width:auto; padding:5px 16px; border-radius:30px; background-color:rgb(var(--rgb-black) / 55%); color:var(--color-white); font-size:var(--fs-14); line-height:1.5; transform:translateX(-50%);}

    .product-view-section .product-summary {width:100%; padding:var(--fs-24) var(--fs-20);}
    .product-view-section .product-summary-head .product-name {margin-bottom:var(--fs-12); font-size:var(--fs-24);}
    .product-view-section .product-summary-head .goods-price-wrap {margin-bottom:var(--fs-24); column-gap:var(--fs-14);}
    .product-view-section .product-summary-head .goods-price-wrap .goods-discount {font-size:var(--fs-18);}
    .product-view-section .product-summary-head .goods-price-wrap .goods-price {font-size:var(--fs-30);}
    .product-view-section .product-summary-head .goods-price-wrap .goods-price-cancle {font-size:var(--fs-18);}
    .product-view-section .product-summary-head .product-desc {font-size:var(--fs-16); line-height:1.8; color:var(--grayscale7);}
    .product-view-section .product-benefit-list {display:none;}

    .category-sidebar {z-index:999; width:100%; max-width:456px; height:calc(100vh - var(--header-height)); position:fixed; top:var(--header-height); right:100%; padding:var(--fs-30) var(--fs-20); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; background-color:var(--color-white); transition:transform .2s;}
    .category-sidebar.sidebar-open {transform:translateX(100%);}

    .product-list-section .product-list-content {width:100%; min-width:0;}

    .category-sidebar-bg {visibility:hidden; opacity:0; width:100%; height:calc(100vh - var(--header-height)); position:fixed; top:var(--header-height); left:0; z-index:998; background-color:rgb(var(--rgb-black) / 50%); transition:visibility .3s,opacity .3s; pointer-events:none;}
    .category-sidebar.sidebar-open + .category-sidebar-bg {visibility:visible; opacity:1; pointer-events:auto;}

    /* 상품문의 */
    .product-inquiry-toggle {min-height:80px; padding:var(--fs-16) var(--fs-12); grid-template-columns:minmax(0, 1fr) auto auto auto 20px; grid-template-rows:auto auto; gap:8px var(--fs-12);}
    .product-inquiry-title {grid-column:1 / 5; grid-row:1; font-size:var(--fs-15);}
    .product-inquiry-status {grid-column:1; grid-row:2;}
    .product-inquiry-writer {grid-column:2; grid-row:2;}
    .product-inquiry-date {grid-column:3; grid-row:2;}
    .product-inquiry-arrow {grid-column:5; grid-row:1 / 3;}
    .product-inquiry-question,
    .product-inquiry-answer {padding:var(--fs-20) var(--fs-16);}

    /* 상품문의목록페이지 */
    .product-inquiry-product {align-items:flex-end;}
    .product-inquiry-product-thumb {width:72px; height:88px;}
    .product-inquiry-product > .square-btn {flex-shrink:0;}

    /* 상품 리뷰 목록 페이지 */
    .product-review-product {align-items:flex-end;}
    .product-review-product-thumb {width:72px; height:88px;}
    .product-review-summary {column-gap:8px;}
    .product-review-score {font-size:var(--fs-28);}
    .product-review-summary-info .body-small {display:none;}
    .product-review-list .review-rating .star,
    .product-review-summary .review-rating .star {font-size:var(--fs-20);}
    .product-review-item {padding:var(--fs-24) 0; display:grid; grid-template-columns:96px minmax(0, 1fr); column-gap:var(--fs-16);}
    .product-review-item:not(:has(.product-review-thumb)) {display:block;}
    .product-review-thumb {width:96px; height:96px;}
    .product-review-content {padding-block:0; row-gap:var(--fs-20);}
    .product-review-txt {display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

    .exhibition-list-section .exhibition-list {grid-template-columns: repeat(1, 1fr);}

    body.category-sidebar-open {overflow:hidden;}
    .category-sidebar {z-index:999; width:100%; max-width:456px; height: 100vh; position:fixed; top: 0; right:100%; padding:0; display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; background-color:var(--color-white); transition:transform .2s;}
    .category-sidebar.sidebar-open {transform:translateX(100%);}
    .category-sidebar-header {position:relative; flex-shrink:0; display:flex; align-items:center; justify-content: space-between; width:100%; padding: 14px 16px;}
    .category-sidebar-header::after {content: ''; display: block; width: 30px; height: 30px;}
    .category-sidebar-title {color:var(--grayscale9);}
    .category-sidebar-close {background-image: url('/theme/img/back-arrow.svg');}
    .category-sidebar-content {flex:1; min-height:0; padding:var(--fs-30) var(--fs-20); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;}
    .category-sidebar-bg {visibility:hidden; opacity:0; width:100%; height:calc(100dvh - var(--header-height)); position:fixed; top:var(--header-height); left:0; z-index:998; background-color:rgb(var(--rgb-black) / 50%); transition:visibility .3s, opacity .3s; pointer-events:none;}
    .category-sidebar.sidebar-open + .category-sidebar-bg {visibility:visible; opacity:1; pointer-events:auto;}

    .product-review-section .review-item {flex-direction: column; row-gap: 20px; align-items: flex-start;}
    .product-review-section .review-item .review-thumb {width: 140px;}
    .product-review-section .review-item .review-content {row-gap: 20px; padding-block: 0;}
}

@media screen and (max-width: 500px) {
    .product-detail-section .product-content-block:not(.product-description-block) {column-gap: 0;}
    .product-detail-nav-section .product-detail-tab-list {column-gap: 0;}
    .product-detail-nav-section .product-detail-tab-list li {flex: 1;}
    .product-detail-nav-section .product-detail-tab-list li a {width: 100%; text-align: center;}

    .product-review-section .inner,
    .product-inquiry-section .inner {row-gap: 24px;}
    .product-review-section .toolbar {margin-top: -13px; flex-direction: column-reverse; align-items: flex-start;}
    .product-review-section .toolbar .square-btn,
    .product-inquiry-section .section-tit-wrapper .square-btn {width: 100%; justify-content: center;}
    .product-inquiry-section .section-tit-wrapper {margin-bottom: 0; flex-wrap: wrap; row-gap: var(--fs-10);}

    /* 상품 리뷰 목록 페이지 */
    .product-review-product {align-items:center;}
    .product-review-summary {display:none;}
    .product-review-list-section .section-tit-wrapper {align-items:center;}
}

@media screen and (max-width: 375px) {
    .product-view-section .product-summary-head .goods-price-wrap {flex-direction: column; align-items: flex-start;}
    .product-detail-section .product-content-block:not(.product-description-block) {display: flex; flex-direction: column; row-gap: 20px; align-items: flex-start;}
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */