#promotion-countdown {
  z-index: 1;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  max-width: 460px;
  padding: 10px 16px;
  background: rgba(0, 0, 0, 0.68);
  /* background: var(--Palette-base-black-52, rgba(0, 0, 0, 0.52)); */
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 76px;
  left: 50%;
  transform: translate(-50%);
  gap: 4px;
  color: var(--Badge-white, #fff);
  text-align: center;
  box-sizing: border-box;
}

#promotion-countdown .countdown-area {
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.dgi_top {
  justify-content: space-between;
}

.detail_item_info .price-section .discount-percentage {
  overflow: hidden;
  color: var(--Palette-base-red-6, #e53154);
  text-overflow: ellipsis;

  /* hading/h1 */
  font-family: Pretendard;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px; /* 141.667% */
}

.detail_item_info .price-section.promotion .discount-percentage {
  font-size: 24px;
}

.detail_item_info .good_brand {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: var(--g-9);
}

.sns_share_btn .center_items.compare {
  border: 1px solid var(--g-5);
  border-radius: 2px;
  text-align: center;
  color: var(--g-12);
}

.detail_bottom_btns {
  display: grid;
  grid-template-columns: 52px 52px 1fr;
  grid-gap: 8px;
  padding: 12px 16px;
  background: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
@media (min-width: 460px) {
  .detail_bottom_btns {
    width: 460px;
  }
}

.detail_bottom_btns .heart_btn {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: center center;
}
.detail_bottom_btns .heart_btn svg {
  width: 26px;
  height: 26px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.detail_bottom_btns .heart_btn.on {
  background-image: url(/assets/images/detail/heart_on.svg);
}
.detail_bottom_btns .heart_btn.on svg {
  display: none;
}

.detail_bottom_btns .compare_btn {
  text-align: center;
  user-select: none;
  padding: 14px 0;
  color: var(--o-6);
  border: 1px solid var(--o-6);
  border-radius: 2px;
  cursor: pointer;
}

.detail_bottom_btns .purchase_btn {
  text-align: center;
  user-select: none;
  padding: 15px 0;
  color: white;
  background: var(--o-6);
  border-radius: 2px;
  cursor: pointer;
}

.detail_contents_layout .review_category {
  padding: 24px 16px;
  display: none;
  gap: 8px;
  position: relative;
  overflow-x: scroll;
}

#product-detail-tab {
  position: sticky;
  top: 62px;
  z-index: 2;
}

.detail_tab .detail_item_info .price {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  /* border-bottom: 1px solid var(--g-5); */
  padding: 0 16px;
}

.detail_tab .detail_item_info .price .retail-price-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.detail_tab .detail_item_info .price .retail-price-wrap .retail-price {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--Palette-base-gray-7, #c1c1c1);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration-line: line-through;
  text-overflow: ellipsis;
}

.detail_tab .detail_item_info .price .item_discount {
  color: var(--g-9);
  font-size: 1.25rem;
  padding: 2px;
}

.detail_tab .detail_item_info .item_oneday {
  font-size: 14px;
  font-weight: 500;
  /* display: inline-grid; */
  /* grid-template-columns: 16px 1fr; */
  /* grid-gap: 2px; */
  color: var(--o-6);
  padding: 4px 0;
}
#summary-day-price {
  border-radius: 2px;
  background: var(--Palette-base-orange-1, #fcf0e8);
  display: flex;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  color: var(--Palette-base-orange-6, #f37021);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  letter-spacing: -0.5px;
}
.detail_tab .detail_item_info .item_oneday img {
  width: 100%;
  height: 100%;
}
.detail_tab .detail_item_info .item_amount {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
}
.price-section.promotion .item_amount {
  font-weight: 600;
}
.detail_item_info .price-section.promotion .item_amount {
  overflow: hidden;
  color: var(--Palette-base-gray-15, #171717);
  text-overflow: ellipsis;

  /* hading/h1 */
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 141.667% */
}
.detail_tab .detail_item_info .price .item_refresh_time {
  /* margin-right: 4px; */
  font-size: 0.75rem;
  color: var(--g-8);
}
.detail_tab .detail_item_info .eat_time_layout {
  display: flex;
  gap: 10px;
}
.detail_tab .detail_item_info .eat_time_layout div {
  border-radius: 2px;
  padding: 4px 4px;
  background: #fcf0e8;
  color: var(--o-6);
  font-size: 0.75rem;
  font-weight: 500;
}
.detail_tab .detail_item_info .item_eat {
  font-size: 0.875rem;
  color: var(--g-15);
  margin-top: 8px;
}

/* .detail_tab .detail_item_info .number_count {
	margin-top: 4px;
	display: grid;
	grid-template-columns: 14px 1fr;
	grid-gap: 2px;
	position: relative;
} */

.detail_tab .detail_item_info .number_count img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.detail_tab .detail_item_info .number_count span {
  color: var(--g-7);
}

.sns_share_btn {
  display: flex;
  flex: 1;
  flex-direction: row;
  cursor: pointer;
  user-select: none;
  margin: 24px 0;
}
.sns_share_btn .center_items {
  display: flex;
  flex: 1;
  justify-content: center;
  /* display: inline-grid; */
  padding: 15px;
  /* grid-template-columns: 1fr 20px; */
  /* grid-gap: 2px; */
  width: fit-content;
}

.sns_share_btn .center_items.compare #compare_add_icon {
  background-image: url(/assets/images/add_icon.svg);
  padding: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sns_share_btn .center_items.compare.active {
  background: #171717;
  color: #fff;
}
.sns_share_btn .center_items.compare.active #compare_add_icon {
  background-image: url(/assets/images/add_icon_white.svg);
}

.sns_share_btn .center_items.share {
  border: 1px solid var(--g-5);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: center;
  color: var(--o-6);
}
.sns_share_btn .center_items img {
  width: 20px;
  height: 20px;
}

.prodcut-detail-price-section .price-section,
.detail_item_info .price-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.item-content-wrap.detail_layout {
  padding: 16px 0 0 0;
  gap: 4px;
}

.item-content-wrap.detail_layout #main_list_first .item-container {
  padding: 0 16px;
}

.detail_tab {
  margin-bottom: 60px;
}

.detail_tab .detail_contents_group {
  margin-bottom: 60px;
}

.detail_tab .recommends_items {
  padding-left: 0;
}

.detail_tab .recommends_items .item-content-wrap {
  gap: 4px;
}

.detail_tab
  .recommends_items
  .item-content-wrap
  #main_list_second
  .item-container,
.detail_tab
  .recommends_items
  .item-content-wrap
  #main_list_third
  .item-container {
  padding: 0 16px;
}

#middle-banner {
  /* padding: 0 16px; */
}

#middle-banner-section {
  margin-bottom: 60px;
}
.box-signup {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 12px;
  margin-top: 16px;
  cursor: pointer;
  background-color: var(--b-1);
  border: 1px solid var(--b-6);
}
.box-signup > p {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  /* color: var(--o-6); */
  color: var(--b-6);
  padding-left: 6px;
  padding-right: 20px;
  background-image: url(/assets/images/arrow_right_blue.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px;
}

#no-review {
  display: none;
  margin: 32px 0;
}
#no-review.on {
  display: block;
}

#max-discount {
  margin-top: 12px;
  display: none;
  border: 1px solid var(--Palette-base-gray-10, #6f6f6f);
}
#max-discount .header {
  border-bottom: 1px solid var(--Palette-base-gray-5, #ececec);
}
#max-discount img {
  width: 100%;
}

#max-discount .content {
  padding: 16px;
  gap: 16px;
  flex-direction: column;
}
#max-discount .content .discount-item {
  display: flex;
  justify-content: space-between;
}
#max-discount .content .discount-item .title {
  color: var(--Palette-base-gray-10, #6f6f6f);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
#max-discount .content .discount-item .amount {
  color: var(--Palette-base-gray-15, #171717);
  text-align: right;

  /* bold/14 */
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}

#max-discount .content .recommend-signup {
  align-items: center;
  gap: 10px;
}
#max-discount .content .recommend-signup span {
  color: var(--Palette-base-gray-10, #6f6f6f);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.5px;
}
