.ega-badge-ctd {
	display: flex;
	align-items: center;
}
.ega-badge-ctd > div:not(.ega-badge-ctd__colon) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	border-radius: 3px;
	font-size: 14px;
	background-color: var(--countdown-background);
}
.ega-badge-ctd__item {
	border-radius: 3px;
	color: var(--countdown-color);
	text-align: center;
	display: flex;
	place-items: center;
	place-content: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
}
.ega-badge-ctd__item + span {
	font-size: 10px;
	line-height: 1.3;
	color: var(--countdown-color);
}
.ega-badge-ctd__colon {
	font-weight: bold;
	font-size: 22px;
	color: var(--countdown-background);
	margin: auto 3px;
}
.ega-badge-ctd__s {
	margin-right: 0px;
}
.flashsale {
	--background-color: #f4ebc1;
	--countdown-background: #d3232a;
	--countdown-color: #fff;
}
.flashsale__container {
  font-family: 'Be Vietnam Pro', 'Lato', sans-serif; padding: 10px;
	padding: 10px;
  border-radius: 10px;
	background: var(--background-color, transparent);
}
.flashsale .heading-bar {
	background-color: transparent;
	margin-bottom: 5px;
}
.flashsale__title h5 {
	margin-bottom: 0
}
.flashsale__item .item_product_main {
	border-radius: 8px;
	    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 575px) {
	.flashsale__title {
		text-align: center;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}
@media (max-width: 575px) {
	.flashsale__header {
		justify-content: center;
		margin: auto;
	}
}
.flashsale__news a {
	margin: auto 10px;
	font-size: 14px;
	font-weight: 500;
}
.flashsale__news a:hover {
	color: var(--primary-color)
}
.flashsale__news-list {
	max-width: 100%;
	overflow: hidden;
}
.flashsale__countdown-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 15px;
}
@media (max-width: 767px) {
	.flashsale .heading-bar {
		margin-bottom: 0;
	}
	.flashsale__countdown-wrapper {
		flex-direction: column;
		margin: 0;
	}
	.ega-badge-ctd__item + span {
		display: none;
	}
	.ega-badge-ctd > div:not(.ega-badge-ctd__colon) {
		width: 24px;
		height: 24px;
	}
	.ega-badge-ctd__item {
		font-size: 14px;
	}
}
.flashsale__countdown-label {
	color: var(--heading-color);
	font-size: 16px;
}
@media (max-width: 767px) {
	.flashsale__countdown-label {
		display: none!important;
	}
}
.flashsale__bottom {
	padding: 0 10px 10px 10px;
}
@media (max-width: 767px) {
	.flashsale__bottom {
		padding: 0 8px 8px 8px;
		font-size: 12px;
	}
}

.flashsale__progressbar {
	display: block;
	width: 100%;
	height: 10px;
	background: var(--process-background);
	margin-top: 2px;
	border-radius: 9999px;
	position: relative;
	overflow: hidden;
}
.flashsale__progressbar.style2 {
	height: 18px;
}
.flashsale___percent {
	width: 0%;
	height: 100%;
	background:linear-gradient(270deg,var(--process-color2),var(--process-color1));
	border-radius: 9999px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.flashsale__label{
	color: var(--stock-color);
	font-size: 12px;
}
.flashsale__label img {
	vertical-align: top;
}
.flashsale__progressbar .flashsale__label {
	font-size: 12px;
	position: relative;
	left: 0;
	z-index: 2;
	text-align: center;
	margin: auto;
}

/* ================================================
   HEADING BAR — ĐỎ + BONG BÓNG (override)
================================================ */
.flashsale .heading-bar{
  background:#ed3237!important;
  padding:0 15px 0 20px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:8px 8px 0 0;
  position:relative;
  overflow:hidden;
  margin-bottom:5px;
}
.flashsale .heading-bar::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:rgba(0,0,0,0.12);pointer-events:none}
.flashsale .heading-bar::after{content:'';position:absolute;bottom:-30px;right:60px;width:100px;height:100px;border-radius:50%;background:rgba(0,0,0,0.08);pointer-events:none}

/* Tiêu đề trắng + gạch animate */
.flashsale .heading-bar .link{
  font-size:16px;
  font-weight:900;
  color:#fff!important;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.5px;
  position:relative;
  display:inline-block;
  padding-bottom:8px;
  transition:color 0.25s ease;
  z-index:1;
}
.flashsale .heading-bar .link::after{
  content:'';
  position:absolute;
  bottom:0;left:0;
  width:50px;height:3px;
  background:linear-gradient(90deg,rgba(255,255,255,0.9),rgba(255,255,255,0.4),transparent);
  border-radius:2px;
  animation:fs_line_grow 0.6s ease forwards;
}
@keyframes fs_line_grow{from{width:0;opacity:0}to{width:50px;opacity:1}}
.flashsale .heading-bar .link:hover{color:rgba(255,255,255,0.8)!important}

/* Countdown wrapper z-index vượt bong bóng */
.flashsale__countdown-wrapper{position:relative;z-index:1}
.flashsale__countdown-label{color:#fff!important;position:relative;z-index:1}

/* Countdown box dùng var sẵn có — giữ nguyên setting */
.ega-badge-ctd__colon{color:#fff}

/* ================================================
   THANH TIN KHUYẾN MÃI
================================================ */
.flashsale__news{
  display:flex;
  align-items:center;
  background:var(--news-bg,#c0392b);
  border-radius:0 0 8px 8px;
  padding:6px 14px;
  gap:8px;
  overflow:hidden;
}
.flashsale__news-title{
  font-size:12px;
  font-weight:800;
  color:var(--news-title-color,#fff);
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:0.5px;
  flex-shrink:0;
  padding-right:8px;
  border-right:1px solid rgba(255,255,255,0.3);
}
.flashsale__news-list{
  max-width:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.flashsale__news a{
  margin:auto 10px;
  font-size:13px;
  font-weight:600;
  color:var(--news-color,#fff);
  text-decoration:none;
  white-space:nowrap;
  transition:opacity 0.2s;
}
.flashsale__news a:hover{opacity:0.75}

/* Phân cách giữa các link */
.flashsale__news a+a::before{
  content:'•';
  margin-right:10px;
  opacity:0.5;
}

@media(max-width:767px){
  .flashsale__news{padding:5px 10px;gap:6px}
  .flashsale__news-title{font-size:11px}
  .flashsale__news a{font-size:12px;margin:auto 6px}
}