/* ===========================================================
  (PC)page-title
=========================================================== */
.tf-page-title{
  background: #fcfcfc; border-color: transparent !important;
  background: linear-gradient(
      90deg, 
      rgba(255, 255, 255, 1) 0%,    
      rgba(255, 235, 238, 1) 50%, 
      rgba(255, 255, 255, 1) 100%   
  );
}
.heading{font-size: 2.375rem !important; font-weight: 500 !important;}
.cart-step-breadcrumb{display: flex; align-items: center; font-size: 1rem;}


/* ===========================================================
  Cart-tab
=========================================================== */
.custom-cart-tabs{top: 2.5625rem; z-index: 1020; height: 3.75rem; background-color: #fff;}
.custom-cart-tabs .nav-link{
  font-size: 1.125rem; font-weight: 500; color: var(--text);
  height: 3.75rem; padding: 0 0.3125rem;
  display: flex; align-items: center; border-radius: 0;
}
.custom-cart-tabs .nav-link.active{color: var(--main) !important; font-weight: 600 !important; background-color: transparent !important;}
.custom-cart-tabs .nav-link.insio-num.active .nav-link-num{ color: #D41367 !important;}

/* ===========================================================
  Cart-tab-page
=========================================================== */
.tf-page-cart>a{border-radius: 6px !important;}

/* ===== 리스트 전체선택&삭제 ===== */
.flat-spacing-11{padding-top: 1.875rem; padding-bottom: 3.125rem;}
.cart-store-group{border: 1px solid #dee2e6 !important;}
.btn-remove-selected{
  border-radius: 6px !important; border: 1px solid #cecece; background-color: #fff;
  padding: 0.3125rem 0.75rem; min-height: 1.875rem; font-weight: 500; color: var(--text); transition: all 0.2s ease;
}
.btn-remove-selected:hover{background-color: #f7f7f7;}


/* ===== 상품항목+옵션값 ===== */
/* 상품 이미지 */
.tf-cart-item .img-box{width: 5.3125rem; height: 5.3125rem; display: block; border-radius: 6px !important; overflow: hidden; position: relative; display: block;}
.tf-cart-item .img-box>img{width: 100%; height: 100%; object-fit: cover;}

/* 상품 이미지 없음 */
.tf-cart-item .img-box:has(> .no-image-box){background-color: #fafafa; position: relative;}
.tf-cart-item .img-box > img.no-image-box{opacity: 0;  position: relative; z-index: 2;}
.tf-cart-item .img-box:has(> .no-image-box)::before {
  content: ''; position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  
  /* SVG 삽입 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg id='layer_1'%3E%3Cg%3E%3Cpath fill='%23d1d1d1' d='M1,22.34c.55,0,1-.45,1-1V5.5c0-.55.45-1,1-1h15.84c.55,0,1-.45,1-1s-.45-1-1-1H3c-1.65,0-3,1.35-3,3v15.84c0,.55.45,1,1,1Z'/%3E%3Cpath fill='%23d1d1d1' d='M26.5,2.91l1.21-1.21c.39-.39.39-1.02,0-1.41s-1.02-.39-1.41,0L.29,26.29c-.39.39-.39,1.02,0,1.41.2.2.45.29.71.29s.51-.1.71-.29l2.21-2.21h21.09c1.65,0,3-1.35,3-3V5.5c0-1.11-.61-2.06-1.5-2.58ZM20.47,8.94c.22.23.37.53.37.86,0,.69-.56,1.25-1.25,1.25-.33,0-.63-.14-.86-.36l1.75-1.75ZM26,22.5c0,.55-.45,1-1,1H5.91l7.31-7.31,2.56,3.62c.17.25.45.4.76.42.3.01.6-.1.8-.33l3.05-3.38,2.99,4.13c.2.27.5.41.81.41.2,0,.41-.06.58-.19.45-.32.55-.95.22-1.4l-3.71-5.13c-.18-.24-.46-.4-.76-.41-.3-.01-.59.1-.8.33l-3.04,3.36-2.05-2.89,2.64-2.64c.6.59,1.41.94,2.28.94,1.79,0,3.25-1.46,3.25-3.25,0-.88-.35-1.69-.94-2.28l3.02-3.02h.09c.55,0,1,.45,1,1v17Z'/%3E%3Cpath fill='%23d1d1d1' d='M11.15,9.79c-.19-.27-.5-.42-.83-.42-.33,0-.64.17-.82.44l-3.29,4.93c-.27.4-.19.92.14,1.25.05.05.08.1.14.14.17.11.36.17.55.17.32,0,.64-.16.83-.45l2.5-3.75c.34.28.84.31,1.21.04.45-.32.56-.94.24-1.39l-.1-.14-.58-.82Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; 
  z-index: 1;
}

/* 상품명&옵션값 */
.cart-product-title{font-size: 0.9375rem; line-height: 1.4; margin-bottom: 0.125rem;}
.discount-rate{font-weight: 600; font-size: 1rem;}
.original-price{color: #999; font-size: 0.875rem; font-weight: 400;}
.final-price{font-weight: 700; font-size: 1rem;}

.cart-meta-variant{font-size: 0.875rem; color: #646464;}
.cart-options-p{padding: 0.8rem 1rem;}

/* ===== 상품명(+ 수량 옵션값) ===== */
/* 옵션수량&가격&삭제btn */
.cart-right-controls{justify-content: flex-end;}
 
/* 옵션 결과값 */
.wg-quantity{width: 5.5rem !important; height: 1.75rem !important;}
.wg-quantity .btn-quantity{width: 1.75rem !important; height: 100% !important; font-size: 0.875rem; color: #868686;}
.wg-quantity input{width: 2rem !important; height: 100% !important; font-size: 0.85rem !important; padding: 0 !important; background-color: transparent;}
.wg-quantity .btn-quantity:hover{color: #D41367 !important; background-color: #f8f9fa;}

.cart-price{display: inline-block !important;}
/* .cart-price{
  display: inline-block !important; flex-grow: 1;
  font-variant-numeric: tabular-nums; font-size: 1.125rem;
  white-space: nowrap; width: 8rem;
} */

svg.icon-close{fill: #929292;}
.remove-cart{width: 1.5rem; height: 1.5rem; justify-content: center; text-align: center; flex-shrink: 0;}
.border-top-dashed{border-top: 1px dashed #eee;}
.brand-total-gap{gap: 3rem;}
.price-item .small{font-size: 0.85rem;}

/* 주문수정 */
.btn-crystal{
  min-width: 4.6875rem; border-radius: 6px !important; border: 1px solid #cecece; background-color: #fff;
  padding: 0.3125rem 0.75rem; min-height: 1.875rem; font-size: 0.8125rem; font-weight: 500; color: var(--text); transition: all 0.2s ease;
}



/* ===========================================================
  추가 반응형
=========================================================== */
@media (max-width: 71.87375rem){ /* (max-width: 1149.98px) */
  /* ===========================================================
    Cart-tab-page
  =========================================================== */
  /* 모바일 고정 구매버튼 */
  .tf-sticky-btn-atc{display: block !important;}
  .tf-sticky-btn-atc .tf-btn{min-width: 40%; border-radius: 6px !important;}
}

@media (max-width: 61.99875rem){ /* (max-width: 991.98px) */
  /* ===========================================================
    Cart-tab
  =========================================================== */
  .custom-cart-tabs{top: 57px;}

  /* ===========================================================
    Cart-tab-page
  =========================================================== */
  .flat-spacing-11{padding-top: 4.1rem;}
  .brand-total-gap{gap: 2.5rem;}
  
  /* 모바일 고정 구매버튼 */
  .tf-sticky-btn-atc .tf-btn{min-width: 50%; height: 3rem; border-radius: 6px !important;}
}

@media (max-width: 47.99875rem){ /* (max-width: 767.98px) */
  /* ===========================================================
    Cart-tab-page
  =========================================================== */
  .options-crystalBtn{margin-left: 0 !important; margin-top: 1rem; font-weight: 300 !important;}
  .options-crystalBtn>.btn-crystal, .option-no-crystalbtn>.btn-crystal{width: 100%; height: 3rem; margin-bottom: 0;}
  .option-no-crystalbtn{flex: 0 0 100%; margin-left: 0 !important; margin-top: 1rem;}
  .btn-crystal{width: auto;}

  /* 가맹점별 상품 합계 */
  .brand-total-gap{flex-direction: column !important; align-items: stretch !important; gap: 0.75rem !important;}
  .brand-total-gap .price-item{width: 100%; display: flex !important; justify-content: space-between !important; align-items: center !important;}
  .brand-total-gap .cart-gray{display: none !important;}
  .brand-total-gap .price-item .text-secondary.small{margin-bottom: 0 !important;}

  .brand-total-gap .price-item>.h5{font-size: 1.125rem; font-weight: 600 !important;}
  .brand-total-gap .price-item:last-child{margin-top: 0.5rem; padding-top: 1rem; border-top: 1px solid #dee2e6; gap: 0 !important;}
  .brand-total-gap .price-item:last-child .h4{font-size: 1.125rem !important; margin-bottom: 0 !important;}
}

@media (max-width: 35.99875rem){ /* (max-width: 575.98px) */
  /* ===========================================================
    Cart-tab-page
  =========================================================== */
  .flat-spacing-11{padding-top: 4.1rem; padding-bottom: 3rem;}

  /* ===========================================================
    Cart-tab-page
  =========================================================== */
  /* ===== 상품항목+옵션값 ===== */
  /* 상품 이미지 */
  .cart-product-img{margin-left: 0.625rem !important; margin-right: 0.875rem !important;}
  .tf-cart-item .img-box{width: 5rem; height: 5rem; }

  /* 상품명&옵션값 */
  .cart-product-title{font-size: 0.875rem; line-height: 1.4; margin-bottom: 0.125rem;}
  .product-price-info{margin-top: 0 !important;}
  .discount-rate{font-weight: 600; font-size: 0.875rem;}
  .original-price{color: #999; font-size: 0.85rem; font-weight: 400;}
  .final-price{font-weight: 700; font-size: 0.875rem;}

  .cart-meta-variant{font-size: 0.875rem; color: #646464; font-weight: 400 !important;}
  .cart-options-p{padding: 0.8rem 1rem;}

  /* 가맹점별 상품 합계 */
  .brand-total-gap{flex-direction: column !important; align-items: stretch !important; gap: 0.25rem !important;}
  .brand-total-gap .price-item>.h5{font-size: 0.875rem; font-weight: 500 !important;}
  .brand-total-gap .price-item>.h6{font-size: 0.875rem !important;}
  .brand-total-gap .price-item:last-child .h4{font-size: 0.9375rem !important; margin-bottom: 0 !important;}

  /* 모바일 고정 구매버튼 */
  .tf-sticky-btn-atc .tf-btn{min-width: 48%; height: 3rem; border-radius: 6px !important;}
}