/* =========================================================
   product-detail-v1-override.css
   V2 Aurora 위에 V1 UI 스타일 적용
   ========================================================= */

/* 사이즈 가이드 테이블 스타일 */
.size-guide-body table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 14px;
}

.size-guide-body th,
.size-guide-body td {
    padding: 10px 8px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    white-space: nowrap;
}

.size-guide-body th {
    background: #f7f7f7;
    font-weight: 600;
}

.size-guide-body tr:last-child td {
    border-bottom: 0;
}

/* shopby-skin.js 1.11.0 부터 상세이미지 상단 로고 오른쪽에 상품명 표시부분 (2026/03/17일) */
.header__title {
    /*visibility: hidden;*/
}

/* 사이즈 가이드 E (2026/03/16) */


/* 관련상품 스크롤바 S */
.scroll {
	overflow-x:scroll !important;
}
.scroll::-webkit-scrollbar {
	width:5px;
	height:6px;
}
.scroll::-webkit-scrollbar-thumb {
	background-color:#d7d3d3 !important;
	width:20px;
	border-radius:8px;
	border:0px solid transparent;
}
.scroll::-webkit-scrollbar-track {
	background-color:#f5f5f5;
	border-radius:5px;
}
/* 관련상품 스크롤바 E */


/* 2026/03/17일 추가 */
.product-summary__brand-name {
  font-size:13px !important;
}

.product-summary__title {
  font-size:17px !important;
}

.product-summary__price-detail {
  font-size:20px !important;
}

.product-summary__info {
  margin-top:10px !important;
}

.product-summary dl {
  padding:1px 0 !important;
}

.shipping-claim-info details {
  margin-top: 30px !important;
}

.shipping-claim-info details:first-child {
  margin-top: 0 !important;
}

/*.shipping-claim-info details div {*/
/*  border: none !important;*/
/*  padding: 0 !important;*/
/*  margin-top: 5px !important;*/
/*}*/

.product-detail .tab li .tab__btn {
	font-size:14px !important;
}

.purchase {
  position: relative !important;
  bottom: auto !important;
	padding:20px 20px 0 20px !important; /* 옵션 및 총 상품 금액 */
}

/* =====================================================
   사이즈 가이드 - 모바일 전용 전체 CSS
   ===================================================== */
	@media (max-width: 768px) {

		/* ---------------------------------
			 옵션 타이틀 + 사이즈 가이드 버튼
			 --------------------------------- */
		.option-title-wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			margin-bottom: 10px;
		}

		.option-title-text {
			font-size: 14px;
			white-space: nowrap;
		}

		.option-title-text .extra-product-count {
			margin-left: 6px;
			font-size: 12px;
			color: #666;
			font-weight: normal;
		}

		.size-guide-btn {
			font-size: 12px;
			color: #757575;
			white-space: nowrap;
			padding: 4px 0;           /* 터치 영역 확보 */
		}

		/* ---------------------------------
			 사이즈 가이드 모달 (핵심)
			 --------------------------------- */
		.size-guide-modal {
			display: none;
			position: fixed;
			inset: 0;
			z-index: 999999;          /* ★ 모바일 하단 고정바보다 반드시 높게 */
		}

		/* dim 배경 */
		.size-guide-dim {
			position: absolute;
			inset: 0;
			background: rgba(0, 0, 0, 0.5);
		}

		/* 팝업 박스 */
		.size-guide-box {
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);

			width: calc(100% - 32px);
			max-width: 720px;
			max-height: 85vh;

			background: #fff;
			border-radius: 6px;

			display: flex;
			flex-direction: column;
		}

		/* ---------------------------------
			 헤더
			 --------------------------------- */
		.size-guide-header {
			padding: 18px 16px 12px;
			border-bottom: 1px solid #eee;
		}

		.size-guide-header h3 {
			font-size: 16px;
		}

		.size-guide-header p {
			font-size: 12px;
			line-height: 1.4;
		}

		/* ---------------------------------
			 본문 (스크롤 영역)
			 --------------------------------- */
		.size-guide-body {
			padding: 14px 16px 18px;
			overflow-y: auto;
			flex: 1;
		}

		/* ---------------------------------
			 테이블 (모바일 가독성)
			 --------------------------------- */
		.size-guide-body table {
			width: 100%;
			border-collapse: collapse;
			font-size: 12px;
		}

		.size-guide-body th,
		.size-guide-body td {
			padding: 7px 5px;
			border-bottom: 1px solid #e5e5e5;
			text-align: center;
			white-space: nowrap;
		}

		.size-guide-body th {
			background: #f7f7f7;
			font-weight: 600;
		}

		.size-guide-body tr:last-child td {
			border-bottom: 0;
		}

		/* ---------------------------------
			 닫기 버튼
			 --------------------------------- */
		.size-guide-close {
			position: absolute;
			right: 10px;
			top: 8px;
			font-size: 22px;
			background: none;
			border: 0;
			cursor: pointer;
		}
	}