.countdown-product {line-height: normal; margin-bottom: 16px;}
/* countdown header */
.countdown-product .countdown-header {background: linear-gradient(-150deg, transparent 1.5em, var(--color-primary) 0); color: #fff; padding: 14px 18px; border-radius: 4px 4px 0 0; display: flex; justify-content: center; align-items: center; gap: 22px; position: relative;}	
.countdown-product .countdown-header::before {content: ''; position: absolute; top: 0; right: 0; background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .4)) no-repeat 100% 0; width: 25px; height: 41px; transform: translateY(-16px) rotate(-28deg); transform-origin: bottom right;border-bottom-left-radius: inherit; box-shadow: -3.2px 3.2px 4.8px -1.6px rgba(0, 0, 0, 0.15);
}
.countdown-product .countdown-header svg {fill: #fff; width: 44px; height: 44px;}
.countdown-product .countdown-title {font-size: 16px; font-weight: 500;}
/* countdown header */

/* contador */
.countdown-product .countdown-info {display: flex; gap: 6px;}
.countdown-product .simply-section > div {display: flex; font-weight: 800; font-size: 17px; gap: 6px;}
.countdown-product .simply-section:not(:last-child) > div::after {content: ':';}
/* contador */

/* countdown footer */
.countdown-product .countdown-footer {background: var(--color-secondary); color: #fff; font-size: 16px; font-weight: 600; border-radius: 0 0 4px 4px; display: flex;}
.countdown-product .countdown-footer > div {flex: 1; display: flex; justify-content: center; padding: 8px;}
.countdown-product .countdown-footer .countdown-info-discount {border-right: 1px solid #2c2c2c;}
/* countdown footer */

@media (max-width: 991px) {
	.countdown-product {margin-top: 12px;}
	.countdown-product .simply-section > div {font-size: 14px;}
	.countdown-product .countdown-header svg {width: 34px; height: 34px;}
	.countdown-product .countdown-header {gap: 16px; padding: 14px 12px}
	.countdown-product .countdown-title {font-size: 14px;}
	.countdown-product .countdown-footer {font-size: 14px;}
	.countdown-product .countdown-header::before {width: 19px; transform: translateY(-17px) rotate(-35deg);}
}