.g-bfcm-clock{--clock-box:48px;--clock-gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;min-width:0;color:#FFFFFF;font-family:Poppins,sans-serif;box-sizing:border-box}
gyroor-offer-countdown[hidden],.g-bfcm-clock [hidden]{display:none!important}
.g-bfcm-clock__heading{display:flex;align-items:center;gap:10px;min-width:0;font-size:clamp(16px,2vw,26px);font-weight:600;line-height:1.25;color:#FFFFFF}
.g-bfcm-clock__icon{width:28px;height:28px;object-fit:contain;flex-shrink:0;color:var(--bfcm-clock-yellow,#FFC400)}
.g-bfcm-clock__timer{display:flex;align-items:flex-start;justify-content:center;gap:var(--clock-gap);font-variant-numeric:tabular-nums;min-width:0}
.g-bfcm-clock__unit{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.g-bfcm-clock__value{display:grid;place-items:center;min-width:var(--clock-box);height:var(--clock-box);padding-inline:3px;box-sizing:border-box;border-radius:7px;background:var(--bfcm-clock-yellow,#FFC400);color:#141414;font-size:calc(var(--clock-box)*.48);font-weight:600;line-height:1}
.g-bfcm-clock__unit-label{color:#FFFFFF;font-size:10px;font-weight:400;line-height:1.2;white-space:nowrap}
.g-bfcm-clock__colon{display:grid;align-items:center;height:var(--clock-box);color:#FFFFFF;font-size:24px;font-weight:600;line-height:1}
.g-bfcm-clock__ended{grid-column:1/-1;text-align:center;font-size:13px;line-height:1.3;color:#FFFFFF;font-weight:500}
.g-bfcm-clock[data-state=expired]{grid-template-columns:1fr;gap:8px}
.g-bfcm-clock--activity{max-width:1160px;margin:28px auto 8px;padding-top:24px;border-top:1px solid #FFFFFF30}
.g-bfcm-clock--activity .g-bfcm-clock__heading{padding-inline-end:24px;border-inline-end:1px solid #FFFFFF50}
.g-bfcm-clock--product{--clock-box:38px;--clock-gap:4px;gap:12px}
.g-bfcm-clock--product .g-bfcm-clock__heading{font-size:clamp(14px,1.45vw,21px);line-height:1.2}
.g-bfcm-clock--product .g-bfcm-clock__unit-label{font-size:8px}
.g-bfcm-clock--product .g-bfcm-clock__colon{font-size:18px}
.g-bfcm-clock--announcement{--clock-box:30px;--clock-gap:4px;display:flex;flex-direction:column;justify-content:center;gap:3px;width:auto;flex:none}
.g-bfcm-clock--announcement .g-bfcm-clock__heading{font-size:10px;line-height:1;font-weight:500}
.g-bfcm-clock--announcement .g-bfcm-clock__unit-label{font-size:8px;gap:2px}
.g-bfcm-clock--announcement .g-bfcm-clock__unit{gap:2px}
.g-bfcm-clock--announcement .g-bfcm-clock__colon{font-size:18px}
.g-bfcm-clock--announcement .g-bfcm-clock__ended{font-size:10px;line-height:1}
@media(max-width:749px){
  .g-bfcm-clock--announcement{--clock-box:26px;flex-direction:row;align-items:center;gap:6px}
  .g-bfcm-clock--announcement .g-bfcm-clock__heading{font-size:9px;max-width:38px;line-height:1.15}
  .g-bfcm-clock--announcement .g-bfcm-clock__ended{font-size:9px;max-width:65px}
  .g-bfcm-clock--announcement .g-bfcm-clock__unit-label{font-size:7px}
  .g-bfcm-clock--activity{--clock-box:44px;--clock-gap:5px;grid-template-columns:1fr;gap:16px;margin-top:22px;padding-top:20px}
  .g-bfcm-clock--activity .g-bfcm-clock__heading{justify-content:center;border:0;padding:0;text-align:center;font-size:17px}
  .g-bfcm-clock--product{--clock-box:36px;grid-template-columns:1fr;gap:12px}
  .g-bfcm-clock--product .g-bfcm-clock__heading{justify-content:center;font-size:17px}
  .g-bfcm-clock--product .g-bfcm-clock__heading>span{max-width:210px}
}