/* Only the countdown receives BF styling; surrounding conditions/prices stay intact. */
.ms-bf-countdown { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 0; margin-top: 6px; max-width: 100%; font: inherit; line-height: 1.4; }
.ms-bf-countdown__dial { box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; padding: 5px 9px; border: 1px solid #00ac00; border-radius: 0 11px 0 11px; background: #000; color: #fff; box-shadow: inset 0 0 8px rgba(0, 172, 0, .12); }
.ms-bf-countdown__value { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.ms-bf-countdown__prefix { max-width: 100%; color: #80c861; font-size: 10px; font-weight: 600; letter-spacing: .04em; overflow-wrap: anywhere; }
.ms-bf-countdown__units { display: grid; flex-shrink: 0; grid-template-columns: minmax(0, auto) repeat(3, minmax(0, 1fr)); gap: 4px; min-width: 0; }
.ms-bf-countdown__segment { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 0 4px; border-left: 1px solid #264a20; }
.ms-bf-countdown__segment:first-child { border-left: 0; }
.ms-bf-countdown__number { color: #fff; font-family: industry, var(--body-font, sans-serif); font-size: 19px; font-weight: 700; line-height: 1.05; white-space: nowrap; overflow-wrap: normal; width: 2ch; text-align: center; }
.ms-bf-countdown__segment[data-unit="days"] .ms-bf-countdown__number { width: var(--ms-bf-day-width, 2ch); }
.ms-bf-countdown__nojs { display: block; font-size: .9em; overflow-wrap: anywhere; }
.ms-bf-countdown__unit { margin-top: 2px; color: #80c861; font-size: 9px; font-weight: 600; line-height: 1; text-transform: uppercase; }
.ms-bf-countdown__fallback { font-size: .9em; overflow-wrap: anywhere; }
.ms-bf-countdown [hidden], .ms-bf-countdown[hidden] { display: none !important; }
.ms-bf-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
/* Product card: clock, intact conditions, original route row. Hidden/absent clocks keep original spacing. */
.ms-campaign-action-card__conditions > .ms-bf-countdown { margin-bottom: 8px; }
.single-product #content .ms-campaign-action-card:has(> .ms-campaign-action-card__conditions > .ms-bf-countdown:not([hidden])) > .ms-campaign-action-card__routes { margin-top: 8px; }
/* Existing adapter rules: no new styling of the conditions or price/buy controls. */
.blackfriday-banner .bf-date .ms-bf-countdown { justify-content: inherit; font-size: 14px; margin-bottom: 8px; }
.blackfriday-banner .bf-date > .ms-bf-countdown:not([hidden]) + .ms-bf-banner-conditions { display: block; }
.blackfriday-banner .bf-right { min-width: 0; }
.single-product .jumbo_fixed_bottom .w-100-mobiel > div:first-child.ms-bf-sticky-clock-mounted::after { content: none !important; display: none !important; }
.single-product .ms-bf-sticky-conditions { max-width: 100%; margin-top: 5px; padding-left: 7px; border-left: 2px solid var(--groen, #00b900); color: var(--blauw, #12314e); font-family: var(--body-font, sans-serif); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.ms-bf-sticky-conditions .ms-bf-countdown { margin-top: 3px; }
.ms-bf-sticky-conditions .ms-bf-countdown__dial { gap: 4px; padding: 4px; }
.ms-bf-sticky-conditions .ms-bf-countdown__value { gap: 0; }
.ms-bf-sticky-conditions .ms-bf-countdown__prefix { display: none; }
.ms-bf-sticky-conditions .ms-bf-countdown__units { gap: 2px; }
.ms-bf-sticky-conditions .ms-bf-countdown__segment { padding: 0 2px; }
.ms-bf-sticky-conditions .ms-bf-countdown__number { font-size: 14px; }
@media (max-width: 767px) {
  .ms-bf-countdown { margin-top: 12px; }
  .ms-bf-sticky-conditions .ms-bf-countdown { margin-top: 8px; }
  .blackfriday-banner .bf-date .ms-bf-countdown { justify-content: flex-start; font-size: 12px; }
}
@media (max-width: 359px) {
  .ms-bf-countdown__dial { gap: 5px; padding-left: 6px; }
  .ms-bf-countdown__value { gap: 5px; }
  .ms-bf-countdown__number { font-size: 17px; }
  .ms-bf-countdown__segment { padding-inline: 3px; }
  .ms-bf-sticky-conditions .ms-bf-countdown__number { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .ms-bf-countdown__dial, .ms-bf-countdown__segment { animation: none !important; transition: none !important; }
}
/* No flashing/pulse/number animation, and no live-announced seconds. */