.yg-card-info-old-points {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6rem;
  padding-block: 1.6rem;
  border-top: 1px solid #E8EBEF;
  border-bottom: 1px solid #E8EBEF;
}

.yg-card-info-old-points span:not(.yg-separator) {
  font-size: 1.4rem;
  display: inline-block;
  padding-inline: 10px;
  color: #009cff;
}

.yg-card-info-old-points .yg-separator {
  display: inline-block;
  width: 1px;
  height: 16px;
  opacity: .2;
  background-color: #000;
}

@media (max-width: 989px) {
  .yg-card-info-old-points span:not(.yg-separator) {
    font-size: 11px;
    padding-inline: 0;
  }
}

.button:hover,
button:hover {
  opacity: .7
}

.card-footer .price .price-sale {
  flex-direction: row
}

.card-product .card-media img {
  object-fit: contain
}

.card-product .card-info-wrap .jdgm-prev-badge .jdgm-prev-badge__text {
  display: block;
  font-size: 1rem;
  translateY(2.5px);
  color: #77777F
}

.jdgm-prev-badge .jdgm-prev-badge__text {
  color: #77777F;
  transform: translateY(-1px)
}

.grid .grid-item .card-product .card-badge.right {
  right: 1rem
}

.card-product .card-heading {
  text-align: left
}

.jdgm-preview-badge .jdgm-star {
  color: #FA0 !important
}

.product-grid.grid-2-col .card-product .card-info {
  padding-bottom: 1rem;
}

.price-sale .price-discount s:after {
  top: 7px;
  transform: rotate(0)
}

.card-product .price-sale .price-discount s:after {
  top: 10px;
  transform: rotate(0)
}

.card-product .price-item .sup {
  display: none !important;
}

.badge-stock-in {
  color: #009CFF
}

.page-layout-with-sidebar-drawer .page-layout-sidebar {
  border-radius: 8px;
  border: 1px solid #D0D6DE;
  padding-bottom: 12px;
  overflow: hidden;
  /* max-height: 80vh; */
  overflow-y: auto;
  /* top: 180px; */
  max-height: 100vh;
  top: 0;
}

@media screen and (min-width: 1000px) {
  .page-layout-with-sidebar-drawer .page-layout-sidebar {
    position: sticky
  }
}

.page-layout-with-sidebar-drawer .page-layout-sidebar .yg-filter-result {
  padding: 12px;
  background-color: #009CFF;
  color: var(--Grey-White, var(--Grey-5, #FFF));
  font-size: var(--Font-Size-Base, 16px);
  font-style: normal;
  font-weight: var(--Font-Main---Weight, 400);
  line-height: 140%
}

.page-layout-sidebar-inner .page-layout-sidebar-drawer-header,
.page-layout-sidebar-inner .page-layout-sidebar-inner-content,
.page-layout-sidebar-inner .page-layout-sidebar-drawer-footer {
  padding: 12px 12px 0
}

.navigation-mobile .navigation-mobile-item-link>span {
  word-break: break-word;
  display: flex;
  align-items: center;
  flex: auto;
  padding: 1.5rem 1rem 1.5rem 0;
  color: currentColor;
  cursor: pointer
}

.navigation-menu span {
  word-wrap: break-word;
  cursor: pointer
}

.mega-menu-container .mega-menu-column-title {
  padding-bottom: .75rem;
  border-bottom: 1px solid #c2c2c2
}

.header .yg-has-label {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap
}

.yg-link-label {
  padding: 2px 4px;
  background: linear-gradient(90deg, #ff2d37, #ff4d55 47%, #ff6c73);
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center
}

@media (max-width: 700px) {
  .page-layout-with-sidebar-drawer .page-layout-sidebar {
    position: fixed
  }
}

@media (min-width: 990px) {
  .block-section .block-block-section-title-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .block-section-title-aux {
    margin-left: 0;
  }
}

.card-product .jdgm-prev-badge {
  display: flex !important;
}

.jdgm-prev-badge .jdgm-prev-badge__text {
  margin-left: 3px;
}

.jdgm-prev-badge .jdgm-prev-badge__stars {
  line-height: 1.6;
}

.card-product .jdgm-prev-badge .jdgm-star {
  font-size: 0.75rem !important;
}

h2,
.h2 {
  font-size: var(--heading-font-size) !important;
}

.block-block-section-title-wrapper {
  border-top: none;
}

@media screen and (max-width: 767px) {

  h2,
  .h2 {
    font-size: var(--heading-font-size-mobile) !important;
  }
}

.mobile-menu {
  transform: translate(-10px, 0);
  width: 85vw;
  top: 0;
  margin-top: 0 !important;
}

.yg-close-btn {
  position: absolute;
  top: 20px;
  right: -44px;
  padding: 10px;
  background: #009cff;
  display: flex;
  cursor: pointer;
}

.yg-close-btn path {
  fill: #fff;
}

@media (max-width: 989px) {
  .mobile-menu-inner .yg-nav-main-icon {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    border-bottom: 1px solid #eee;
  }

  .mobile-menu-inner a.yg-nav-other-link {
    width: 100%;
    display: flex;
    align-items: center;
    color: #009cff;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    gap: 2px;
  }

  .mobile-menu-inner a.yg-nav-page-link {
    width: 100%;
    display: flex;
    align-items: center;
    color: #009cff;
    padding-top: 12px;
    gap: 6px;
  }

  .mobile-menu-inner a.yg-nav-page-link path {
    fill: #009cff;
  }
}

.navigation-mobile-item-link-expand {
  border-left: 0;
}

.navigation-mobile-item-link a:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.navigation-mobile-item.menu-item-expanded>.navigation-mobile-item-link {
  color: #009CFF;
}

.card-product,
.card-product-badges .card-badge .badge,
.blog-articles-article .card-standard,
.blog-articles-article .card-standard .card-media,
.blog-articles-article .card-standard .card-info,
.grid-item .card-padded,
.grid-item .card-padded .card-media {
  border-radius: 0 !important;
}

.card-product {
  background-color: transparent !important;
}

#PBarNextFrameWrapper iframe {
  margin-bottom: 0 !important;
}

.card-product-badges .card-badge .badge,
.product-info-badges .card-badge .badge {
  border: none;
  border-radius: 0 0 12px 12px !important;
  min-width: 120px;
  display: flex;
  justify-content: center;
}

@media (max-width: 749px) {
  /* .product-grid.grid-2-col .card-product {
    padding-top: 3rem;
  } */

  .product-grid.grid-2-col .card-product .card-badge.right {
    padding-top: 1rem;
  }

  .product-grid.grid-2-col .card-product .card-badge.right {
    padding-top: 1rem;
  }

  .collection .product-grid.grid-2-col .card-product:has(.card-info .card-product-badges) {
    padding-top: 2rem;
  }
  
  .product-grid.grid-2-col .card-product-badges {
    left: 50% !important;
    transform: translateX(-50%);
  }
}

/* 促销倒计时条样式 */
.promo-countdown-bar {
  width: 100%;
  margin-top: var(--promo-spacing-top, 0);
  margin-bottom: var(--promo-spacing-bottom, 0);
}

/* PC端横版布局 */
.promo-countdown-bar-pc {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 220px;
  width: 100%;
}

.promo-countdown-bar-pc .promo-title {
  font-size: calc(var(--promo-title-size-pc) * 0.85);
  font-weight: 700;
  line-height: 1.3;
  color: var(--promo-title-color-pc);
}

.promo-countdown-bar-pc .promo-countdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  border-radius: 6px;
  background: var(--promo-countdown-bg);
}

.promo-countdown-timer {
  display: flex;
  align-items: center;
  gap: 4px;
}

.promo-countdown-bar-pc .promo-countdown-timer {
  gap: 2px;
}

.promo-countdown-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.promo-countdown-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 26px;
  /* padding: 2px 4px; */
  border-radius: 3px;
  background: var(--promo-countdown-box-bg, #FFFFFF);
}

.promo-countdown-number {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--promo-countdown-number-color, #000000);
}

.promo-countdown-separator {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  margin: 0 2px;
  color: var(--promo-countdown-number-color, #000000);
}

.promo-progress-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.promo-progress-bar-container {
  position: relative;
  overflow: hidden;
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: #DEDEDE;
}

.promo-progress-bar {
  height: 100%;
  transition: width .3s ease;
  border-radius: 3px;
  background: var(--promo-progress-bg);
}

.promo-progress-text {
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
  color: var(--promo-progress-text-color);
}

/* 旧移动端竖版布局 - 只显示进度条 */
.promo-countdown-bar-mobile-old {
  padding: 4px 0;
}

.promo-countdown-bar-mobile-old .promo-progress-wrapper {
  display: flex;
  align-items: center;
}

.promo-countdown-bar-mobile-old .promo-progress-bar-container {
  flex: 1;
  height: 6px;
}

.promo-countdown-bar-mobile-old .promo-progress-text {
  color: var(--promo-progress-text-color-mobile);
}

/* 新移动端布局 */
.promo-countdown-bar-mobile-new {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 6px 0;
  border-radius: 8px;
  background: transparent;
}

.promo-countdown-bar-mobile-new .promo-countdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--promo-countdown-bg);
}

.promo-countdown-bar-mobile-new .promo-title {
  font-size: var(--promo-title-size-mobile);
  font-weight: 700;
  line-height: 1.4;
  flex-shrink: 0;
  color: var(--promo-title-color-mobile);
}

.promo-countdown-bar-mobile-new .promo-countdown-timer {
  gap: 2px;
}

.promo-countdown-bar-mobile-new .promo-countdown-item {
  gap: 2px;
}

.promo-countdown-bar-mobile-new .promo-countdown-box {
  min-width: 13px;
  height: 26px;
  padding: 3px 4px;
  border-radius: 3px;
  background: var(--promo-countdown-box-bg, #FFFFFF);
}

.promo-countdown-bar-mobile-new .promo-countdown-number {
  font-size: 12px;
  font-weight: 700;
  color: var(--promo-countdown-number-color, #000000);
}

.promo-countdown-bar-mobile-new .promo-countdown-separator {
  font-size: 14px;
  font-weight: 700;
  margin: 0 2px;
  color: var(--promo-countdown-number-color, #000000);
}

.promo-countdown-bar-mobile-new .promo-progress-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.promo-countdown-bar-mobile-new .promo-progress-bar-container {
  flex: 1;
  height: 6px;
}

.promo-countdown-bar-mobile-new .promo-progress-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--promo-progress-text-color-mobile);
}

/* 响应式调整 */
@media screen and (max-width: 1280px) and (min-width: 990px) {
  .promo-countdown-bar-pc .promo-countdown-wrapper {
    padding: 4px 6px;
  }

  .promo-countdown-bar-pc .promo-countdown-timer {
    gap: 2px;
  }

  .promo-countdown-bar-pc .promo-countdown-item {
    gap: 2px;
  }

  .promo-countdown-bar-pc .promo-countdown-box {
    min-width: 16px;
    height: 22px;
    padding: 2px 3px;
  }

  .promo-countdown-bar-pc .promo-countdown-number {
    font-size: 11px;
  }

  .promo-countdown-bar-pc .promo-countdown-separator {
    font-size: 11px;
    margin: 0 1px;
  }
}

@media screen and (max-width: 749px) {
  .promo-countdown-bar-pc .promo-title {
    font-size: var(--promo-title-size-mobile);
    color: var(--promo-title-color-mobile);
  }

  .promo-countdown-bar-pc .promo-countdown-wrapper {
    padding: 6px 8px;
  }

  .promo-countdown-bar-pc .promo-countdown-timer {
    gap: 2px;
  }

  .promo-countdown-bar-pc .promo-countdown-item {
    gap: 2px;
  }

  .promo-countdown-bar-pc .promo-countdown-box {
    min-width: 18px;
    height: 24px;
    padding: 3px 4px;
  }

  .promo-countdown-bar-pc .promo-countdown-number {
    font-size: 12px;
  }

  .promo-countdown-bar-pc .promo-countdown-separator {
    font-size: 12px;
    margin: 0 1px;
  }

  .promo-countdown-bar-pc .promo-progress-text {
    font-size: 12px;
    color: var(--promo-title-color-mobile);
  }

  .promo-countdown-bar-pc .promo-progress-bar-container {
    height: 8px;
  }
}

/* 产品页面响应式 */
@media screen and (max-width: 990px) {
  .product-promo-countdown {
    margin-top: var(--spacing-top-mobile) !important;
    margin-bottom: var(--spacing-bottom-mobile) !important;
  }
}

/* 隐藏倒计时结束后的空白 */
.promo-countdown-bar[style*='display: none'] {
  overflow: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 促销倒计时条在 card-info-wrap 顶部 - 仅竖向卡片 */
.card-product:not(.card-product-media):not(.card-product-media-compact) .card-info-wrap > .hidden-mobile,
.card-product:not(.card-product-media):not(.card-product-media-compact) .card-info-wrap > .hidden-mobile-up {
  width: 100%;
  margin-bottom: 8px;
}

/* 竖向卡片 card-info-wrap 布局调整 - 解决没有促销进度条时的空白问题 */
.card-product:not(.card-product-media):not(.card-product-media-compact) .card-info-wrap {
  flex: unset;
  /* margin-top: auto; */
}

/* PC端竖向卡片 badge 居中和 padding-top */
@media (min-width: 750px) {
  .card-product:not(.card-product-media):not(.card-product-media-compact):has(.card-product-badges) {
    padding-top: 3rem;
  }
  
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-product-badges {
    width: 100%;
    align-items: center;
    /* left: 50% !important;
    transform: translateX(-50%); */
  }
}

/* 旧版移动端竖向卡片 badge 居中和 padding-top */
@media (max-width: 749px) {
  .card-product:not(.card-product-media):not(.card-product-media-compact):has(.card-product-badges) {
    padding-top: 3rem;
  }
  
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-product-badges {
    width: 100%;
    align-items: center;
    /* left: 50% !important;
    transform: translateX(-50%); */
  }
  
  .grid-compact .card-product .card-badge.right {
    top: 2rem;
  }

  .grid .grid-item .card-product .card-badge.right {
    top: 2.5rem;
  }
}

/* PC端竖向卡片进度条布局 */
.promo-countdown-bar-pc-progress-only {
  /* padding: 4px 0; */
  padding: 0;
}

.promo-countdown-bar-pc-progress-only .promo-progress-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.promo-countdown-bar-pc-progress-only .promo-progress-bar-container {
  flex: 1;
  height: 6px;
}

.promo-countdown-bar-pc-progress-only .promo-progress-text {
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  color: var(--promo-progress-text-color);
}

/* PC端卡片底部 Flex 布局调整 - 仅竖向卡片 */
@media (min-width: 990px) {
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  /* price 和 rating 占一行分两列 - 仅竖向卡片 */
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer .price-rating-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
  }

  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer .price {
    flex: 0 0 auto;
    margin: 0;
  }

  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer .star-rating-badge {
    flex: 0 0 auto;
    margin: 0;
  }

  /* card-floating-footer 占一行 - 仅竖向卡片 */
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer .card-floating-footer {
    width: 100%;
  }

  /* 移除原有的 grid 布局属性 - 仅竖向卡片 */
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer {
    grid-template-rows: unset;
    grid-template-columns: unset;
    grid-column-gap: unset;
  }

  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-footer .card-floating-footer {
    grid-row: unset;
    grid-column: unset;
  }

  /* 横向卡片的促销倒计时在 card-footer 中 */
  .card-product-media .card-footer > .hidden-mobile {
    width: 100%;
    max-width: 220px;
  }
}

@media (max-width: 989px) {
  .card-product:not(.card-product-media):not(.card-product-media-compact) .card-info-wrap > .hidden-mobile-up {
    margin-bottom: 8px;
  }
}