/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;600&display=swap');

/* ============================================================
   SECTION 0   공통 기본값 (전 섹션 공용)
   ============================================================ */
input[type=text], input[type=password], input[type=email], input[type=tel], textarea {
    width: 60%;
    font-size: 12px;
}
.detail-info-value input[type=text] {
    width: 100%;
}
.right_fixed { display: none; }

/* ============================================================
   SECTION 1   SEO 브레드크럼
   html: <nav class="detail-breadcrumb">
   ============================================================ */
/* JSON-LD BreadcrumbList SEO는 유지, 화면 노출만 숨김 */
.detail-breadcrumb { padding: 10px 12px; display: none; }
.detail-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; font-size: 11px; }
.detail-breadcrumb li::after { content: '/'; margin-left: 4px; color: #ccc; }
.detail-breadcrumb li:last-child::after { content: ''; }
.detail-breadcrumb a { color: #999; text-decoration: none; }


.detail-point-row .review-count span[data-format="{{{reviews_count}}}"] .crema_product_reviews_score__container { color: #a88b68 !important; padding-left: 4px !important; font-family: Arial, sans-serif !important; font-weight: 500; font-size: 10.5px !important; }



/* ============================================================
   SECTION 2   이미지 갤러리 (메인 스와이퍼 · 썸네일 / 대표이미지)
   html: <div class="detail-layout-media">
   ============================================================ */
#detail-page .detail-layout-info { overflow: visible; height: auto; }

.prd_grey_tab { background-color: rgba(0, 0, 0, .02); padding: 0; }
.prd_grey_tab img { mix-blend-mode: multiply; max-width: 100%; height: auto; }

.detail-main-gallery { width: 100%; overflow: hidden; }
.detail-main-gallery .swiper-slide .prd_grey_tab { background-color: rgba(0,0,0,.02); }
.detail-main-gallery .swiper-slide img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; }
.detail-thumb-gallery { width: 100%; margin-top: 15px; overflow: hidden; }
.detail-thumb-gallery .swiper-slide { width: 20%; padding-right: 2%; box-sizing: border-box; cursor: pointer; }
.detail-thumb-gallery .swiper-slide img { width: 100%; background-color: #fafafa; display: block; }

/* -- 공유 버튼(이미지 갤러리 우상단) + 공유 바텀시트 -- */
.detail-share-btn {
  position: absolute; top: 10px; right: 10px; z-index: 10;
  width: 36px; height: 36px; border-radius: 50%; padding: 0; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.85);
}
.detail-share-btn .material-symbols-outlined { font-size: 20px; color: #222; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20; }

.detail-share-overlay {
  position: fixed; inset: 0; z-index: 9400; background: rgba(0,0,0,0.5);
  opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s;
}
.detail-share-overlay.is-open { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }

.detail-share-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9500; background: #fff;
  border-radius: 14px 14px 0 0; transform: translateY(100%); visibility: hidden;
  transition: transform .32s cubic-bezier(.4,0,.2,1), visibility 0s linear .32s;
  box-shadow: 0 -6px 24px rgba(0,0,0,0.12); padding: 0 20px calc(20px + env(safe-area-inset-bottom));
}
.detail-share-sheet.is-open { transform: translateY(0); visibility: visible; transition: transform .32s cubic-bezier(.4,0,.2,1), visibility 0s; }
body.detail-share-open { overflow: hidden; }

.detail-share-sheet-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 0 12px; }
.detail-share-sheet-title { font-size: 15px; font-weight: 600; color: #222; margin: 0; }
.detail-share-sheet-close { background: none; border: none; cursor: pointer; display: flex; padding: 4px; }
.detail-share-sheet-close .material-symbols-outlined { font-size: 22px; color: #222; }

.detail-share-options { display: flex; justify-content: space-between; padding: 8px 0 4px; }
.detail-share-option { display: flex; flex-direction: column; align-items: center; gap: 8px; background: none; border: none; cursor: pointer; padding: 0; flex: 1; }
.detail-share-badge { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.detail-share-badge .material-symbols-outlined { font-size: 22px; }
.detail-share-badge-kakao { background: #FEE500; color: #3C1E1E; }
.detail-share-badge-facebook { background: #1877F2; color: #fff; }
.detail-share-badge-x { background: #000; color: #fff; }
.detail-share-badge-copy { background: #f4f0ea; color: #222; }
.detail-share-option-label { font-size: 11px; color: #555; }


/* ============================================================
   SECTION 3   타이틀 (상품명 · 서브명 · 할인배지)
   html: <div class="detail-title-wrap">
   ============================================================ */
.detail-title-wrap { position: relative; text-align: left; padding: 22px 0 0; background: #fff; }
.detail-title-inner { position: relative; padding: 10px 0; padding-top: 15px; }
.detail-title-inner .detail-title-discount span { position: absolute; right: 0; top: 15px; color: #ff4800; text-align: center; font-size: 13px; font-style: normal; letter-spacing: -0.02rem; }
.detail_name_tit { font-family: 'Noto Serif KR', serif; font-size: 16px; color: #333; font-weight: 500; padding: 0px 0px 0px 0px; text-align: left; line-height: 1.2; letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#detail-page .detail-subname { color: #5d5d5d; overflow: hidden; font-size: 11px; font-weight: 400; letter-spacing: 0.03em; font-style: italic; padding-top: 2px; font-family: 'Lato', 'Noto Sans KR', sans-serif; color: #1b1b1b; }


/* ============================================================
   SECTION 4   가격 · 적립 요약 (페이지 상시 노출, 드로어 밖)
   html: <div class="detail-price-block">
   ============================================================ */
.detail-price-block { margin-top :10px; }
#detail-page #contents .detail-purchase-area .detail-price-block { padding: 0px; }
.detail-price-strike { font-family: Arial, sans-serif; font-size: 12px; color: #777;letter-spacing: -0.01em; }
.detail-price-plain { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.01em; color: #111; }
.detail-price-sale { color: #111; font-size: 16px; font-family: Arial, sans-serif; letter-spacing: -0.01em; padding-right: 1px; font-weight: bold;}
.detail-price-strike-unit { padding-left: 1px; }
#detail-page #contents .detail-purchase-area .detail-price-block .detail-info-value em, #detail-page #contents .detail-purchase-area .detail-price-block .detail-info-value b { color: #F1191F; }
#detail-page #contents .detail-purchase-area .detail-price-block .detail-info-label { font-family: 'Lato', 'Noto Sans KR', sans-serif; display: inline-block; width: 25%; vertical-align: top; color: #111; font-size: 12px; letter-spacing: 0.01rem; }
#detail-page #contents .detail-purchase-area .detail-price-block .detail-info-value { display: inline-block; width: 73%; text-align: right; color: #464646; font-size: 12px; }

/* 적립 POINT 배지 */
.detail-reward-spacer { margin-top: 15px; }
.detail-point-wrap { clear:both }
.detail-point-row { overflow: hidden; padding: 15px 0px; line-height: 1.125rem; font-weight: 400; border-top: 1px solid #f2f2f2; }
.detail-point-row ul { }
.detail-point-row ul li { position: relative; display: inline-block; font-size: 11px; font-family: 'Josefin Sans', sans-serif; letter-spacing: -0.02rem; }
.detail-point-label { font-family: 'Josefin Sans', sans-serif; }
.detail-point-value { padding: 0px 5px; font-family: 'Josefin Sans', sans-serif; }
.detail-point-unit { font-family: 'Josefin Sans', sans-serif; font-size: 13px; }
.detail-point-item { float: right; padding-right: 5px; }


/* ============================================================
   SECTION 5   쿠폰
   html: <div class="detail-coupon">
   ============================================================ */
.detail-coupon-list ul { padding: 0px; margin: 0px; }
.detail-coupon-list ul li { padding: 0px; margin: 0px; }
.detail-coupon-list ul li img { width:100%; }


/* ============================================================
   SECTION 6   하단 고정 구매영역
   (티저바 · 딤 오버레이 · 옵션 바텀시트 드로어 · 드로어 푸터)
   html: <div class="detail-buybar"> / <div class="detail-drawer"> 등
   ============================================================ */

/* -- 하단 고정 티저바 (상시 노출) / 드로어 푸터 공유 규칙 -- */
.detail-buybar, .detail-drawer-foot {
  position: fixed; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
  background: #fff; border-top: 1px solid #eee;
}
.detail-buybar { z-index: 9000; }
#detail-page { padding-bottom: 0px; }   /* 고정 티저바 가림 방지 */

.detail-buybar-cart { position: relative; flex-shrink: 0; width: 46px; height: 48px; display: flex; align-items: center; justify-content: center; color: #222; text-decoration: none; border: none; background: none; padding: 0; cursor: pointer; }
.detail-buybar-cart .material-symbols-outlined { font-size: 22px; color: #222; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 22; }
.detail-buybar-visit { flex: 1; height: 48px; padding: 0; display: flex; align-items: center; justify-content: center; background: #f4f0ea; color: #000; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.detail-buybar-cta { flex: 1; height: 48px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font-family: 'Josefin Sans','Noto Sans KR',sans-serif; letter-spacing: 0em; font-size: 13px; }
.detail-buybar-cta.is-soldout { background: #bbb; cursor: default; }

/* -- 딤 오버레이 -- */
.detail-drawer-overlay {
  position: fixed; inset: 0; z-index: 9100; background: rgba(0,0,0,0.5);
  opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s;
}
.detail-drawer-overlay.is-open { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }

/* -- 바텀시트 드로어 (fixed 자식: 헤드 / 바디(스크롤) / 푸터(항상노출)) -- */
.detail-drawer {
  position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0; z-index: 9200;
  width: auto !important; max-width: 100% !important; max-height: 70vh !important; top: auto !important;
  display: flex !important; flex-direction: column; background: #fff; border-radius: 14px 14px 0 0;
  overflow: visible !important;
  transform: translateY(100%); visibility: hidden;
  transition: transform .32s cubic-bezier(.4,0,.2,1), visibility 0s linear .32s;
  box-shadow: 0 -6px 24px rgba(0,0,0,0.12);
}
.detail-drawer.is-open { transform: translateY(0); visibility: visible; transition: transform .32s cubic-bezier(.4,0,.2,1), visibility 0s; }

.detail-drawer-head { flex-shrink: 0; display: flex; justify-content: flex-end; padding: 10px 12px 10px 12px; }
.detail-drawer-close { background: none; border: none; cursor: pointer; display: flex; padding: 4px; }
.detail-drawer-close .material-symbols-outlined { font-size: 24px; color: #222; }

.detail-drawer-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 1 !important; transform: none !important; padding: 4px 16px 84px; scrollbar-width: none; -ms-overflow-style: none; }
.detail-drawer-body::-webkit-scrollbar { display: none; width: 0; height: 0; }

body.detail-drawer-open { overflow: hidden; }

/* 드로어 푸터: 뷰포트 하단 고정, .detail-drawer 바깥 형제 요소라 transform 영향 없음 */
.detail-drawer-foot {
  position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0; z-index: 9300;
  display: none;
}
body.detail-drawer-open .detail-buybar { visibility: hidden; }
body.detail-drawer-open .detail-drawer-foot { display: flex; }

/* 관심상품 = 공식 link_wish_toggle + block_btn_wish(서버 저장·연동·마이페이지 누적).
   메이크샵이 찜 상태일 때 block_btn_wish 래퍼에 .wish-on 부여(안쪽 #MS_btn_wish 스팬) → 그 기준으로 채운/빈 하트 토글.
   기본=빈하트(heart-line) / .wish-on=채운하트(heart-fill). id·클래스 셀렉터 병기(사이트별 클래스 차이 대비) */
.detail-buybar-wish { position: relative; flex-shrink: 0; width: 46px; height: 48px; display: flex; align-items: center; justify-content: center; color: #222; text-decoration: none; }
.detail-buybar-wish .material-symbols-outlined { font-size: 22px; color: #222; }
.detail-buybar-wish .heart-fill { display: none; font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 22; }
.detail-buybar-wish .heart-line { display: inline-flex; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 22; }
.detail-buybar-wish #MS_btn_wish.wish-on .heart-line, .detail-buybar-wish .wish-on .heart-line, .detail-buybar-wish.wish-on .heart-line { display: none; }
.detail-buybar-wish #MS_btn_wish.wish-on .heart-fill, .detail-buybar-wish .wish-on .heart-fill, .detail-buybar-wish.wish-on .heart-fill { display: inline-flex; }

/* (상단 이미지 관심상품 하트는 제거됨   #MS_btn_wish id 중복 + 옵션필수 팝업 이슈로 구매바 하트만 유지) */
.detail-layout-media { position: relative; }
/* 장바구니 버튼에도 하트와 동일한 뱃지형 갯수 표시 (티저바·드로어 공용 클래스라 양쪽 동시 적용) */
.detail-buybar-wish em, .detail-buybar-cart em {
  position: absolute; top: 8px; right: 8px;
  background: #c2b8a6; color: #fff; font-size: 9px; font-style: normal;
  min-width: 14px; height: 14px; border-radius: 50px;
  display: flex; align-items: center; justify-content: center;
}

/* -- 드로어 안: 옵션 선택 / 수량 / 네이버페이 -- */
.naver-checkout { margin-bottom: 30px; }
.detail-drawer .option_tk .detail-option-select p { margin-bottom: 12px; }
.detail-drawer .detail-info-label { display: inline-block; width: 25%; vertical-align: middle; font-size: 12px; color: #222; }
.detail-drawer .detail-info-value { display: inline-block; width: 73% !important; vertical-align: middle; }
.detail-drawer .detail-info-value select { width: 100%; height: 44px; padding: 0 10px; background: #fff; border: 1px solid #d6d0c4; border-radius: 0; color: #333; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23555' d='M5 7l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; }
#detail-page #contents .detail-purchase-area .detail-option-select p { padding: 3px 0px 0px 0px; }
#detail-page #contents .detail-purchase-area .detail-option-select .opt-com a { font-family: 'Lato','Noto Sans KR',sans-serif; background: #231f20; color: #fff; border: none; }
.opt_sel { font-family: Arial, sans-serif; font-size: 0.7rem;background: #f4f0ea; text-align: center; margin: 25px 4px 0px 0px; color: #000; padding: 12px 0px 12px 0px; }
.opt_sel a { color: #000; font-family: 'Lato','Noto Sans KR',sans-serif; }

/* -- 드로어 안: 멀티옵션 합계 (MK 네이티브) -- */
.detail-drawer .detail-option-total, .detail-drawer #MK_innerOptTotal { display: flex; align-items: center; justify-content: space-between; padding: 30px 10px 20px 10px; margin-top: 6px; border-top: 1px solid #eee; font-size: 13px; }
.detail-drawer .detail-option-total em, .detail-drawer .MK_total { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; color: #000; font-style: normal; letter-spacing: 0.1rem; }
.MK_txt-total { font-family: 'Lato','Noto Sans KR',sans-serif; }
.mk_total_warp { position: absolute; bottom: 0px; right: 0px; }
.detail-drawer #MK_innerOptTotal .mk_total_warp { position: static; }
.mk-total-spacer-top { padding-top:30px; }
.mk-total-spacer-bottom { padding-bottom: 30px; }
.MK_optAddWrap .MK_inner-opt-cm .MK_price span { font-family: Arial, sans-serif; }
#detail-page #contents .MK_optAddWrap .total { border-top: 1px solid #f2f2f2; }
#detail-page #contents .MK_optAddWrap #MK_innerOptWrap, #detail-page #contents .MK_optAddWrap #MK_innerOptScroll {  max-height: none !important;  height: auto !important;  overflow: visible !important; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm li {  position: relative;  border-bottom: none;  padding: 12px;  margin-bottom: 8px;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  row-gap: 8px; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm li:last-child { margin-bottom: 0; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm li.has-value { background: #fafafa;  margin-top: 15px;}
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_p-name { position: static;  max-width: none;  white-space: normal;  overflow: visible;  text-overflow: clip;  padding-right: 0;  order: 1;  flex: 0 1 90%;  min-width: 0;  font-size: 11px;  letter-spacing: 0.01rem;}
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del { background-image: none; display: flex; align-items: center; justify-content: center; position: static; bottom: auto; right: auto; order: 2; flex-shrink: 0; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del::before { font-family: 'Material Symbols Outlined'; content: "delete"; font-size: 18px; color: #3b3b3b; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 18; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img { display: none; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm li::after {  content: "";  order: 3;  flex-basis: 100%;  height: 0; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl { display: flex; align-items: center; gap: 3px; border: none; background: none; position: static; margin-top: 0; order: 4; flex: 0 0 auto; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 { width: 26px; height: 25px; border: none; border-radius: 3px; background: #fff; font-size: 0; color: transparent; display: flex; align-items: center; justify-content: center; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02::before { font-family: 'Material Symbols Outlined'; font-size: 15px; color: #333; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 15; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(1) { order: 3; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(1)::before { content: "add"; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(2) { order: 1; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(2)::before { content: "remove"; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { order: 2; border: none; background: #fff; border-radius: 3px; width: 28px; height: 25px; padding: 0; text-align: center !important; font-size: 12px; }
#detail-page #contents .MK_optAddWrap .MK_inner-opt-cm .MK_price {  position: static;  bottom: auto;  right: auto;  font-size: 12px;  font-weight: 400;  color: #222;  order: 5;}
#detail-page #contents .MK_optAddWrap .MK_txt-won { color: #222; font-size: 12px; }


/* ============================================================
   SECTION 7   상세 탭메뉴 (DETAIL / REVIEW / Q&A)
   html: <div class="detail-tabmenu detail-tabmenu-fixed">
   ============================================================ */
.detail-section-divider { border-top: 12px solid #f5f5f5; }
/* 스마트스킨 제거 대비 자립화: 탭 메뉴 3열 가로배치는 원래 스마트스킨 공용 CSS가 담당하던 레이아웃이라
   여기에 직접 정의해서 스마트스킨 CSS 유무와 무관하게 항상 동일하게 보이도록 함 */
#detail-page #contents .detail-tabmenu ul { display: flex; margin: 0; padding: 0; list-style: none; background: #fff; }
#detail-page #contents .detail-tabmenu li { flex: 1 1 33.333%; list-style: none; text-align: center; }
#detail-page #contents .detail-tabmenu { border: none; margin-bottom: 0px; }
#detail-page #contents .detail-tabmenu li a { display: block; font-family: 'Josefin Sans', sans-serif; border: none; font-size: 11px; padding: 12px 0px; }
#detail-page #contents .detail-tabmenu.detail-tabmenu-fixed { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 200; }
.detail-tab-detail { }
.detail-tab-detail a { font-weight: normal; padding: 14px 20px; color: #5c5c5c; }
.detail-tab-review {  }
.detail-tab-qna { }
.detail-tab-count { color: #c2935f;  padding-left: 5px; font-family: 'PT Sans', sans-serif; }


/* ============================================================
   SECTION 8   아이템 섹션 헤더 + 파워리뷰 캐러셀
   html: <div class="detail-item-section" id="mobile_detail_view">
   ============================================================ */
.detail-img-title { text-align:center; }

/* 파워리뷰 상단 */
.review-header { text-align:center; margin:0px 0px 15px 0px; }
.review-header-label {font-family: 'Josefin Sans', sans-serif; color:#111; font-size:13px; font-weight:500; text-align:center;}
.review-header-count-text { line-height: 14px; padding: 5px 0px 10px 0px; font-size: 11px; }
.best_review.review-card-list ul {display:flex; padding:0; margin:0;}
.best_review.review-card-list li a {  }
.best_review.review-card-list li { background: #fff; padding: 0px 10px; margin: 0px; }
.best_review.review-card-list li dl { position: relative; height: 100%; border-bottom: 1px solid #d4d4d4; }
.best_review.review-card-list li .review-card-img img { width: 24%; float: left; border: none; padding: 10px 0px 10px 0px; }
.best_review.review-card-list li .review-card-body { position: absolute; left: 27%; top: 15%; }
.best_review.review-card-list li .review-card-content { height: 33px; color: #111; max-width: 215px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 17px; }
.best_review.review-card-list li .review-card-meta { }
.best_review.review-card-list li .review-card-meta-label { font-family: 'PT Sans', sans-serif; font-size: 10px; color:#111; }
.best_review.review-card-list li .review-card-score { font-size: 11px; font-family: 'Lato','Noto Sans KR',sans-serif; color: #c39562; padding: 0px 5px; }
.best_review.review-card-list li .review-card-writer { font-size: 11px; color:#111; }
.review-header-count { font-size: 11px; color: #c39562; padding-left: 5px; display: inline-block; }
.review-carousel-spacer { margin-top:30px; }
.review-more-btn { font-family: 'PT Sans', sans-serif; border-radius: 0px 0px 15px 0px; letter-spacing: 0.05em; font-size: 11px; background-color: #1e1e20; color: #fff; line-height: 27px; margin: 0 auto; width: 100px; text-align: center; padding: 2px 0px; margin: 30px auto; }


/* ============================================================
   SECTION 9   간략 상품정보
   html: <div class="detail-simple-info">
   ============================================================ */
.detail-simple-info { margin-bottom: 2.5rem; }
.detail-simple-info ul { background: #fafafa; padding: 1rem 1.25rem; border-radius: 0.25rem; }
.detail-simple-info ul li { display: table; width: 100%; margin-bottom: 0.1rem; }
.detail-simple-info .detail-simple-info-label { display: table-cell; width: 5rem; letter-spacing: 0px; line-height: 1rem; color:#000; font-family: Lato, "Noto Sans KR", sans-serif; font-weight: 400; }
.detail-simple-info ul li p { display: table-cell; padding-left: 0.625rem; word-break: break-all; font-family: Lato, "Noto Sans KR", sans-serif; }
.detail-simple-info-sep { padding: 0px 3px; }
.detail-simple-info-tolerance {  }
.detail-simple-info-value { max-width:30px; }


/* ============================================================
   SECTION 10   프로모션 배너 (퍼스널서비스 · 선물포장 · 오프라인소개)
   html: <div class="personal_event_warp"> / .package_event_warp / .offline_event_warp
   ============================================================ */
.detail_experience_warp { text-align:center; padding: 0px 0px 50px 0px; word-break: keep-all; }
.detail_experience_title { font-family: "Noto Serif KR", serif; font-size: 23px; color: #000; font-weight: 600; letter-spacing: -0.02rem; }
.personal_event_warp { padding: 3.0rem 1.25rem 1.0rem 1.25rem; }
.personal_event_warp .personal_banner img { width: 100%; display: block; }
.personal_event_warp .personal_info_warp { padding: 1.25rem 1.75rem 2.5rem 1.75rem; }
.personal_event_warp .personal_info_warp .personal_info_title { font-family: "Noto Serif KR", serif; letter-spacing: -0.02rem; padding: 0px 0px 0px 0px; text-align: center; line-height: 1.6em; color: #000; font-size: 20px; font-weight: 600;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.personal_event_warp .personal_info_warp .personal_info_text { text-align: center; padding: 1.1rem 0rem 2.2rem 0rem; font-size: 13px; color: #000; overflow: hidden; text-overflow: ellipsis; line-height: 20px; word-break: keep-all; font-style: normal; font-weight: 400; letter-spacing: -.26px; }
.personal_event_warp .personal_info_warp .personal_info_btn { background-color: #f4f0ea; padding: 1.0rem 2.2rem; text-align: center; font-weight: 500; font-size: 13px; letter-spacing: 0.01rem; margin: 0 auto; color: #000; }

.package_event_warp { padding: 0rem 1.25rem 1.0rem 1.25rem; }
.package_event_warp .package_banner img { width: 100%; display: block; }
.package_event_warp .package_info_warp { padding: 1.4rem 1.75rem 2.5rem 1.75rem; }
.package_event_warp .package_info_warp .package_info_title { font-family: "Noto Serif KR", serif; letter-spacing: -0.02rem; padding: 0px 0px 0px 0px; text-align: center; line-height: 1.6em; color: #000; font-size: 20px; font-weight: 600;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.package_event_warp .package_info_warp .package_info_text { text-align: center; padding: 1.1rem 0rem 2.2rem 0rem; font-size: 13px; color: #000; overflow: hidden; text-overflow: ellipsis; line-height: 20px; word-break: keep-all; font-style: normal; font-weight: 400; letter-spacing: -.26px; }
.package_event_warp .package_info_warp .package_info_btn { background-color: #f4f0ea; padding: 1.0rem 2.2rem; text-align: center; font-weight: 500; font-size: 13px; letter-spacing: 0.01rem; margin: 0 auto; color: #000; }

.offline_event_warp { padding: 0rem 1.25rem 1.0rem 1.25rem; }
.offline_event_warp .offline_banner img { width: 100%; display: block; }
.offline_event_warp .offline_maintitle { font-family: 'Josefin Sans', sans-serif; color:#000; font-size:18px; font-weight:500; letter-spacing:1px; padding-bottom: 1.8rem; }
.offline_event_warp .offline_subtitle { font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 0.8rem; padding-left: 10px; letter-spacing: 0rem; }
.offline_event_warp .boutique_info_warp { padding: 1.4rem 1.75rem 2.5rem 1.75rem; }
.offline_event_warp .boutique_info_warp .boutique_info_title { font-family: "Noto Serif KR", serif; letter-spacing: -0.02rem; padding: 0px 0px 0px 0px; text-align: center; line-height: 1.6em; color: #000; font-size: 20px; font-weight: 600;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.offline_event_warp .boutique_info_warp .boutique_info_subtitle { color: #111; font-size: 13px; text-align: center; }
.offline_event_warp .boutique_info_warp .boutique_info_text { text-align: center; padding: 1.1rem 0rem 2.2rem 0rem; font-size: 13px; color: #000; overflow: hidden; text-overflow: ellipsis; line-height: 20px; word-break: keep-all; font-style: normal; font-weight: 400; letter-spacing: -.26px; }
/* 부티크 배너 버튼 2개: 부티크 방문예약(주·검정) + 둘러보기(보조·크림) 세로 스택 */
.offline_event_warp .boutique_info_warp .boutique_info_btns { display: flex; flex-direction: column; gap: 8px; }
.offline_event_warp .boutique_info_warp .boutique_info_btn { display: block; background-color: #f4f0ea; padding: 1.0rem 2.2rem; text-align: center; font-weight: 500; font-size: 13px; letter-spacing: 0.01rem; margin: 0; color: #000; text-decoration: none; }
.offline_event_warp .boutique_info_warp .boutique_info_btn-reserve { background-color: #000; color: #fff; }


/* ============================================================
   SECTION 11   쇼핑가이드 아코디언 (상품정보고시 · 사이즈가이드 · 구매전 필독가이드)
   html: <div class="ss-accordion-wrapper">
   ============================================================ */
.ss-accordion-wrapper {
    width: 100%;
    margin: 0px auto 0px;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    padding-top: 0px;    
}
.ss-accordion-item {    
    width: 100%;
}
.ss-accordion-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0px;
    background: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #f2f2f2;
}
.ss-accordion-title {
    font-size: 12px;
    font-weight: 400;
    color: #111;
    letter-spacing: 0.01rem;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
}
/* [2026-09] 순수 CSS 드로잉 화살표 대신 풋터(foot.css .foot-acc-arrow)와 동일한
   material-symbols-outlined 아이콘 폰트 방식으로 통일 */
.ss-accordion-arrow {
    font-size: 18px !important;
    color: #222;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20 !important;
    transition: transform 0.22s ease;
    flex-shrink: 0;
}
.ss-accordion-item.is-open .ss-accordion-arrow { transform: rotate(90deg); }
/* 스르륵 고급스럽게 롤 다운되는 마찰력 감속 뷰포트 상향 고정 */
.ss-accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    /* Swiper 모션과 결합하는 미끄러지듯 스르륵 닫히고 열리는 속도 제어 */
    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
/* [2026-09] 가이드/선물포장 패키징 패딩값을 독립적으로 조절할 수 있게 분리 */
.ss-accordion-inner-guide { padding: 20px 0px 20px 0px; }
.ss-accordion-inner-gift { padding: 25px 20px 25px 20px; }
.ss-accordion-inner table { border-image: none; width: 100%; text-align: center; border-collapse: collapse; color: rgb(68 67 67); }
.ss-accordion-inner table tr { }
.ss-accordion-inner table th { font-size: 10px; line-height: 20px; width:100px; text-align: left; padding-left: 10px; }
.ss-accordion-inner table td { font-size: 10px; line-height: 20px; text-align: left; padding: 5px 0px 5px 0px; }

/* 상품정보고시 테이블 텍스트 */
.disclosure-weight-note { display: block; font-size: 10px; line-height: 10px; }
.disclosure-size-value { line-height: 15px; }
.disclosure-weight-sep { padding:0px 5px; }

/* 사이즈가이드 */
/* [2026-09] band_profile.png 원본이 1000x150px인데 실제 아이콘은 왼쪽 35%(x:0~380)만
   차지하고 나머지는 빈 여백 - width:100%로 늘리면 여백까지 같이 늘어나 아이콘이 계속
   작아 보임. overflow:hidden 컨테이너 + 이미지를 263%로 확대해서 여백을 잘라내고
   아이콘 부분만 꽉 차게 보이도록 크롭(세로는 원본 그대로라 위아래 잘림 없음) */
.size-guide-profile-img { margin: 0px; overflow: hidden; aspect-ratio: 380 / 150; }
.size-guide-profile-img img { width: 263%; max-width: none; display: block; }
.size-guide-table-wrap table { border-image: none; width: 100%; text-align: center; border-collapse: collapse; color: rgb(128, 116, 126); margin-top: 15px; font-size: 10px; }
.size-guide-table-wrap table tr { border-collapse: collapse; }
.size-guide-table-wrap table th { text-align:center; border:1px solid #E1E1E3; font-weight: 400; background-color: #fafafa; padding:5px; border-collapse: collapse; }
.size-guide-table-wrap table td { text-align:center; border:1px solid #E1E1E3; padding:2px; border-collapse: collapse; }
.size-guide-cta { font-size: 12px; text-align: center; background-color: #f4f0ea; padding: 15px 0px; color: #1c1c1c; margin: 30px 0px; }
.size-guide-cta a { color: #fff; }

/* 구매전 필독 쇼핑가이드 (사이즈가이드 두 블록과 guide-block-title/guide-block-compact 공유) */
.guide-block { padding: 0px 10px; margin: 20px 0px; font-weight: 400; line-height: 1.5; font-size: 12px; }
.guide-block-title { padding-bottom: 5px; font-weight: 600; display: block; }
.guide-block-link-btn { text-align: center; background-color: #f4f0ea; color: #1c1c1c; padding: 15px 0px; margin-top: 30px; }
.guide-block-link-btn a { color: #fff; }
.guide-block-compact { padding: 10px 10px 10px 10px; font-weight: 400; line-height: 1.5; font-size: 2.8vw; word-break: keep-all; }
.guide-block-text { padding-bottom:10px; }
.guide-block-highlight { color: #000; }
.guide-block-note { padding: 0px 10px; font-size: 11px; color: #777; line-height: 1.5; word-break: keep-all; margin: 10px 0 30px; }

/* SECTION 4.5 가이드 버튼 + 드로어 (사이즈/색상/쇼핑가이드) - 옵션 바텀시트(.detail-drawer/setOpen)와 완전히 분리된 별도 시스템 */
.detail-guide-boxes { display: flex; gap: 10px; margin: 0; }
.detail-guide-box { flex: 1 1 0; background: #fafafa; }
.detail-guide-box a { display: flex; align-items: center; justify-content: center; height: 46px; padding: 0 10px; text-decoration: none; }
.detail-guide-title { font-size: 11px; color: #222; }

/* [2026-09] 하단 고정 구매바(.detail-buybar z-index:9000~9500대)에 드로어 아래쪽이
   가려지던 문제 - 드로어를 그보다 높은 z-index로 올려서 해결.
   [2026-09 수정] 상단은 처음엔 전역 헤더 높이(60px)만큼 띄웠으나, 헤더가 스크롤에 따라
   숨었다 나타나는 방식이라 헤더가 없을 때 그 자리가 빈 공간으로 남는 문제가 생김 -
   헤더 유무와 무관하게 전체화면(top:0)으로 덮고, 드로어 자체 헤드바(제목+닫기)가
   헤더 역할을 대신하도록 변경. 전역 헤더(z-index 100000)보다도 위로 올려서 완전히 덮음 */
.detail-guide-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: opacity .3s ease; z-index: 100040; }
.detail-guide-overlay.is-open { opacity: 1; visibility: visible; }

.detail-guide-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; background: #fff; z-index: 100050; transform: translateX(100%); transition: transform .35s cubic-bezier(0.25, 1, 0.5, 1); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.detail-guide-drawer.is-open { transform: translateX(0); }
.detail-guide-drawer-head { position: sticky; top: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #eeeeee; z-index: 1; }
.detail-guide-drawer-name { margin: 0; font-family: 'Noto Serif KR', serif; font-size: 16px; color: #333; font-weight: 500; padding: 0px 0px 0px 0px; text-align: left; line-height: 1.2; letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-guide-drawer-close { background: none; border: none; padding: 4px; cursor: pointer; }
.detail-guide-drawer-body { padding: 20px; }

/* 시그니처 기프트 패키징 - PC(pc/상품상세 css.txt)의 ss-pd-gift-* 콤팩트 카드와 동일 스타일(모바일 사이즈로 축소) */
.ss-pd-gift-warp { padding: 30px 0px 30px 0px; border-top: 1px solid #f2f2f2; }
.ss-pd-gift-box { display: flex; align-items: center; gap: 16px; }
.ss-pd-gift-img { width: 76px; flex-shrink: 0; }
.ss-pd-gift-img img { width: 100%; height: auto; display: block; }
.ss-pd-gift-text { flex: 1; min-width: 0; }
.ss-pd-gift-title { display: block; font-family: 'Noto Serif KR', serif !important; font-size: 15px; font-weight: 600; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; line-height: 1.4; margin-bottom: 7px; }
.ss-pd-gift-desc { margin: 0; font-size: 11px; color: #333; line-height: 1.65; word-break: break-all; overflow-wrap: break-word; white-space: normal; letter-spacing: -0.02rem; max-width: 95%; }
.ss-pd-gift-more { position: relative; display: inline-block; margin-top: 4px; font-size: 11px; color: #1c1c1c; letter-spacing: 0.01rem; line-height: 1.5; text-decoration: none; }
.ss-pd-gift-more::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #1c1c1c; }

body.detail-guide-drawer-open { overflow: hidden; }
body.detail-guide-drawer-open .detail-buybar { visibility: hidden; }

/* 색상가이드 - 원본 200x160px 이미지, 확대하지 않고 4개 한 줄(좁으면 자동 줄바꿈) */
.detail-color-guide-section { margin-bottom: 30px; }
.detail-color-guide-section:last-of-type { margin-bottom: 15px; }
.detail-color-guide-heading { font-family: 'Josefin Sans', sans-serif; font-size: 15px; letter-spacing: 0.08em; margin: 10px 0px 10px 0px; }
.detail-color-guide-intro { font-size: 12px; line-height: 1.6; color: #444; word-break: keep-all; margin: 0px 0px 50px 0px; }
.detail-color-guide-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 50px; }
.detail-color-guide-thumb { flex: 1 1 70px; max-width: 90px; text-align: center; }
.detail-color-guide-thumb img { width: 100%; height: auto; max-width: 90px; object-fit: contain; display: block; margin: 0 auto; background: #fafafa; }
.detail-color-guide-thumb-name { font-family: 'Josefin Sans', sans-serif; font-size: 11px; letter-spacing: -0.01em; margin: 10px 0px 10px 0px; }
.detail-color-guide-detail { padding: 0px 0px 35px 0px; }
.detail-color-guide-detail:first-of-type { border-top: none; padding-top: 0; }
.detail-color-guide-detail h5 { font-family: 'Josefin Sans', sans-serif; font-size: 12px; letter-spacing: -0.01em; margin: 0 0 6px; }
.detail-color-guide-detail p { font-size: 12px; line-height: 1.6; color: #444; word-break: keep-all; margin: 0; }


/* ============================================================
   SECTION 12   관련상품 (함께 보면 좋은 컬렉션)
   html: <section class="related_prdwarp">   메인화면 .prd-swiper와 동일 디자인(Swiper 11)
   ============================================================ */
.related_prdwarp { margin-bottom: 10px; }
.related_prdwarp .related-prd-title { font-size: 13px; font-weight: 500; color: #111111; letter-spacing: -0.3px; font-family: 'Lato', 'Noto Sans KR', sans-serif; width: 100%; padding: 18px 20px; background: #ffffff; text-align: left;  }

.related_prd.prd-swiper { padding: 15px 0 0 15px; }
.related_prd.prd-swiper ul { display: flex; padding: 0; margin: 0; }
.related_prd.prd-swiper li { padding: 0; margin: 0 2% 0 0; }
.related_prd.prd-swiper li a { padding: 0; }
.related_prd.prd-swiper .prd-img-wrap { background-color: rgba(0, 0, 0, .02); text-align: center; }
.related_prd.prd-swiper .prd-img-wrap img { mix-blend-mode: multiply; max-width: 100%; height: auto; }
.related_prd.prd-swiper .prd-info-text { max-width: 150px; margin-top: 10px; }
.related_prd.prd-swiper .prd-name { font-family: 'PT Sans', sans-serif; color: #1b1b1b; font-size: 12px; font-weight: 400; letter-spacing: -0.020em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.related_prd.prd-swiper .prd-subname { font-family: proxima-nova, sans-serif; font-weight: 400; letter-spacing: 0.03em; font-size: 10px; color: #5d5d5d; font-style: italic; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related_prd.prd-swiper .prd-price-wrap { position: relative; padding-top: 4px; text-align: left; }
.related_prd.prd-swiper .prd-price-sale { display: inline-block; padding-right: 3px; margin: 0; font-weight: bold; font-size: 13px; }
.related_prd.prd-swiper .prd-price-origin { display: inline-block; color: #777; font-size: 10px; font-family: 'PT Sans', sans-serif; }
.related_prd.prd-swiper .prd-price-bold { text-align: left; padding-right: 3px; margin: 0; font-weight: bold; font-size: 13px; }
.related_prd.prd-swiper .prd-discount-rate { position: absolute; font-family: 'Lato', 'Noto Sans KR', sans-serif; letter-spacing: 0.05em; right: 5px; bottom: 0; color: #fa5500; font-size: 12px; }
.related_prd.prd-swiper .prd-replace { font-size: 13px; font-weight: bold; text-align: left; }
.related_prd .prd-review { font-size: 10px; font-family: 'PT Sans', sans-serif; text-align: left; }
.related_prd .prd-review-count { padding-left: 3px; color: #777; font-family: 'PT Sans', sans-serif; }
.related_prd .review-height { min-height: 17px; }
/* Swiper 기본값은 position:absolute(컨테이너 위에 겹쳐 그림)   메인화면 탭 슬라이더와 동일하게
   relative로 덮어써서 카드 아래 문서 흐름 안에 정상 배치되도록 함 */
.related_prd .swiper-scrollbar { position: relative; left: 0; width: 70%; height: 2px; margin: 50px auto 30px; background: #e5e1d8; border-radius: 0; }
.related_prd .swiper-scrollbar-drag { height: 2px; background: #1b1b1b; border-radius: 0; }


/* 리뷰상단 */
.reveiew_border_bar { margin-top:30px; }



/* 상품상세정보 (이미지 및 텍스트설명정보 ※ 지우지 말것. 상세설명깨짐) */
.mobile_detail_warp img { width:100%; }
.sweetyp_info_warp { max-width:1000px; margin: 0 auto; }
.sweetyp_info_warp img { width:100%; }
.sweetyp_info_warp .sweety_enname { font-family: 'Josefin Sans', sans-serif; font-size: 2.2em; padding: 30px 0px 30px 0px; text-align: left; line-height: 24px; text-transform: uppercase; }
.sweety_enname h1 { font-family: 'Josefin Sans', sans-serif; }
.sweetyp_info_warp .sweety_text { line-height: 1.5em; font-size: 1.4em; text-align: left; letter-spacing: -.02em; overflow: hidden; padding: 0px 0px 50px 0px; word-break: keep-all; }
.sweetyp_info_warp .sweety_color_warp { }
.sweetyp_info_warp .sweety_color_warp dl { text-align: center; padding: 30px 0px 0px 0px; }
.sweetyp_info_warp .sweety_color_warp dl dt { font-family: 'Josefin Sans', sans-serif; font-size: 1.0em; line-height: 0.5em; }
.sweetyp_info_warp .sweety_color_warp dl dd { font-family: 'Josefin Sans', sans-serif; font-size: 0.6em; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sweetyp_info_warp .sweety_color_warp dl dd img { margin: 5px 0px 0px 0px; }
.sweetyp_info_warp .sweety_color_warp ul { margin: 5px 0px 30px 0px; text-align: center; }
.sweetyp_info_warp .sweety_color_warp ul:after { content: ""; display: block; clear: both; }
.sweetyp_info_warp .sweety_color_warp ul li { float: left; font-family: 'Josefin Sans', sans-serif; font-size: 0.8em; display: inline-block; width: 25%; }
.sweetyp_info_warp .sweety_color_warp ul li:first-child { margin-left:0px; }
.sweetyp_info_warp .sweety_color_warp ul li:last-child { margin-right:0px; }
.sweetyp_info_warp .sweety_model_img02 { padding: 15px 0px 0px 0px; }
.sweetyp_info_warp .sweety_model_img03 { padding: 15px 0px 15px 0px; }
.meleep_info_warp { margin: 0 auto; }
.meleep_info_warp img { width:100%; }
.melee_detail_img img { width:100%; }
.meleep_info_warp .melee_title { font-family: "Noto Serif KR", serif !important; font-size: 18px; font-weight: 600; letter-spacing: -0.02rem; word-break: keep-all; padding-bottom: 15px; }
.meleep_info_warp .melee_text { text-align: justify; font-size: 0.8rem; line-height: 1.3rem; padding: 1.5rem 0rem; word-break: keep-all; }
.meleep_info_warp .melee_end_title { font-family: 'KoPub Batang', serif; font-size: 16px; color: #2c2c2c; text-align: center; padding-top: 2rem; }
.meleep_info_warp .melee_end_text { line-height: 15px; text-align: center; font-size: 10px; padding: 0.5rem 0rem 3rem 0rem; }
.meleep_info_warp .melee_detail_subtitlewarp { padding: 1.8rem 0.95rem 0rem 0.95rem; line-height: 20px; text-align: left; font-size: 13px; letter-spacing: -.26px !important; }
.meleep_info_warp .melee_detail_subtextwarp { text-align: left; font-size: 13px; line-height: 20px; padding: 0px 0px 100px 0px; word-break: keep-all; }
.meleep_info_warp .concept_detail_subtext { text-align: left; font-size: 13px; line-height: 20px; padding: 0px 0px 100px 0px; word-break: keep-all; }
.meleep_info_warp .diamond_detail_subtextwarp { text-align: justify; font-size: 0.7rem; line-height: 1.3rem; padding: 0.8rem 1.0rem 5.0rem 1.0rem; word-break: keep-all; }


/* 상품상세정보 (이미지 및 텍스트설명정보/기념일제품 ※ 지우지 말것. 상세설명깨짐) */
.prd_info_warpper { text-align: center; color: rgb(44, 44, 44); }
.prd_info_warpper img { max-width:100%; }
.melee_sub_name { font-family: 'Josefin Sans', sans-serif; font-size: 1.15rem; line-height: 24px; letter-spacing: 0.03rem; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; }
.melee_ma_name { font-size: 13px; letter-spacing: -0.02rem; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; }
.anniversarymov_title { font-family: "Noto Serif KR", serif !important; font-size: 18px; padding-bottom: 15px; font-weight: 600; letter-spacing: -0.02rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.anniversarymov_img { margin:30px 0px 0px 0px; }
.anniversarymov img { width:100%; }
.anniversarymov_img iframe { width:500px; height:200px; }
.melee_detail_text01 { margin-top: 70px; font-size: 15px; font-weight: 300; text-align: center; font-family: 'Josefin Sans', sans-serif; }
.melee_detail_text02 { margin-bottom: 10px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; }
.melee_detail_text03 { line-height: 14px; font-size: 10px; margin: 20px 0px 60px 0px; }
.melee_detail_text04 { max-width: 1000px; margin: 150px auto 50px; }
.melee_detail_text04 table { margin: 0 auto; }
.melee_detail_text05 {  background: #fafafa; border-radius: 0px; }
.melee_detail_text06 { font-family: 'Josefin Sans', sans-serif; font-size: 14px; padding-top: 15px; }
.melee_detail_text07 { padding: 1.8rem 0.95rem 0rem 0.95rem; line-height: 20px; text-align: left; font-size: 13px; letter-spacing: -.26px !important; }
.melee_detail_text08 { position: relative; margin: 50px auto 0px; }
.melee_detail_text09 img { max-width:85%; }
.melee_detail_text10 { position: relative; max-width: 1000px; margin: 60px auto 0px; padding: 30px 0px; background: #fcf9f4; }
.melee_detail_text11 { font-family: 'KoPub Batang', serif; font-size: 16px; padding: 60px 0px 0px 0px; }
.melee_detail_text12 { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); }
.melee_detail_text14 { width: 100%; position: absolute; top: 42%; left: 50%; transform: translateX(-50%); font-family: 'KoPub Batang', serif; font-size: 23px; }
.melee_detail_text15 { line-height: 10px; padding: 2px 0px 20px 0px; }
.melee_detail_text16 { padding-top:60px; }
.melee_detail_text17 { padding: 10px 0px; }
.back_png { margin-top: 100px; background:#fafafa; padding: 50px 0px; }
.back_png50 { margin-top: 100px; background:#fafafa; padding: 50px 0px; }
.model_png { margin-top: 100px; padding: 5px 0px; }
.model_png02 { margin: 20px 0px; }
.model_png03 { }



/* 상품상세정보 ( 하단로고정보 ※ 지우지 말것. 상세설명깨짐) */
.sweety_logo_warp { text-align: center; margin: 20px 0px 30px 0px; }
.sweety_logo_warp dt { font-family: "Noto Serif KR", serif !important;  font-size: 15px; padding-bottom: 6px; font-weight: 600; letter-spacing: 0.01rem; word-break: keep-all; }
.sweety_logo_warp dd { max-width: 80%; margin: 0 auto; line-height: 12px; font-size: 10px; word-break: keep-all; }

/* 상품상세정보 ( 다이아몬드정보 ※ 지우지 말것. 상세설명깨짐) */
.diamond_detail_subwarp { padding: 4.0rem 0rem 0rem 0rem; }
.diamond_detail_subwarp .dia_detail_titlewarp { padding: 2.0rem 0.95rem 0rem 0.95rem; text-align: left; }
.diamond_detail_subwarp .dia_detail_titlewarp .dia_title_info { font-family: "Noto Serif KR", serif !important; font-size: 20px; font-weight: 600; text-align: left; letter-spacing: -0.02rem; }
.diamond_detail_subwarp .dia_detail_titlewarp .dia_detail_subtextwarp { text-align: justify; word-break: keep-all; padding: 1.1rem 0rem 2.5rem 0rem; font-size: 13px; letter-spacing: -.26px !important; line-height: 20px; font-family: Arial, sans-serif; }
.diamond_detail_subwarp .dia_detail_01 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.1rem; text-transform: uppercase; padding-bottom: 10px; text-align: left;}
.melee_detail_img img { width:100%; }


/* 장바구니 담기 팝업  */
.BA-btn-wrap { display: flex; gap: 15px; margin: 0px 10px; }
#cartPop .BA-item-cont .BA-item-list dt { border: none !important; width: 100px !important; height: 100px !important; padding-left: 5px !important; }
#cartPop .BA-item-cont .BA-item-list dd { max-width: 85% !important; }
#cartPop .BA-item-cont .BA-btn-wrap a { font-size: 11px !important; border: 1px solid #f4f0ea !important; background-color: #f4f0ea; letter-spacing: -0.01rem; font-weight: 500; padding: 3px 0px 6px 0px; color: #222 !important; font-family: 'Lato', 'Noto Sans KR', sans-serif !important; }
#cartPop .BA-item-cont .BA-btn-wrap a + a { background: #222 !important; color: #fff !important; }
#cartPop .layer .layer-pop .BA-tit-fix h3 { background-color: #f4f0ea !important; color: #222 !important; font-size: 12px !important; letter-spacing: -0.01rem; padding: 5px 20px !important; height: 30px !important; line-height: 30px !important; font-weight: 500 !important; font-family: 'Lato', 'Noto Sans KR', sans-serif !important; }
#cartPop .layer .layer-pop .BA-basket-pop-close { background-color: #f4f0ea !important; top: 2px !important; }
/* BASIC css end */