/* ===========================================================
  공통
=========================================================== */
.container{padding: 0 0.9375rem !important;}
.container-1100{width: 100% !important; max-width: 71.875rem !important; margin: 0 auto !important; padding: 0 0.9375rem !important;}

/* ===========================================================
  breadcrumb
=========================================================== */
.tf-breadcrumb-wrap{padding: 1.875rem 0 0.9375rem !important;}
.tf-breadcrumb-wrap .tf-breadcrumb-list{gap: 0.125rem !important;}
.product-breadcrumb>a, .product-breadcrumb>span{color: var(--text) !important;}
.product-breadcrumb>i{color: var(--text-2) !important;}


/* ===========================================================
  Product payment info
=========================================================== */
.product-pi-pb70{padding-bottom: 4.375rem !important;}

/* ===== 상품 이미지 영역 ===== */
.tf-product-media-main{border-radius: 0 !important;}
.tf-product-media-wrap .c-default{cursor: default !important;}
.tf-product-media-wrap .ratio::before{object-fit: cover !important;}
.tf-product-media-thumbs .swiper-slide .item img, .tf-product-media-thumbs .swiper-slide .item::after{border-radius: 0 !important;}
.tf-product-media-thumbs .stagger-item{cursor: pointer;}

.thumbs-bottom .thumbs-slider .tf-product-media-thumbs .swiper-slide{width: 5.625rem !important; height: 5.625rem !important;}
.button-style-arrow:hover{background-color: var(--main);}

/* ===== 텍스트 영역 ===== */
/* 상품명 */
.tf-product-info-title{font-size: 1.625rem;}

/* 상품가격 */
.tf-product-info-list > div:not(:last-child){margin-bottom: 0 !important;}
.tf-product-info-price{margin-top: 2rem;}
.original-price02{color: #868686 !important;}
.discount-rate02, .price{color: var(--red_1) !important;}
.left-side:empty{display: none;}

/* .field-input>input{border-radius: var(--bs-border-radius) !important;} */

/* 배송배지 */
.badge-mt-1{margin-top: 0.7rem;}
.delivery-badge{
  display: inline-flex; align-items: center;
  /* background-color: #f2f2f7; color: #D41367; */
  background-color: #fcf2f6; color: #D41367;             
  font-size: 0.75rem; padding: 0.375rem 0.5rem; border-radius: 4px;         
}
.delivery-badge svg{margin-bottom: 0.0625rem;}

/* 옵션 결과값 */
.wg-quantity{width: 6.875rem !important; height: 2.1875rem !important;}
.wg-quantity .btn-quantity{width: 2.1875rem !important; height: 2.1875rem !important; color: #868686;}
.wg-quantity input{width: 2rem !important; height: 2.1875rem !important; padding-left: 0.3125rem !important; padding-right: 0.3125rem !important;}

.wg-quantity .btn-quantity:hover{color: #D41367 !important;}

/* 장바구니+공유 아이콘 */
.tf-product-btn-wishlist:hover{border: 1px solid var(--line); background-color: #f7f7f7 !important;}
.icon-share02>#Layer_1{color: var(--text) !important;}
.tf-product-btn-wishlist:hover #Layer_1{color: var(--main) !important;}
.icon-heart-full{color: #D41367 !important;}
.tf-product-btn-wishlist:hover .icon-heart{color: #D41367 !important;}

.btn-fill, .tf-product-btn-wishlist{border-radius: 6px !important;}
.btn-add-to-cart{border: 1px solid #8E8E8E !important; background-color: #fff !important; color: var(--main) !important;}
.btn-buy-immediately:hover{background-color: #000000 !important; border: 1px solid #000000 !important;}


/* ===========================================================
  Product detailed info
=========================================================== */
/* ===== 상품 정보 영역 ===== */
.product-detail-container{position: relative; overflow: hidden; transition: max-height 0.5s ease; font-size: 1rem;}

/* 닫힌상태: 특정 높이까지만 노출 */
.product-detail-container.is-collapsed{max-height: 53.125rem;}

/* 펼친상태: 높이 제한 해제 */
.product-detail-container.is-expanded{max-height: none;}
.product-detail-container.is-expanded + .detail-expand-wrapper{margin-top: 0;}

/* 그라데이션 영역 */
.detail-expand-wrapper{
  position: relative; margin-top: -12.5rem; padding-bottom: 3.125rem;
  text-align: center; z-index: 10;
}

/* 그라데이션 레이어 */
.detail-gradient{
  height: 12.5rem; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  margin-bottom: 0.625rem;
}

/* 상품정보 더보기 */
.btn-detail-expand{
  width: 100%; max-width: 21.875rem; 
  display: inline-flex; align-items: center; justify-content: center; padding: 0.875rem 2.5rem;
  font-weight: 600; font-size: 1rem;
  border: 1px solid #8E8E8E; border-radius: 6px; 
  background-color: #fff; color: var(--main);
  transition: all 0.2s;
}



/* ===========================================================
   추가 반응형
=========================================================== */
@media (max-width: 61.99875rem){ /* (max-width: 991.98px) */
  /* ===========================================================
    breadcrumb
  =========================================================== */
  .tf-breadcrumb-wrap{padding: 1.5625rem 0 0.5rem !important;}

  /* ===========================================================
    Product payment info
  =========================================================== */
  /* ===== 상품 이미지 영역 ===== */
  .thumbs-bottom .thumbs-slider .tf-product-media-thumbs .swiper-slide{width: 4.6875rem !important; height: 4.6875rem !important;}

  /* ===== 텍스트 영역 ===== */
  /* 상품명 */
  .tf-product-info-title{font-size: 1.5rem;}

  /* 상품가격 */
  .tf-product-info-price{margin-top: 2.2rem;}

  /* 모바일 고정버튼 */
  .tf-sticky-btn-atc .tf-btn{height: 3rem;}

  /* ===========================================================
    Product detailed info
  =========================================================== */
  /* tab title */
  .widget-tabs.style-has-border .widget-menu-tab .item-title{padding: 1.25rem 0 0.8125rem 0 !important; font-size: 1rem !important;}
}

@media (max-width: 47.99875rem){ /* (max-width: 767.98px) */
  /* ===========================================================
    Product payment info
  =========================================================== */
  .product-pi-pt25{padding-top: 1.375rem !important;}
  .product-pi-pb70{padding-bottom: 2.5rem !important;}

  /* ===== 상품 이미지 영역 ===== */
  /* 모바일용 페이지네이션 */
  .thumbs-next, .thumbs-prev{display: none !important;}
  .product-photos-pagination.swiper-pagination-fraction{
    left: auto !important; right: 0.75rem !important; bottom: 1rem !important;   
    width: auto !important; padding: 0.19rem 0.55rem !important;
    background: rgba(0, 0, 0, 0.5); color: #fff; 
    font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05rem;
    border-radius: 1.25rem; z-index: 10;
  }

  /* ===== 텍스트 영역 ===== */
  /* 상품명 */
  .tf-product-info-title{font-size: 1.25rem;}
  .tf-product-info-title>p{line-height: 1.4 !important;}

  /* 상품가격 */
  .tf-product-info-price{margin-top: 1.125rem;}
  .tf-pb-18px{padding-bottom: 1.125rem !important;}

  .discount-rate02{font-size: 1.15rem !important;}
  .original-price02{font-size: 1.15rem !important;}

  /* 배송배지 */
  .badge-mt-1{margin-top: 0.5rem;}

  /* 옵션 결과값 */
  .tf-mt-18px{margin-top: 1.125rem !important;}
  .tf-mb-18px{margin-bottom: 1.125rem !important;}
  .tf-py-18px{padding-top: 1.125rem !important; padding-bottom: 1.125rem !important;}
  .tf-mt-16px{margin-top: 1rem !important;}
}

/* ==== special section ==== */
@media (max-width: 42.5rem){ /* (max-width: 680px) */
  .flat-spacing-4 .row>.col-sm-6{width: 100% !important; max-width: 100% !important;}
}

@media (max-width: 35.99875rem){ /* (max-width: 575.98px) */
  /* ===========================================================
    Product payment info
  =========================================================== */
  /* 옵션 결과값 */
  .wg-quantity{width: 6.375rem !important; height: 1.875rem !important;}
  .wg-quantity>.btn-quantity{width: 1.5625rem !important; height: 1.875rem !important; font-size: 1.25rem !important;}
  .wg-quantity>input{
    width: 2rem !important; height: 1.875rem !important; 
    padding-left: 0 !important; padding-right: 0 !important; font-size: 0.875rem;
}


}

/* ==== special section ==== */
@media (max-width: 30rem){ /* (max-width: 480px) */
  /* ===========================================================
    Product payment info
  =========================================================== */
  /* ===== 텍스트 영역 ===== */
  /* 상품명 */
  .tf-product-info-title{font-size: 1.125rem;}

  /* 모바일 고정버튼 */
  .tf-sticky-btn-atc .tf-btn{min-width: 100px;}
}