/* curren-storefront — flash deals: homepage row, product-page bar, countdown boxes. */
.csf-cd { font-family: 'Hind Siliguri', 'Noto Sans Bengali', sans-serif; font-variant-numeric: tabular-nums; }
.csf-cd--boxes { display: inline-flex; gap: 6px; }
.csf-cd__box { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 46px; padding: 5px 6px 3px; border-radius: 8px; background: #E6212C; color: #fff; line-height: 1; }
.csf-cd__box b { font-size: 20px; font-weight: 700; }
.csf-cd__box i { font-style: normal; font-size: 10.5px; color: rgba(255, 255, 255, .88); margin-top: 3px; }
.csf-cd.is-over { font-weight: 600; color: #9B2C2C; }

/* homepage row */
.csf-flash { max-width: 1280px; margin: 32px auto 8px; padding: 24px 24px 8px; box-sizing: border-box; background: #fff; border: 1.5px solid #E6212C; border-radius: 16px; font-family: 'Hind Siliguri', 'Noto Sans Bengali', sans-serif; }
.csf-flash__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; }
.csf-flash__title { display: flex; align-items: center; gap: 10px; }
.csf-flash__bolt { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #E6212C; font-size: 24px; animation: csf-pulse 1.6s ease-in-out infinite; }
.csf-flash__title h2 { margin: 0 !important; font-family: inherit !important; font-size: 30px !important; font-weight: 700 !important; color: #141414 !important; line-height: 1.2 !important; }
.csf-flash__timer { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #5E5A52; }
.csf-flash .woocommerce { margin: 0; }
@keyframes csf-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .csf-flash__bolt { animation: none; } }


/* product page bar under the price */
.csf-flashbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 4px 0 14px; padding: 12px 14px; border-radius: 12px; background: #FDEDEE; border: 1px solid #F6C6C9; font-family: 'Hind Siliguri', 'Noto Sans Bengali', sans-serif; }
.csf-flashbar__label { font-size: 18px; font-weight: 700; color: #B3121B; }
.csf-flashbar__timer { display: flex; align-items: center; gap: 10px; }
.csf-flashbar__timer small { font-size: 14px; color: #5E5A52; }

@media (max-width: 767px) {
	.csf-flash { margin: 20px 12px 4px; padding: 16px 12px 4px; border-radius: 12px; }
	/* title and countdown on one line ("শেষ হবে" + the boxes sit right of the title); below ~340px wide they wrap */
	.csf-flash__head { flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
	.csf-flash__title { gap: 8px; }
	.csf-flash__title h2 { font-size: 19px !important; white-space: nowrap; }
	.csf-flash__bolt { width: 30px; height: 30px; font-size: 17px; border-radius: 9px; }
	.csf-flash__timer { width: auto; flex: 0 0 auto; gap: 6px; font-size: 12px; white-space: nowrap; }
	.csf-flash .csf-cd--boxes { gap: 4px; }
	.csf-cd__box { min-width: 38px; padding: 4px 4px 3px; border-radius: 7px; }
	.csf-cd__box b { font-size: 15px; }
	.csf-cd__box i { font-size: 9.5px; margin-top: 2px; }
	/* Cards side by side: a name of one line or three used to push the price and button to different
	   heights. Two lines of room for every name (longer ones are cut with "..."), so each row lines up. */
	.csf-flash ul.products li.product .woo-loop-product__title { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden !important; height: 46px !important; min-height: 46px !important; }
	.csf-flash ul.products li.product .woo-loop-product__title a { display: inline; }
	.csf-flash ul.products li.product .csf-card__cat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; line-height: 20px; }
}