/* 제품 상세 페이지 스타일 */
/* 브레드크럼 */
.breadcrumb.web  { padding: 20px 0; display: flex; }
.breadcrumb.mobile  { display: none; }
.breadcrumb .wraper  {  display: flex; flex-direction: row; align-items: center;gap: 5px; }
.breadcrumb span  {  font-size: 14px; color: #b5b5b6; text-decoration: none; letter-spacing: -0.75px; }
.breadcrumb i  { width: 25px; height: 25px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 14px; color: #b5b5b6; text-decoration: none; letter-spacing: -0.75px; }
.breadcrumb a:hover  { color: #333; }
.breadcrumb .separator  { color: #ccc; }

/* 제품 상세 메인 섹션 */
/*.product-container  {  display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; margin-bottom: 120px; }*/
.product-container  { display: grid; gap: 40px;  align-items: start; margin-bottom: 40px;  grid-template-columns: 560px 440px; justify-content: space-between; }

/* 정기구독신청하기버튼 */
.mobile-subscription-btn  { width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center; }
.mobile-subscription-btn .action-btn.subscription  { width: 100%;height: 50px;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;border-radius: 5px;background-color: #fbfffc;border: 1px solid #23b16c;padding: 15px; }
.mobile-subscription-btn .action-btn.subscription .check-circle  { width: 16px;height: 16px;background: url(../../images/icon/check_icon_circle_on.svg) 50% 50% no-repeat;background-size: contain; }
.mobile-subscription-btn .action-btn.subscription p  { font-size: 16px;letter-spacing: -0.75px;line-height: 1;color: #333;font-weight: 600; }

/* 제품 이미지 섹션 */
.product-image-section  {  position: relative; max-width: 100%; min-width: 0; overflow: hidden; }
.main-image  {  width: 100%;  border-radius: 20px; overflow: hidden; background: #f5f5f5; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; }
.main-image img  {   width: 100%; height: 100%; object-fit: cover; display: block; }
.product-main-swiper .product-main-prev,
.product-main-swiper .product-main-next{color: #ffffff !important; width: 60px;  height: 60px;  border-radius: 50%; transition: opacity 0.3s, background-color 0.3s; background-color: #00000020; opacity: 0; pointer-events: none;}
.product-main-swiper .product-main-prev::after,
.product-main-swiper .product-main-next::after{font-size: 28px !important;font-weight: 800;}
.main-image:hover .product-main-prev,
.main-image:hover .product-main-next { opacity: 1; pointer-events: auto; }
.product-main-swiper .product-main-prev:hover,
.product-main-swiper .product-main-next:hover { background-color: #00000050; }

/* 제품 정보 섹션 */
.product-info-section  {  width: 100%; display: flex;flex-direction: column; gap: 30px; }
.product-info  {  width: 100%; display: flex; flex-direction: column; gap: 10px; }

/* 데스크톱: 메인+썸네일 / 모바일: 슬라이더만 */
.product-image-desktop  { display: block; }
.product-image-mobile  {  display: none; }


.product-main-swiper {height: 560px;}
/* 첫/끝 슬라이드에서도 호버 시 버튼은 모두 표시 */

/* 버튼 연속 클릭 시 영역 선택(파란 하이라이트) 방지 */
.product-main-swiper,
.product-main-swiper .swiper-wrapper,
.product-main-swiper .swiper-slide {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  width: 100%;
  height: 100%;
}
.main-image img {
	-webkit-user-drag: none;
	-webkit-user-select: none;
	user-select: none;
}



/* 썸네일 영역 */
.product-thumbnails  {  display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap; padding: 20px 0; }
.product-thumb  {  padding: 0; border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; cursor: pointer; background: none; width: 120px; height: 120px; flex-shrink: 0; transition: all 0.2s; }
.product-thumb:hover  {  border-color: #ddd; }
.product-thumb.active  {  border-color: #23b16c; }
.product-thumb img  {  width: 100%;height: 100%; object-fit: cover; display: block; pointer-events: none; }

/* 썸네일 Swiper (4장 이상) */
.product-thumb-swiper  {  position: relative; max-width: 100%; overflow: hidden; padding: 20px 20px 0 20px; touch-action: pan-y; }
.product-thumb-swiper .swiper  {  overflow: hidden; max-width: 100%;-webkit-overflow-scrolling: touch; }
.product-thumb-swiper .swiper-wrapper  {  transition-timing-function: ease-out; }
.product-thumb-swiper .swiper-slide  { width: 120px !important;flex-shrink: 0; }
.product-thumb-swiper .product-thumb  {  width: 120px; height: 120px; }
.product-thumb-swiper .swiper-button-prev,
.product-thumb-swiper .swiper-button-next  {  width: 40px; height: 40px; background-color: #ffffff; color: #333;border-radius: 50px; border: 1px solid #ddd; }
.product-thumb-swiper .swiper-button-prev  {  left: 0; }
.product-thumb-swiper .swiper-button-next  { right: 0; }
.product-thumb-swiper .swiper-button-prev::after,
.product-thumb-swiper .swiper-button-next::after  { font-size: 14px; }

@media only screen and (max-width: 720px)  { 
  .product-image-desktop  {  display: none; }
  .product-image-mobile  {  display: block;position: relative;  }
  .product-image-mobile .main-image  {  height: 100%; min-height: 280px; border-radius: 0; }
 }

/* 모바일 메인 이미지 슬라이더 */
.main-image-slider  {  width: 100%; max-width: 100%; border-radius: 0; overflow: hidden;touch-action: pan-y; }
.main-image-slider .swiper  {  overflow: hidden;max-width: 100%;-webkit-overflow-scrolling: touch; }
.main-image-slider .swiper-wrapper  {  transition-timing-function: ease-out; }
.main-image-slider .swiper-slide  {  height: auto; width: 100%; max-width: 100%;  }
.main-image-slider .main-image  {  width: 100%; height: 100%; min-height: 300px; border-radius: 0; max-width: 100%;  }
.main-image-slider .swiper-pagination  {  bottom: 12px;  }
.main-image-slider .swiper-pagination-bullet  {  background: #fff; opacity: 0.5; width: 6px; height: 6px;  }
.main-image-slider .swiper-pagination-bullet-active  {  opacity: 1; background: #fff;  }
.main-image-slider .swiper-pagination-fraction  {  color: #fff; font-size: 13px; font-weight: 600; background-color: #00000090; display: flex; flex-direction: row; align-items: center; justify-content: center; width: fit-content; padding: 10px 20px; border-radius: 30px; gap: 5px; box-shadow: 5px 5px 10px #00000010; position: absolute; right: 0; transform: translateX(10px); }
.main-image-slider .swiper-pagination-fraction span  { font-size: 14px; letter-spacing: -0.75px; font-weight: 500;  }


/* 공동구매 제품 마감기한 */
.group-buy-deadline  {  display: flex; }
.group-buy-deadline .deadline-info  { width: 100%;height: 40px;border-radius: 5px;background-color: #ffffff;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.08);display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 16px;transition: all 0.3s; }
.group-buy-deadline .deadline-info .time-info  { display: flex;flex-direction: row;align-items: center;gap: 8px; }
.group-buy-deadline .deadline-info .time-info .alarm-icon  { min-width: 20px;height: 16px;background: url(../../images/main/alarm-icon.svg) 50% 50% / contain no-repeat;flex-shrink: 0; }
.group-buy-deadline .deadline-info .time-info .time-label  { font-size: 13px;color: #333;font-weight: 600;letter-spacing: -0.5px; }
.group-buy-deadline .deadline-info .time-info .time-value  { font-size: 13px;color: #ff3b30;font-weight: 600;letter-spacing: -0.5px; }
.group-buy-deadline .deadline-info .stock-info  { font-size: 12px;color: #333;font-weight: 500;letter-spacing: -0.5px;display: flex;flex-direction: row;align-items: center;position: relative;padding-left: 16px; }
.group-buy-deadline .deadline-info .stock-info::before  { content: "|";width: 1px;height: 14px;color: #dadada;margin-right: 16px;font-weight: 300;font-size: 12px;line-height: 14px; }

/* 구독/렌탈 상품 전용 레이아웃 */
.product-feature-keywords { margin:12px 0 0;font-size:14px;color:#666;letter-spacing:-0.5px }
.product-feature-keywords.mobile { display:none;padding:0 0 12px }
.product-subtitle { margin:4px 0 0;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.5px }
.subscription-detail-layout { display:flex;flex-direction:column;gap:24px;width:100% }

/* 가전구독 제품 스펙은 .delivery-policy .policy-info 구조로 배송/정책 정보와 동일 스타일 사용 */

.subscription-options-block  { display:flex;flex-direction:column;gap:20px }
.subscription-options-block .option-group  { display:flex;flex-direction:column;gap:10px }
.subscription-options-block .option-label  { font-size:14px;color:#333;font-weight:600;letter-spacing:-0.5px }
.subscription-options-block .option-buttons { display:flex;flex-wrap:wrap;gap:8px }
.subscription-options-block .option-btn { padding:10px 16px;font-size:14px;color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background 0.2s,border-color 0.2s,color 0.2s }
.subscription-options-block .option-btn:hover { background:#eee;color:#333 }
.subscription-options-block .option-btn.active { background:#e8f5ee;border-color:#23b16c;color:#23b16c;font-weight:600 }
.subscription-price-block { display:flex;flex-direction:column;gap:14px }
.subscription-price-block .price-rows { display:flex;flex-direction:column;gap:8px }
.subscription-price-block .price-row-item { display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:-0.5px }
.subscription-price-block .price-row-item .price-label { color:#666;font-weight:500 }
.subscription-price-block .price-row-item .price-value { color:#333;font-weight:600 }
.subscription-price-block .card-select-wrap { width:100% }
.subscription-price-block .card-select { width:100%;padding:12px 14px;font-size:14px;color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;appearance:auto;cursor:pointer }
.subscription-price-block .discount-rows { display:flex;flex-direction:column;gap:6px }
.subscription-price-block .discount-row { display:flex;justify-content:space-between;font-size:14px;color:#23b16c }
.subscription-price-block .discount-row .discount-value { font-weight:600 }
.subscription-price-block .discount-tiers { padding:14px 0 0;border-top:1px solid #eee;display:flex;flex-direction:column;gap:6px }
.subscription-price-block .discount-tiers .tier-item { font-size:13px;color:#666;letter-spacing:-0.5px }
.subscription-price-block .discount-tiers .tier-inquiry { margin:8px 0 0;font-size:13px;color:#333;font-weight:600 }
.subscription-terms-block { padding:16px;background:#f9f9f9;border:1px solid #eee;border-radius:10px }
.subscription-terms-block .terms-total { display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:12px;font-size:15px;letter-spacing:-0.5px }
.subscription-terms-block .terms-label { font-weight:600;color:#333 }
.subscription-terms-block .terms-value { font-weight:700;color:#23b16c }
.subscription-terms-block .terms-note { font-size:13px;color:#666;font-weight:400 }
.subscription-terms-block .terms-list { margin:0;padding-left:18px;font-size:13px;color:#666;line-height:1.6;letter-spacing:-0.5px }
.subscription-terms-block .terms-list li { margin-bottom:4px }

@media only screen and (max-width: 720px)  { 
  .product-feature-keywords.mobile  {  display: block; }
  .product-feature-keywords:not(.mobile)  {  display: none; }
  .subscription-options-block .option-btn  {  padding: 8px 12px; font-size: 13px; }
 }

/* 판매자 정보 */
.seller-info { display:flex;align-items:center;gap:10px }
.seller-info .seller-name { font-size:14px;color:#888;font-weight:400;line-height:1;letter-spacing:-0.75px }
.product-title-wrap { width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px }
.product-title { font-size:22px;font-weight:500;color:#333;line-height:1.4 }
.product-title .titl{font-size:22px;font-weight:500;color:#333;line-height:1.4; letter-spacing: -0.75px; }
.product-title .sub-titl {font-size: 16px; font-weight: 500 ; color: #888;line-height: 1.4;letter-spacing: -0.75px;} 
.share-buttons-wrap { position:relative }
.share-buttons-wrap .share-button { min-width:24px;max-width:24px;height:24px }
.share-buttons-wrap .share-button .icon-share { width:100%;height:100%;background:url(../../images/icon/sharing_icon.svg) 50% 50% no-repeat;background-size:contain }
.share-buttons-popup { position:absolute;display:none;padding:10px;background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-radius:10px;flex-direction:row;align-items:center;gap:10px;right:0;top:100%;transition:all 0.3s }
.share-buttons-popup.active { display:flex }
.share-buttons-popup .share-btn { width:65px;display:flex;flex-direction:column;align-items:center;gap:10px }
.share-buttons-popup .share-btn .ico { width:40px;height:40px;background-size:contain }
.share-buttons-popup .share-btn span { color:#555;letter-spacing:-0.75px;line-height:1;font-size:14px }
.share-buttons-popup .share-btn .ico.message { background:url(../../images/icon/sms-icon.svg) 50% 50% no-repeat }
.share-buttons-popup .share-btn .ico.kakaotalk { background:url(../../images/icon/kakao-icon.svg) 50% 50% no-repeat }
.share-buttons-popup .share-btn .ico.twitter { background:url(../../images/icon/twitter-icon.svg) 50% 50% no-repeat }
.share-buttons-popup .share-btn .ico.facebook { background:url(../../images/icon/facebook-icon.svg) 50% 50% no-repeat }
.share-buttons-popup .share-btn .ico.link { background:url(../../images/icon/url-icon.svg) 50% 50% no-repeat }
.rating-section { display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px }
.rating-score-wrap { display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px }
.rating-section .stars { display:flex;gap:2px }
.rating-section .stars i { color:#23b16c;font-size:16px }
.rating-section .rating-score-wrap .rating-score,.rating-section .review-count { color:#333;font-size:13px;font-weight:600;letter-spacing:-0.75px;line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px }
.rating-section .rating-score-wrap+.review-count::before { content:"";display:block;width:1px;height:13px;background-color:#b5b5b6 }
.price-row { display:flex;align-items:center;gap:15px }
.current-price { font-size:28px;font-weight:700;color:#333 }
.original-price { font-size:18px;color:#999;text-decoration:line-through }
.discount-badge { background:#000000;color:#fff;font-size:14px;font-weight:600;padding:4px 8px;border-radius:4px }
.group-buy-price-section { width:100%;margin-top:10px }
.group-buy-price-section .price-info { display: flex;flex-direction: row-reverse; gap: 8px; justify-content: flex-end; align-items: flex-end; }
.group-buy-price-section .price-row { display:flex;align-items:center;margin:0 }
.group-buy-price-section .original-price { font-size:18px;color:#9ca3af;text-decoration:line-through }
.group-buy-price-section .price-info .current-price { display:flex;align-items:baseline;gap:8px }
.group-buy-price-section .price-info .current-price p { font-size:20px;color:#000;font-weight:600;letter-spacing:-0.75px;line-height:1 }
.group-buy-price-section .price-info .current-price b { font-size:28px;color:#000;font-weight:800;line-height:1 }


.info-wrap { width:100%;display:flex;flex-direction:column;gap:15px }

.delivery-policy { width:100%;display:flex;flex-direction:column;border-top:1px solid #eee;border-bottom:1px solid #eee }
.delivery-info { width:100%;display:flex;flex-direction:column;border-bottom:1px solid #eee }
.delivery-info .delivery-item { display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:15px 0;gap:10px }
.delivery-info .delivery-item .label { color:#888;min-width:150px;font-size:14px;font-weight:400;letter-spacing:-0.75px;line-height:1 }
.delivery-method { width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px }
.delivery-method .value { font-size:14px;font-weight:400;letter-spacing:-0.75px;line-height:1;color:#555 }
.policy-info { width:100%;display:flex;flex-direction:column }
.policy-info .policy-item { display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:15px 0;gap:10px;border-bottom:1px solid #eee }
.policy-info .policy-item:last-child { border-bottom:none }
.policy-info .policy-item .label { color:#888;min-width:150px;font-size:14px;font-weight:400;letter-spacing:-0.75px;line-height:1 }
.policy-info .policy-item .value { font-size:14px;font-weight:400;letter-spacing:-0.75px;line-height:1;color:#555 }
.item-rental-page .product-detail-left { min-width:0;max-width:100% }
.item-rental-page .product-detail-left .product-image-section { max-width:100%;min-width:0 }
.item-rental-page .product-detail-left .main-image { width:100%;height:560px;max-height:560px;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#f5f5f5 }
.item-rental-page .product-detail-left .main-image img { width:100%;height:100%;object-fit:cover;display:block }

/* 260324 쿠폰 할인 및 최대혜택가 */
.price-section-wrap{width: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.price-section-wrap .best-price-section{width: 100%; display: flex;flex-direction: column;align-items: flex-start; }
.price-section-wrap .best-price-toggle{display: flex;flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.price-section-wrap .best-price-toggle {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.price-section-wrap .best-price-toggle .row{display: flex; flex-direction: row; justify-content: flex-start; align-items: center}
.price-section-wrap .best-price-toggle .best-price-amount{font-size: 24px; font-weight: 700; color: #FF3B30;}
.price-section-wrap .best-price-toggle .best-price-label{display: flex; flex-direction: row; justify-content: flex-start; align-items: center;gap: 2px;}
.price-section-wrap .best-price-toggle .best-price-label span{font-size: 13px; letter-spacing: -0.75px;color: #FF3B30;font-weight: 700;}
.price-section-wrap .best-price-toggle .best-price-label .best-price-icon{width: 18px; height: 18px; background: url(../../images/icon/info-circle-icon.svg) 50% 50% no-repeat;opacity: 0.5;}
.price-section-wrap .best-price-toggle .best-price-arrow{width: 18px; height: 18px; background: url(../../images/icon/red-arrow-icon.svg) 50% 50% no-repeat; transition: all 0.3s;}
/* 펼쳐진 상태 화살표 회전 */
.best-price-toggle.is-open .best-price-arrow {transform: rotate(180deg);}
.best-price-detail{width: 100%; display: flex; border: 1px solid #eee; border-radius: 10px; display: none; transition: all 0.3s;}
.best-price-detail.is-open { display: block;}
.best-price-detail .best-price-list{width: 100%; display: flex;flex-direction: column;padding: 20px; gap: 20px;}
.best-price-detail .best-price-list .best-price-item{width: 100%; display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.best-price-detail .best-price-list .best-price-item .item-label span{font-size: 14px; letter-spacing: -0.75px;color: #333;}
.best-price-detail .best-price-list .best-price-item .item-value{font-size: 14px; letter-spacing: -0.75px;color: #333;}
.best-price-detail .best-price-list .best-price-item.total{padding-top: 20px; border-top: 1px solid #eee;}
.best-price-detail .best-price-list .best-price-item.total .item-label span{color: #FF3B30; font-weight: 700;}
.best-price-detail .best-price-list .best-price-item.total .item-value{color: #FF3B30; font-weight: 700;}
.best-price-detail .best-price-desc-item{padding: 16px; border-radius: 10px; background-color: #f5f5f5;}
.best-price-detail .best-price-desc-item .coupon-desc{font-size: 14px; letter-spacing: -0.75px; line-height: 1.6; color: #555;}

/* 기부적립금 혜택 영역: market-pick-pc.php 의 donation-benefit 스타일과 동일하게 적용 */
.donation-benefit{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 0;}
.donation-benefit .best-price-toggle{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 20px; border-radius: 12px; background-color: #1A8A54;}
.donation-benefit .best-price-toggle.is-open{border-radius: 12px 12px 0 0;}
.donation-benefit .best-price-detail{border: 1px solid #DEEDE6;border-radius: 0 0 12px 12px;}
.donation-benefit .best-price-toggle .best-price-amount {color: #fff;font-size: 1rem;letter-spacing: -0.75px;display: flex; flex-direction: row;  justify-content: flex-start;  align-items: center;  gap: 3px;}
.donation-benefit .best-price-toggle .best-price-amount b{display: flex; flex-direction: row;  align-items: center;  justify-content: center;  padding: 3px 10px; background-color: #fffffff2; border-radius: 50px; font-size: 0.875rem;color: #1A8A54;}
.donation-benefit .best-price-detail .best-price-list{padding: 0; gap: 0;}
.donation-benefit .best-price-item { display: flex; align-items: center; gap: 0; padding: 10px 20px;}
.donation-benefit .best-price-item .item-label {display: flex; align-items: center; flex: 1; min-width: 0;}
.donation-benefit .best-price-item .item-label::after { content: ''; flex: 1; margin: 0 10px; border-bottom: 1px dotted #d9d9d9;}
.donation-benefit .best-price-toggle .row{display: flex; flex-direction: row; align-items: center; gap: 3px; border: 1px solid #F1FAF730; padding: 6px 10px; border-radius: 50px; background-color: #F1FAF720;}
.donation-benefit .best-price-toggle .best-price-label span{font-size: 12px; color: #fff;font-weight: 400;}
.donation-benefit .best-price-toggle .best-price-label .best-price-icon{display: none;}
.donation-benefit .best-price-detail .best-price-desc-item{padding: 0 20px;  height: 45px;  display: flex; flex-direction: row; align-items: center;  justify-content: flex-start; border-radius: 0;  border-top: 1px solid #DEEDE6;  background-color: #F8FDF9;  gap: 3px;}
.donation-benefit .best-price-detail .best-price-desc-item i{font-size: 14px; color: #1A8A54;font-weight: 600;}
.donation-benefit .best-price-detail .best-price-desc-item .coupon-desc{color: #888;}
.donation-benefit .best-price-detail .best-price-desc-item .coupon-desc b{color:#1A8A54;}
.donation-benefit .best-price-toggle .best-price-arrow{filter: brightness(10);}



@media only screen and (max-width: 1040px)  {
  .item-rental-page .product-detail-left .main-image  {  height: 300px; max-height: 300px;}
 }
@media only screen and (max-width: 720px)  { 
  .item-rental-page .product-detail-left .main-image  {  height: 100%; max-height: none; min-height: 280px; border-radius: 0;}
 }

/* 가전구독 상세: 왼쪽 컬럼 래퍼 (이미지 + 구독정보박스) */
.product-detail-left  {  display: flex;flex-direction: column;gap: 20px;}

/* 가전구독: 구독정보 영역은 product-info-section 아래, 상세정보 탭 선택 시에만 표시 */
.rental-subscription-info-wrap { display: none; }
.rental-subscription-info-wrap.detail-tab-active { display: block; }

/* 가전구독 상세: 이미지 아래 구독 정보 박스 */
.rental-subscription-info-box { padding: 20px; background: #fafafa;  border-radius: 6px; font-size: 14px; line-height: 1.6; }
.rental-subscription-info-box .rental-subs-total-fee { color: #333; font-size: 14px;letter-spacing: -0.75px; line-height: 1.4; }
.rental-subscription-info-box .rental-subs-total-fee-note { color: #333; font-size: 14px;letter-spacing: -0.75px; line-height: 1.4;}
.rental-subscription-info-box .rental-subs-benefits{ color: #333; font-size: 14px;letter-spacing: -0.75px; line-height: 1.4;}
.rental-subscription-info-box .rental-subs-legal { color: #333; font-size: 14px; padding-top: 20px; letter-spacing: -0.75px; line-height: 1.4;}

/* 가전구독 상세: 관리방식 / 의무사용기간 버튼 그룹 */
.rental-product-detail { width: 100%;display: flex;flex-direction: column; gap: 40px; }
.rental-option-wrap { width: 100%;display: flex;flex-direction: column; gap: 20px;padding-top: 20px; }
.rental-option-wrap .rental-option-group { width: 100%;display: flex;flex-direction: row; gap: 10px; align-items: center;justify-content: space-between}
.rental-product-col{width: 100%;display: flex;flex-direction: column; gap: 15px;}
.rental-option-group .rental-option-title { font-size: 14px; font-weight: 500; color: #888; }
.rental-option-buttons { max-width: 330px; width: 100%; display: flex; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.rental-option-buttons .rental-option-btn { flex: 1; padding: 10px 16px; background: #fff; font-size: 14px; color: #333; cursor: pointer; border-radius: 0; height: 35px; transition: all 0.2s; }
.rental-option-buttons .rental-option-btn + .rental-option-btn { border-left: 1px solid #eee; }
.rental-option-buttons .rental-option-btn:hover { background: #23b16c; border-color: #23b16c; color: #fff; }
.rental-option-buttons .rental-option-btn.active { border-color: #23b16c; background: #23b16c; color: #fff; font-weight: 600; }

/* 가전구독 상세: 기본가격 / 결합요금 */
.rental-price-row {display: flex; flex-direction: column; gap: 15px; padding: 15px 0; border-top: 1px solid #333;}
.rental-price-item {width: 100%;display: flex;  flex-direction: row; gap: 4px;  justify-content: space-between; align-items: center; }
.rental-price-item .rental-price-label { font-size: 16px; letter-spacing: -0.75px; font-weight: 500; color: #666; }
.rental-price-item .rental-price-value { font-size: 30px; font-weight: 700; color: #333; }

/* 가전구독 상세: 상품 선택 드롭다운 */
.rental-product-select-wrap .rental-option-title  {  display: block; }
.rental-product-select  {  width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; background: #fff;}

.rental-discount-row{width: 100%;display: flex; flex-direction: column; gap: 15px;}
.rental-discount-item{display: flex; flex-direction: row;  justify-content: space-between; align-items: center;}
.rental-discount-item .label { font-size: 16px; letter-spacing: -0.75px; font-weight: 500; color: #666; }
.rental-discount-item .value-wrap span { font-size: 30px; font-weight: 700; color: #23B16C; }

/* 가전구독 상세: 할인금액 정보 박스 */
.rental-discount-info-box {padding:16px;background:#fafafa;;border-radius:6px;font-size:14px }
.rental-discount-info-box .rental-discount-row {display:flex;justify-content:space-between;align-items:center }
.rental-discount-info-box .rental-discount-row .value.discount { color:#23b16c;font-weight:600 }
.rental-discount-info-box .rental-discount-tiers { list-style:none;padding:0 }
.rental-discount-info-box .rental-discount-tiers li { display:flex;justify-content: flex-start;gap: 6px; font-size:14px;color:#555;line-height: 1.4;letter-spacing: -0.75px; }
.rental-discount-info-box .rental-discount-tiers li .discount::before{content: ':';}
.rental-discount-info-box .rental-discount-tiers li .discount {display:flex;justify-content: flex-start;gap: 6px;}
.rental-discount-info-box .rental-discount-tiers li.max-amount {font-weight: bold; color: #FF383C;}
.rental-discount-info-box .rental-discount-inquiry {font-size:14px;color:#666;line-height: 1.4; }

/* 가전구독 상세: 제품 추가 정보 (모델명, 색상, 제품 크기 등) */
.rental-product-spec  { border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.rental-product-spec .rental-spec-list { list-style: none;; padding: 0; display: flex; flex-direction: column; }
.rental-product-spec .rental-spec-item { display: flex; align-items: center; padding: 12px 0; gap: 12px; font-size: 14px; letter-spacing: -0.5px; }
.rental-product-spec .rental-spec-item + .rental-spec-item{border-top: 1px solid #eee;}
.rental-product-spec .spec-title { color: #888; min-width: 80px; }
.rental-product-spec .spec-value { color: #333; font-weight: 500; }

/* 일반제품 */
.product-options-section { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.selected-products { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.selected-products .selected-item { display: flex; flex-direction: column; gap: 10px; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; }
.main-product-section { width: 100%; }
.dropdown { width: 100%; padding: 12px 16px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; background: #fff; cursor: pointer; }
.product-options-section + .order-section::before { content: ""; width: 100%; height: 1px; background-color: #eee; display: block; }

/* 옵션 선택 */
.options-title { font-size:16px;font-weight:600;color:#333 }
.options-list { border:1px solid #e5e7eb;border-radius:8px;overflow:hidden }
.option-item { display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f3f4f6;transition:background-color 0.2s}
.option-item:last-child { border-bottom:none }
.option-item:hover { background-color:#f9fafb }
.option-info { flex:1 }
.option-name { font-size:14px;font-weight:500;color:#333;display:block }
.option-price-info { display:flex;align-items:center;gap:8px }
.option-price { font-size:16px;font-weight:600;color:#e74c3c }
.original-price { font-size:14px;color:#999;text-decoration:line-through }
.option-actions { display:flex;align-items:center;gap:15px }
.qty-btn { background:#f8f9fa;border:1px solid #d1d5db;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all 0.2s }
.qty-btn:hover:not(:disabled) { background:#e9ecef;border-color:#9ca3af }
.qty-btn:disabled { opacity:0.5;cursor:not-allowed }
.qty-value { font-size:16px;font-weight:600;color:#333;min-width:30px;text-align:center }

/* 선택된 옵션들 */
.selected-options{background:#f8f9fa;border-radius:8px;padding:15px}
.selected-option-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}
.selected-option-info{flex:1}
.selected-option-name{font-size:14px;font-weight:500;color:#333}
.selected-option-price{font-size:16px;font-weight:600;color:#e74c3c}
.selected-option-actions{display:flex;align-items:center;gap:15px}
.remove-option-btn{background:0 0;border:none;color:#999;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}
.remove-option-btn:hover{background:#f3f4f6;color:#e74c3c}

/* 단순 수량 선택 (옵션이 없는 경우) */
.quantity-title  {  font-size: 14px; font-weight: 600; color: #333;}
.quantity-selector  {  display: flex;justify-content: space-between; align-items: center; background: #f8f9fa; border-radius: 8px; padding: 20px;}
.quantity-price  {  text-align: right;}
.total-price  { font-size: 20px; font-weight: 700; color: #e74c3c;}

/* 정기구독 옵션 선택 */
.subscription-options-section{width:100%;display:flex;flex-direction:column;gap:20px}
.subscription-options-section .section{width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.subscription-options-section .delivery{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.subscription-options-section .section-title{font-size:16px;font-weight:600;color:#333;display:block}
.delivery-cycle{width:100%;display:flex;flex-direction:row;gap:10px}
.delivery-cycle .cycle-radio{width:100%;height:35px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid #eee;background:#fff;border-radius:4px;cursor:pointer;transition:all 0.2s;}
.delivery-cycle .cycle-radio span{color:#b5b5b6;letter-spacing:-0.75px;font-size: 14px;}
.delivery-cycle .cycle-radio:has(input[type="radio"]:checked){background-color:#23b16c;}
.delivery-cycle .cycle-radio:has(input[type="radio"]:checked) span{color: #fff}
.subscription-options-section .dropdown{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer; color: #666666;}
.subscription-options-section .dropdown option{font-size:14px;letter-spacing: -.75px; line-height: 1; color: #666;}
.selected-item{display:flex;flex-direction:column;gap:10px;border:1px solid #e0e0e0;border-radius:8px;padding:15px}
.selected-item .quantity-controls{min-width:84px;max-width:fit-content;gap:0}
.selected-item .quantity-controls .quantity-input{width:100%;text-align:center; font-size: 14px;}
.selected-item-info-wrap{display:flex;justify-content:space-between;align-items:center; gap: 10px;}
.selected-item-name{font-size:14px;font-weight:500;color:#333;flex:1; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis;word-break: break-word;}
.remove-btn{width:24px;height:24px;border:none;background:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}
.subscription-options-section .line-subtotal{font-size:14px;font-weight:600;color:#333;min-width:80px;text-align:right}

/* 요일/수량 선택 */
.form-cont{width:100%;display:flex;flex-direction:column;gap:10px}
.form-cont .weekcount{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}
.form-cont .weekcount dl{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;cursor:pointer;transition:all 0.3s;border-radius:6px}
.form-cont .weekcount dd{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:35px;border:1px solid #eee;border-radius:4px;color:#888;font-size: 14px;}
.weekcount dl.active dd,
.weekcount dl.has-value dd{background-color:#23b16c;color:#fff;font-weight:600}
.weekcount dt{font-size:14px;letter-spacing:-0.75px;line-height:1;font-weight:500;color:#888}
.weekcount dl.active dt{color:#23b16c;font-weight:600}

/* MEMO 26.01.28 수량 설정 버튼 상시 표시 제거 */
.quantity-control{display:none}
.form-cont .quantity-control{width:100%}
.form-cont .quantity-control .b-numberinput{width:100%;height:35px;display:flex;flex-direction:row;align-items:center}
.form-cont .quantity-control .b-numberinput .qty-btn{min-width:35px;max-width:35px;height:35px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid #eee;background-color:#fff}
.form-cont .quantity-control .b-numberinput .qty-btn .icon i{color:#333}
.form-cont .quantity-control .b-numberinput .qty-btn.minus{border-right:none}
.form-cont .quantity-control .b-numberinput .qty-btn.plus{border-left:none}
.form-cont .quantity-control .b-numberinput .control{width:100%}
.form-cont .quantity-control .b-numberinput .control input{width:100%;height:35px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;border-radius:0;border-color:#eee;font-weight:700; font-size: 14px;}
.date-selector{width:100%}
.date-description{font-size:13px;letter-spacing:-0.75px;color:#888}


/* 주문금액 */
.order-section  {  width: 100%;}
.order-section .item-web-shipping { margin: 0 0 8px; padding: 12px 0 4px; }
.order-section .item-web-shipping .free-shipping-text { font-size: 13px; font-weight: 400; color: #666; letter-spacing: -0.75px; line-height: 1.4; margin: 0 0 8px; }
.order-section .item-web-shipping .free-shipping-text strong { font-weight: 600; color: inherit; }
.order-section .item-web-shipping .free-shipping-text .free-shipping-em { font-weight: 600; color: #23b16c; }
.order-section .item-web-shipping .free-shipping-chart { width: 100%; height: 8px; border-radius: 999px; background-color: #d9d9d9; overflow: hidden; }
.order-section .item-web-shipping .free-shipping-chart span { display: block; height: 100%; border-radius: 999px; background-color: #23b16c; transition: width 0.45s ease; }
.order-section .order-amount  {  width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 0;}
.order-section .order-amount .label  {  font-size: 14px; letter-spacing: -0.75px; line-height: 1; color: #666; font-weight: 500;letter-spacing: -0.75px;}
.order-section .order-amount .amount  {  font-size: 14px; font-weight: 500;color: #666; line-height: 1;letter-spacing: -0.75px;}
.order-section .order-total{margin-top: 10px; border-top: 1px solid #d9d9d9;}
.order-section .order-total .label  {  font-size: 24px; letter-spacing: -0.75px; line-height: 1; color: #333; font-weight: 700;}
.order-section .order-total .amount  {  font-size: 24px; font-weight: 700;color: #000; line-height: 1;letter-spacing: -0.75px;}

/* 액션 버튼들 */
.action-buttons  {  display: flex; gap: 10px;}
.action-buttons .action-btn  {  width: 100%; height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: none; border-radius: 8px; font-size: 16px; letter-spacing: -0.75px; line-height: 1; font-weight: 600; cursor: pointer; transition: all 0.2s;}
.action-buttons .line-btn  {  min-width: 50px; max-width: 50px; height: 50px; background-color: #fff; border: 1px solid #dadada;}
.action-buttons .line-btn i  {  width: 24px; height: 24px; }
.action-buttons .line-btn .heart  {  background: url(../../images/icon/heart_off_icon.svg) 50% 50% no-repeat; background-size: contain;}
.action-buttons .line-btn.wishlist.active .heart  {  background: url(../../images/icon/heart_on_icon.svg) 50% 50% no-repeat; background-size: contain;}
.action-buttons .line-btn .cart  { background: url(../../images/icon/cart_line_icon.svg) 50% 50% no-repeat; background-size: contain;}
.action-buttons .action-btn.subscription,
.action-buttons .action-btn.buy-now  {  background-color: #23b16c;  color: #fff; }
/* 빠른배송 체크버튼 (주석처리)
.check-btn.fast-delivery { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; background-color: #fff; color: #555; border: 1.5px solid #dadada; border-radius: 6px; cursor: pointer; transition: all 0.2s; }
.check-btn.fast-delivery .check-icon { display: inline-flex; width: 16px; height: 16px; min-width: 16px; border: 1.5px solid #aaa; border-radius: 3px; background: #fff; transition: all 0.2s; }
.check-btn.fast-delivery.is-checked { background-color: #f0faf5; color: #23b16c; border-color: #23b16c; }
.check-btn.fast-delivery.is-checked .check-icon { border-color: #23b16c; background: #23b16c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat; }
.fast-delivery-check-wrap { margin-bottom: 8px; display: flex !important; justify-content: flex-end; }
.fast-delivery-check-wrap .check-btn.fast-delivery { padding: 6px 12px; font-size: 13px; font-weight: 500; }
.bottom-sheet-footer .fast-delivery-check-wrap { margin-bottom: 4px; }
.bottom-sheet-footer .fast-delivery-check-wrap .check-btn.fast-delivery { padding: 6px 12px; font-size: 13px; font-weight: 500; }
*/

/* 공동구매 버튼 스타일 */
.action-buttons .action-btn.group-buy-btn,
.mobile-action-bar .action-btn.group-buy-btn,
.add-to-cart-btn.group-buy-btn  {  background-color: #23b16c; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 12px 20px;}
.group-buy-btn-content  {  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%;}
.group-buy-btn-text  { font-size: 16px; font-weight: 600;letter-spacing: -0.75px;line-height: 1; color: #fff;}
.group-buy-timer  {  display: flex; align-items: center; justify-content: center;}
.group-buy-timer .timer-value,
.group-buy-timer .time-value {  font-size: 14px; font-weight: 600; letter-spacing: -0.5px; color: #fff; font-variant-numeric: tabular-nums;}

/* 주문 요약 */
.order-summary  {  background: #f8f9fa; border-radius: 8px; padding: 20px;}
.summary-title  {  font-size: 16px; font-weight: 600; color: #333 }
.summary-item  {  display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.summary-item:last-child  {  padding-top: 10px; border-top: 1px solid #dee2e6; font-weight: 600; font-size: 16px;}
.summary-label  {  color: #666;}
.summary-value  {  color: #333;}

/* 탭 네비게이션 */
.tab-navigation  {  overflow: hidden; display: flex; flex-direction: row; height: 50px; width: 100%;}
.tab-buttons  {  display: flex;}
.tab-btn  {  flex: 1; width: 100%; height: 100%; font-size: 16px; font-weight: 500; color: #333; cursor: pointer; transition: all 0.2s; border-bottom: 1px solid #eee; border-radius: 0; background: none }
.tab-btn.active  {  color: #23b16c; border-color: #23b16c; border-width: 2px;}

/* 웹에서는 웹용 탭 표시, 모바일에서는 숨김 */
.tab-navigation.web-only  {  display: flex;}
/* 스크롤 시 해당 탭 위치에서 상단 고정 (상품상세 공통: item, item-preview, item-rental) */
.product-detail-tabs .tab-navigation.web-only  {  position: sticky; top: var(--scroll-header-height, 0); z-index: 60; background: #fff; }
/* 상단 고정 감지용 센티넬 (보이지 않음, 레이아웃만 사용) */
.item-rental-page .tab-sticky-sentinel  {  height: 1px; margin: 0; padding: 0; pointer-events: none; }
/* 탭 클릭 스크롤 시 스크롤헤더·탭 아래에 보이도록 여백 */
.item-rental-page .tab-scroll-section  {  scroll-margin-top: calc(var(--scroll-header-height, 0));padding-bottom: 40px; }
/* 가전구독 상세: 위 공통 sticky 유지 + 센티넬 여백 보정 */
.item-rental-page .tab-navigation.web-only  {  margin-top: -1px; }
/* 사용후기 탭일 때: sticky 컨테이너를 벗어나므로 fixed로 상단 고정 유지, wraper와 동일한 너비 */
.item-rental-page .tab-navigation.web-only.reviews-tab-active  {  position: fixed; left: 0; right: 0; top: var(--scroll-header-height, 0); width: 100%; max-width: 1050px; margin-left: auto; margin-right: auto; }

.item-rental-page .reviews-panel .review-section{padding-top: 50px;}

/* 웹에서는 모바일 전용 요소들 숨김 */
.mobile-only  {  display: none; }

@media only screen and (max-width: 720px)  { 
  .tab-navigation.web-only  {   display: none; }
 }

/* 탭 컨텐츠 */
.tab-content  {  background: #fff; padding-top: 50px;}
.tab-panel  {  display: none;}
.tab-panel.active  {  display: flex; flex-direction: column; gap: 50px;padding-bottom: 50px;}
/* 가전구독: 사용후기 패널은 탭 클릭 시에만 표시 (hidden 제어) */
.item-rental-page .reviews-panel[hidden]  {  display: none !important;}
.item-rental-page .reviews-panel:not([hidden])  {  display: block;}
/* 사용후기 탭 클릭 시 스크롤 시 탭·헤더 아래에 보이도록 */
.item-rental-page .reviews-panel  {  scroll-margin-top: calc(var(--scroll-header-height, 0) + 50px ); }

/* 상세 이미지 */
.tab-content .detail-images  {   display: flex; flex-direction: column; padding-bottom: 60px;  margin-bottom: 30px;}
.detail-wrap  {  height: 1000px; overflow: hidden; position: relative; padding-bottom: 20px;}
.detail-wrap::before  {  position: absolute;right: 0; bottom: 0; left: 0; z-index: 30; height: 400px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 5%, rgb(255 255 255) ); content: ""; }
.detail-wrap.show { height: auto; overflow: visible; }
.detail-wrap.show::before { display: none; }
.tab-content .detail-images .detail-image { width: 100%; overflow: hidden; }
.tab-content .detail-images .detail-image div{width: 100% !important;}
.tab-content .detail-images .detail-image img { width: 100%; height: 100%; display: block; object-fit: contain; }

.item-rental-page .detail-wrap{height: auto; overflow: visible;}
.item-rental-page .detail-wrap::before{display: none;}

/* 가전구독 상세: 제휴카드 더미 (디자인 확인용) */
.rental-affiliate-dummy{width:100%;display:flex;flex-direction:column;gap:20px;padding-bottom:40px;}
.rental-affiliate-dummy .affiliate-dummy-title{font-size:20px;font-weight:600;color:#333;letter-spacing:-0.75px;margin:0;}
.rental-affiliate-dummy .affiliate-dummy-desc{font-size:14px;color:#666;margin:0;}
.affiliate-card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.affiliate-card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s;}
.affiliate-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);}
.affiliate-card-img{aspect-ratio:16/10;background:#f5f5f5;}
.affiliate-card-img img{width:100%;height:100%;object-fit:contain;}
.affiliate-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;}
.affiliate-card-name{font-size:16px;font-weight:600;color:#333;}
.affiliate-card-benefit{font-size:15px;color:#23b16c;font-weight:600;margin:0;}
.affiliate-card-period{font-size:13px;color:#888;}
@media (max-width:720px){
  .affiliate-card-list{grid-template-columns:1fr;}
}

.tab-scroll-section .detail-images{max-width: 860px; width: 100%; margin: 0 auto;display: flex; flex-direction: column; align-items: center;padding: 40px 0;}
.tab-scroll-section .detail-images .detail-image{width: 100%;display: flex;flex-direction: column;align-items: center;}
.tab-scroll-section .detail-images .detail-image div { width: 100% !important;}
.tab-scroll-section .detail-images .detail-image img { width: 100%; height: 100%; display: block; object-fit: contain; }

/* 상세정보 펼쳐보기 기능 */
.detail-images-extra { display: block; opacity: 1; transform: translateY(0); transition: all 0.3s ease; }
.detail-images-extra.active { opacity: 1; transform: translateY(0); }
.detail-toggle-section { position: absolute; right: 0; bottom: 30px; left: 0; z-index: 50; padding: 5px; border-radius: 6px 6px 0 0; }
.detail-toggle-btn { width: 100%; height: 60px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 20px; gap: 10px; background-color: #fff; border-radius: 6px; border: 1px solid #eee; box-shadow: 0px 12px 12px 0 rgb(0 0 0 / 16%); }

/* 상품고시정보 */
.product-detail-content{width:100%;display:flex;flex-direction:column;gap:60px;padding-bottom:60px}
.product-specs{width:100%;display:flex;flex-direction:column;gap:20px}
.product-specs h3{color:#333;font-size:20px;font-weight:600;line-height:1;letter-spacing:-0.75px}
.product-specs .specs-table{width:100%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee}
.product-specs .specs-table .spec-row{display:flex;flex-direction:row;align-items:center;height:60px;border-bottom:1px solid #eee}
.product-specs .specs-table .spec-row span{font-size:13px;line-height:1;letter-spacing:-0.75px;color:#333;flex-direction:row;display:flex;align-items:center;height:100%;padding:0 20px}
.product-specs .specs-table .spec-row .spec-label{max-width:200px;min-width:200px;background-color:#fafafa;word-break:keep-all;line-height:1.4}
.spec-value{width:100%}

/* 모바일 액션 바 */
.mobile-action-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #eee; padding: 15px 20px; display: none; z-index: 1000; }
.mobile-actions { display: flex; gap: 10px; align-items: center; }
.mobile-action-btn { flex: 1; padding: 15px; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.mobile-action-btn.cart { background: #28a745; color: #fff; }
.mobile-action-btn.subscription { background: #007bff; color: #fff; }
.mobile-quick-actions { display: flex; gap: 10px; }
.quick-action-btn { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px; font-size: 18px; color: #666; cursor: pointer; transition: all 0.2s; }
.quick-action-btn:hover { background: #e9ecef; }

/* 모바일 액션 바 wishlist 버튼 */
.mobile-action-bar { width: 100%; flex-direction: row; align-items: center; gap: 10px; display: none; }
.mobile-action-bar .action-btn { width: 100%; height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: none; border-radius: 8px; font-size: 16px; letter-spacing: -0.75px; line-height: 1; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.mobile-action-bar .action-btn.subscription { background-color: #23b16c; color: #fff; }
.mobile-action-bar .action-btn.wishlist { min-width: 50px; max-width: 50px; height: 50px; background-color: #fff; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; }
.mobile-action-bar .action-btn.wishlist i { width: 24px; height: 24px; background: url(../../images/icon/heart_off_icon.svg) 50% 50% no-repeat; background-size: contain; }
.mobile-action-bar .action-btn.wishlist.active i { background: url(../../images/icon/heart_on_icon.svg) 50% 50% no-repeat; background-size: contain; }
.mobile-action-bar .action-btn.cart { background-color: #fff; color: #23b16c; border: 1px solid #dadada; }

/* 모바일 액션바 숨김 처리 */
.mobile-action-bar.hidden-by-modal  { 
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
 }

/* 모바일 바텀시트 - 웹과 일관된 디자인 */
.option-label,
.total-label{font-weight:600;color:#333}
.mobile-bottom-sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:none;opacity:0;visibility:hidden;transition:0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.mobile-bottom-sheet.active{display:flex;opacity:1;visibility:visible}
.bottom-sheet-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(2px)}
.bottom-sheet-content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:85vh;height:100%;display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 -8px 32px rgba(0,0,0,0.12)}
.add-to-cart-btn,
.close-btn{cursor:pointer;transition:0.2s}.mobile-bottom-sheet.active .bottom-sheet-content{transform:translateY(0)}
.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 20px;border-bottom:1px solid #f0f0f0;position:relative}
.bottom-sheet-header::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#e0e0e0;border-radius:2px}
.bottom-sheet-header h3{font-size:18px;font-weight:600;color:#333;margin:0;letter-spacing:-0.5px}
.close-btn{background:0 0;border:none;font-size:20px;color:#666;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px}
.close-btn:hover{background:#f5f5f5;color:#333}
.close-btn i{font-size:18px}
.bottom-sheet-body{flex:1;padding:0;overflow-y:auto;scroll-behavior:smooth}
.option-selection{display:flex;flex-direction:column;gap:24px}
.option-group,
.quantity-group,
.total-price-group{display:flex;flex-direction:column;gap:10px}
.option-label{font-size:14px}
.option-select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}
/* 커스텀 드롭다운 */
.market-pick-custom-select{position:relative;width:100%}
.custom-select-trigger{width:100%;padding:12px 36px 12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer;text-align:left;display:block;color:#333;letter-spacing:-0.5px;transition:border-color .2s}
.custom-select-trigger.is-open{border-color:#23b16c;border-radius:8px 8px 0 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 7l5-5 5 5' stroke='%2323b16c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.custom-select-label{display:block;color:#999;font-size:14px}
.custom-select-trigger.is-open .custom-select-label{color:#333}
.custom-select-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #23b16c;border-top:none;border-radius:0 0 8px 8px;list-style:none;margin:0;padding:4px 0;z-index:200;max-height:280px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.custom-select-dropdown.is-open{display:block}
.custom-select-option{padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background .15s}
.custom-select-option:hover{background:#f5faf8}
.custom-select-option.is-soldout{opacity:.5;cursor:not-allowed;pointer-events:none}
.custom-option-name{font-size:14px;color:#333;letter-spacing:-0.5px;word-break:break-word;white-space:normal;line-height:1.4}
.custom-option-price{font-size:13px;font-weight:600;color:#23b16c;letter-spacing:-0.5px}
.quantity-controls{display:flex;align-items:center;gap:10px}
.total-price-group{flex-direction:row;justify-content:space-between;align-items:center}
.total-label{font-size:16px}.total-price{font-size:18px;font-weight:700;color:#23b16c}
.bottom-sheet-footer{display:flex;flex-direction:column;gap:20px;padding:20px;border-top:1px solid #eee;box-shadow: 0 -5px 10px #dddddd45;}
.add-to-cart-btn{width:100%;height:50px;background-color:#23b16c;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600}
.add-to-cart-btn:hover{background-color:#1e9b5a}
.bottom-sheet-content .subscription-options-section{gap:0}
.bottom-sheet-content .subscription-options-section .selected-products{padding: 0;}
.bottom-sheet-content .subscription-options-section .selected-products .selected-item{padding: 16px;}
.bottom-sheet-content .subscription-options-section .section-title.left{padding-left: 16px;  padding-top: 10px; font-size: 14px; letter-spacing: -0.75px;display: none;}
.bottom-sheet-content .subscription-options-section .dropdown{border-radius:0;border:0;border-bottom:1px solid #eee}
.bottom-sheet-content .selected-products{padding: 10px 16px 0; border-top: 4px solid #eee;}
.bottom-sheet-content .selected-products .selected-item{padding:15px 0;border-radius:0;border:0;border-bottom:1px solid #eee}
.bottom-sheet-content .subscription-options-section .delivery{border-top:0;padding:16px}
.bottom-sheet-content .subscription-options-section > .section{padding:16px}
.bottom-sheet-content .date-selector .dropdown{border-radius:8px;border:1px solid #eee}
.bottom-sheet-content .subscription-options-section .section{gap: 5px;}
.bottom-sheet-content .subscription-options-section .section .section-title{font-size: 14px;}
.bottom-sheet-footer .total-price-group.delivery-cost .total-label{font-size: 14px; color: #666; letter-spacing: -0.75px; font-weight: 500;}
.bottom-sheet-footer .total-price-group.delivery-cost .total-price{font-size: 14px; color: #666; letter-spacing: -0.75px; font-weight: 500;}

.bottom-sheet-footer .total-price-group.total-cost .total-label{font-size: 20px; color: #333; letter-spacing: -0.75px; font-weight: 700;}
.bottom-sheet-footer .total-price-group.total-cost .total-price{font-size: 20px; color: #333; letter-spacing: -0.75px; font-weight: 700;}
/* 바텀시트 내 선택된 상품 스타일 (웹과 동일) */
#mobileSelectedProducts{display:flex;flex-direction:column;gap:10px}
#mobileSelectedProducts .selected-item{display:flex;flex-direction:column;gap:10px;border:none;border-radius:0;border-bottom:1px solid #eee}
#mobileSelectedProducts .selected-item-info-wrap,
#mobileSelectedProducts .selected-item-total{display:flex;justify-content:space-between;align-items:center}
#mobileSelectedProducts .selected-item-name{font-size:14px;font-weight:500;color:#333;flex:1}
#mobileSelectedProducts .remove-btn{width:24px;height:24px;border:none;background:0 0;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s}
#mobileSelectedProducts .line-subtotal{font-size:14px;font-weight:600;color:#333;min-width:80px;justify-content:flex-end}


/* 가전구독모바일옵션변경 바텀시트  */
.rental-mobile-sheet .rental-options-section{padding: 20px;width: 100%;display: flex; flex-direction: column; gap: 20px;}
.rental-mobile-sheet .rental-options-section .section {width: 100%; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
.rental-mobile-sheet .rental-options-section .rental-option-buttons{max-width: 100%;}
.rental-mobile-sheet .rental-options-section .rental-price-row{border-top-color: #eee;}
.rental-mobile-sheet .rental-options-section .rental-product-select{border-radius: 8px; border: 1px solid #eee;}
.rental-mobile-sheet .rental-options-section .rental-discount-info-box{width: 100%;}


/* 가전구독 장바구니 담기 */
.bottom-sheet-footer.rental{display:flex;flex-direction:row;gap:10px;padding:20px;border-top:1px solid #eee}
.bottom-sheet-footer.rental .action-btn.cart { min-width: 50px; max-width: 50px; height: 50px; background-color: #fff; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; }
.bottom-sheet-footer.rental .action-btn.cart i{width: 24px; height: 24px; background: url(../../images/icon/cart_line_icon.svg) 50% 50% no-repeat; background-size: contain;}


/* 데스크톱에서는 바텀시트 숨김 (골라담기 pds-sheet--pick 제외 → product-bottom-sheet.css 768px에서 처리) */
@media only screen and (min-width: 721px)  { 
  .mobile-bottom-sheet:not(.pds-sheet--pick)  {  display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;}
 }

/* 옵션 변경 모달 */
.option-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:0.3s}
.option-modal.show{opacity:1;visibility:visible}
.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}
.modal-header{display:flex;justify-content:space-between;align-items:center}
.modal-title{font-size:20px;font-weight:700;color:#333}
.close-btn{background:0 0;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.close-btn:hover{color:#333}.option-list{display:flex;flex-direction:column;gap:10px}
.option-item{border:1px solid #dee2e6;border-radius:8px;padding:15px;cursor:pointer;transition:0.2s}
.option-item:hover{border-color:#007bff}
.option-item.selected{border-color:#007bff;background:#f8f9ff}
.option-name{font-size:16px;font-weight:600;color:#333}
.option-price{font-size:18px;font-weight:700;color:#e74c3c}
.original-price{font-size:14px;color:#999;text-decoration:line-through}



/* 모달 내부 wishlist 버튼 */
.modal-footer .action-btn.wishlist { min-width: 50px; max-width: 50px; height: 50px; background-color: #fff; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; }
.modal-footer .action-btn.wishlist i { width: 24px; height: 24px; background: url(../../images/icon/heart_off_icon.svg) 50% 50% / contain no-repeat; }
.modal-footer .action-btn.wishlist.active i { background: url(../../images/icon/check-on-red.svg) 50% 50% / contain no-repeat; }

/* 반응형 디자인 */
@media only screen and (max-width: 1080px){
  .product-container {gap: 0;}
}
@media only screen and (max-width: 1050px)  { 
  .product-detail-wrap  {  padding: 0 10px; }
  
 }

@media only screen and (max-width: 1040px)  { 
  /*.product-container  {  grid-template-columns: 1fr; gap: 20px;}*/
  /*.product-container  {  margin-bottom: 60px; }*/
  .product-container  {  grid-template-columns: 1fr; gap: 20px;}
  .product-container  {  margin-bottom: 60px; padding: 0 10px;}
  .market-pick-pc-page  .product-container{grid-template-columns: 1fr 1fr; gap: 40px;padding: 0;}
 }

@media only screen and (max-width: 720px)  { 
  .product-detail-wrap  {  padding-top: 104px; }
  .main-image  {  height: 100%; border-radius: 0; }
  .product-name  {  font-size: 20px; }
  .current-price  {  font-size: 24px; }
  .action-buttons  {  flex-direction: column; }
  .breadcrumb.web  {   display: none; }

  /* 가전구독: 구독정보 박스 웹 위치는 모바일에서 숨김(아래 mobile-only로 표시) */
  .item-rental-page .rental-subscription-info-box.web-only  {  display: none; }

  /* 모바일에서 product-container 내부 구조 조정 */
  .product-container  {  display: flex; flex-direction: column; margin-bottom: 0;  gap: 35px;}
  .product-info  {  margin: 0;}



  /* 모바일에서 탭 네비게이션 고정 제거 */
  .tab-navigation  {  position: static; background: #fff; border-bottom: 1px solid #eee; height: 50px; }

  /* 모바일에서 헤더의 탭 네비게이션 표시 */
  .mobile-header.product-detail-mode .tab-navigation  {   display: flex; }

  /* 상세페이지 전용 헤더 탭 스타일 - 기존 mobileHeader 스타일 활용 */
  .mobile-header.product-detail-mode  {   position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 1000; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
  .mobile-header.product-detail-mode .tab-navigation  {  position: static; background: #fff;  border-bottom: 1px solid #eee; height: 50px; box-shadow: none; display: flex; flex-direction: row; overflow: hidden; }
  .mobile-header.product-detail-mode .tab-btn  {  flex: 1; width: 100%;  height: 100%; font-size: 16px; font-weight: 500; color: #333;  cursor: pointer; transition: 0.2s;  border: none; border-bottom: 1px solid #eee; border-radius: 0;  background: 0 0; }
  .mobile-header.product-detail-mode .tab-btn.active  {   color: #23b16c; border-color: #23b16c;  border-width: 2px; }

  /* 웹에서는 기존 레이아웃 유지 */
  .info-wrap form  {   display: none;}
  .action-section  {  display: none;}

  /* 모바일에서만 표시 */
  .rental-subscription-info-box.mobile-only  {  display: block; margin: 20px 10px; }

  /* 모바일에서 product-container 내부 요소들 표시 */
  .product-info-section  {  width: 100%; padding: 0 10px 20px; gap: 20px; }
  .tab-content  {  border-radius: 0; padding-top: 0px;  margin-top: 0;}
  /* .product-detail-content  {  flex-direction: column-reverse;  }  */
  .product-specs  {  padding: 0 10px; }

  /* 옵션 선택 모바일 스타일 */
  .product-options-section  {   gap: 0; }
  .dropdown { border-radius: 0; border: 0; border-bottom: 1px solid #ddd; }
  .option-item { flex-direction: column; align-items: stretch; gap: 15px; padding: 15px; }
  .option-info { text-align: center; }
  .option-actions, .selected-option-actions { justify-content: center; }
  .quantity-selector, .selected-option-card { flex-direction: column; gap: 15px; text-align: center; }

  /* 정기구독 섹션 모바일 스타일 */
  .benefit-list,
  .product-specs .specs-table { grid-template-columns: 1fr; }
  .benefit-list { gap: 8px; }
  .cycle-options { flex-direction: column; gap: 8px; }
  .day-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .day-option { padding: 10px 6px; font-size: 13px; }
  .inquiry-summary,
  .quantity-selection { flex-direction: column; gap: 15px; text-align: center; }
  .selected-day-info { align-items: center; }
  .rating-breakdown { width: 100%; }
  .mobile-action-bar { display: flex; }
  .action-section { display: none; }
  /* 모바일에서 product-container 전체 표시 */
  .product-detail-main  {  padding: 0; }

  /* 모바일에서 탭 패널 스타일 */
  .tab-panel  {  padding: 20px 0; scroll-margin-top: 104px; }
  .tab-panel.active{padding-bottom: 100px;}
  .product-detail-tabs{border-top: 5px solid #eeeeee; }

  .item-rental-page .wraper{padding-bottom: 0;}
  .rental-subscription-info-wrap.detail-tab-active .wraper{padding-bottom: 0;}

  /* 공유버튼팝업 */
  .share-buttons-popup .share-btn  {  width: max-content; }
  .share-buttons-popup .share-btn .ico  {  width: 30px;height: 30px; background-size: contain !important;}
  .share-buttons-popup .share-btn span  {  font-size: 12px;}
   /* 가전구독 */
    .rental-product-detail.web-only{display: none;}

     
 }

body.modal-open  {  overflow: hidden; /* 추가적인 스타일들 */ }

/* 총합 가격 css */
.subs-summary-container  {  display: none; padding: 15px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px;}
.subs-summary-title  {  font-size: 15px; letter-spacing: -0.75px; font-weight: bold; color: #333; margin: 0 0 10px 0 !important; /* 테마의 여백 설정 무시 */ padding: 0 !important; border: none !important; /* 테마의 밑줄 설정 무시 */}
.subs-summary-content  {  display: grid; flex-wrap: wrap; gap: 0 15px; /* 가로 간격 */ font-size: 14px; color: #666;}
.subs-summary-content .subs-summary-row {display: flex; padding: 0 !important; border: none !important; flex-direction: row; justify-content: flex-start; align-items: center;  gap: 5px;  }
.subs-summary-content .subs-summary-row .label{font-size: 13px; letter-spacing: -0.75px; font-weight: 400 ; line-height: 1.4;color: #333;}
.subs-summary-content .subs-summary-row .value { color: var(--pds-primary); font-weight: 500; font-size: 13px;letter-spacing: -0.75px; }

/* 오늘 출발 스타일 */
.delivery-wrapper { display: flex !important; flex-direction: column !important; gap: 4px; align-items: flex-start; }
.highlight-date { color: #333; font-weight: bold; }
.highlight-status { color: #23b16c; font-weight: 800; }
.highlight-time { color: #333; font-weight: bold; }
.sub-text { font-size: 0.85rem; color: #666; display: inline-block; word-break: keep-all; }
.policy-info .policy-item .label-today {
  color: #23b16c;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.75px;
  line-height: 1;
  margin-right: 19px;

  /* 테두리 스타일 */
  border: 1px solid #23b16c;
  border-radius: 50px;
  padding: 5px 15px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 모바일 전용 스타일 */
@media (max-width: 768px)  {
  .subs-summary-content  {display: flex;   flex-direction: column;  gap: 2px;}
  .subs-summary-row  {  display: block; font-size: 13px; }
  .delivery-wrapper { flex-direction: row !important; align-items: center; gap: 8px; }
  .policy-info .policy-item .label-today { font-size: 12px; padding: 4px 8px; margin-right: 40px; }
 }


 	
 /* TOP 버튼 기본 스타일 */
 .btn-scroll-top { position: fixed; right: 20%; bottom: 100px;z-index: 1000; width: 48px; height: 48px;border-radius: 50%; border: none;background-color: #333;color: #fff; display: flex;align-items: center; justify-content: center;cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease, all 0.25s ease;box-shadow: 2px 2px 20px #72727250}
  .btn-scroll-top:hover{background-color: #000;}

 /* 보이는 상태 */
 .btn-scroll-top.is-visible {opacity: 1;visibility: visible;pointer-events: auto;}

 /* 아이콘 스타일 (up-icon.svg 사용 가정) */
 .btn-scroll-top .up-icon { display: inline-block;width: 20px; height: 20px;background-image: url(../../images/icon/up-icon.svg);background-repeat: no-repeat;background-position: center; background-size: contain;}

 /* 모바일에서 위치/크기 조정 예시 */
 @media (max-width: 768px) {
   .btn-scroll-top { right: 10%; bottom: 100px; width: 40px; height: 40px;}
   .btn-scroll-top .up-icon { width: 16px; height: 16px; }
 }


/* 정기구독 회차별 할인혜택 */
  .subs-discount-section {width: 100%; position: relative; padding: 16px; border: 1px solid #efefef;  background-color: #fafafa; border-radius: 5px; display: flex;flex-direction: column; align-items: flex-start;gap: 20px; }
  .subs-discount-header{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #efefef;margin-bottom: 20px; }
  .subs-discount-header .title{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;  gap: 5px; }
  .subs-discount-header .title .subs-discount-icon{width: 20px; height: 20px;background-image: url(../../images/icon/calendar-tick-icon.svg);background-repeat: no-repeat;background-position: center; background-size: contain;}
  .subs-discount-title{font-size: 14px; letter-spacing: -0.75px; font-weight: 600; color: #333;}

  .subs-discount-header .discount-info-icon{width: 20px; height: 20px;background-image: url(../../images/icon/black-info-circle-icon.svg);background-repeat: no-repeat;background-position: center; background-size: contain;}
  .subs-discount-list{width: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
  .subs-discount-item{width: 100%;display: flex; flex-direction: row;justify-content: space-between;align-items: center;}
  .subs-discount-round{font-size: 14px; color: #333; letter-spacing: -0.75px; font-weight: 600;}
 .subs-discount-round .subs-discount-amount{font-weight: 600; color: #FF3B30;}
 .subs-discount-value{font-size: 14px; color: #333; letter-spacing: -0.75px;}

 
 /* 툴팁 팝업 */
 .subs-discount-tooltip { display: none; /* 기본 숨김 */ position: absolute; z-index: 100; right: 8%; bottom:-30%; /* 버튼 위쪽에 표시 */  width: fit-content; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 16px rgb(0 0 0 / 30%); padding: 14px 16px;flex-direction: column;gap: 10px;}
 .subs-discount-tooltip.is-open {display: flex;}
 .tooltip-header{width: 100%; display: flex;flex-direction: row; justify-content: space-between; align-items: center;}
.tooltip-header .tooltip-title{font-size: 14px; color: #333; letter-spacing: -0.75px; font-weight: 600;}
.tooltip-body{width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.tooltip-body p{font-size: 14px; color: #333; letter-spacing: -0.75px; line-height: 1.6;}

/* PC 전용 표시 */
.web-only  { display: block; }
.mobile-only { display: none; }

@media (max-width: 720px) {
    .web-only  { display: none !important; }
    .mobile-only { display: block !important; }
}

@media (max-width: 768px) {
    .subs-discount-section{background-color: #fff; border: none; border-top: 5px solid #f0f0f0;padding: 0;}
    .subs-discount-header{padding: 16px;margin-bottom: 0;}
    .subs-discount-list{padding: 0 16px;}
    .desc-text-wrap{width: 100%; padding:0 16px;}
    .desc-text-wrap .subs-discount-desc{font-size: 12px; color: #555; letter-spacing: -0.75px; line-height: 1.6; padding: 16px 0; border-top: 1px solid #f0f0f0;}
}

/* ============================================================
 * 장바구니 담기 완료 토스트 팝업
 * ============================================================ */
.cart-toast {
    position: fixed;
    z-index: 9990;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.13);
    padding: 14px 12px 14px 14px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.22s ease, transform 0.22s ease;
}
.cart-toast.is-show {
    opacity: 1;
    pointer-events: auto;
}
.cart-toast-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cart-toast-thumb {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f5f5f5;
}
.cart-toast-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cart-toast-body {
    flex: 1;
    min-width: 0;
}
.cart-toast-name {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    letter-spacing: -0.5px;
}
.cart-toast-option {
    font-size: 11px;
    color: #888;
    margin: 0 0 3px;
    letter-spacing: -0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.cart-toast-msg {
    font-size: 12px;
    color: #666;
    margin: 0;
    letter-spacing: -0.5px;
}
.cart-toast-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 11px;
    color: #23b16c;
    font-weight: 600;
    text-decoration: underline;
    letter-spacing: -0.3px;
}
.cart-toast-link:hover { color: #1a8a53; }
.cart-toast-close {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #aaa;
    cursor: pointer;
    padding: 0 0 0 4px;
    align-self: flex-start;
    flex-shrink: 0;
}
.cart-toast-close:hover { color: #333; }

/* PC 팝업: 헤더 장바구니 아이콘 아래 (top/right는 JS로 보정, fallback 포함) */
.cart-toast-pc {
    min-width: 280px;
    max-width: 320px;
    top: 80px;
    right: 20px;
    transform: translateY(-8px);
}
.cart-toast-pc.is-show { transform: translateY(0); }

/* 모바일 팝업: 상품 썸네일 하단 */
.cart-toast-mobile {
    display: none;
    left: 16px;
    right: 16px;
    transform: translateY(-8px);
}
.cart-toast-mobile.is-show { transform: translateY(0); }

@media (max-width: 991px) {
    .cart-toast-pc { display: none !important; }
    .cart-toast-mobile { display: block; }
}


/* 260709 상품상세 배너st이미지*/
.product-detail-banner{width: 100%;display: flex;margin-bottom: 40px;}
.product-detail-banner__link{width: 100%; height: auto;}
.product-detail-banner__link img {width: 100%; object-fit: contain;}
.product-detail-banner__mobile-only{display: none;}
@media (max-width: 720px) {
    .product-detail-banner{margin-bottom: 0px;}
    .product-detail-banner__desktop-only{display: none;}
    .product-detail-banner__mobile-only{display: block;}
}