:root{
  --bf-header-bg:#f9faff;
  --bf-header-text:#202440;
  --bf-header-muted:#626883;
  --bf-header-border:rgba(45,50,93,.13);
  --bf-header-gold:#f0b429;
  --bf-header-gold-soft:#ffd166;
}

.bf-site-header{
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  border-bottom:1px solid var(--bf-header-border);
  background:rgba(249,250,255,.97);
  box-shadow:0 8px 30px rgba(5,7,20,.13);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.bf-header-inner{
  width:min(1120px,calc(100% - 40px));
  min-height:80px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  align-items:center;
  gap:22px;
}

.bf-header-brand{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--bf-header-text);
  line-height:1.3;
  text-decoration:none;
}

.bf-header-brand img{
  width:70px;
  height:62px;
  flex:0 0 auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(35,45,130,.16));
}

.bf-header-brand span{
  max-width:128px;
  padding-left:11px;
  border-left:1px solid rgba(43,48,90,.18);
  color:#52577d;
  font-family:'Sora',sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.bf-urgency{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:14px;
}

.bf-urgency-copy{
  max-width:145px;
  text-align:right;
  line-height:1.2;
}

.bf-urgency-copy strong{
  display:block;
  color:#b33b24;
  font-family:'Sora',sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.bf-urgency-copy span{
  display:block;
  margin-top:3px;
  color:var(--bf-header-muted);
  font-size:9px;
  font-weight:700;
}

.bf-countdown{
  display:flex;
  align-items:flex-start;
  gap:6px;
}

.bf-countdown-box{
  position:relative;
  min-width:44px;
  text-align:center;
}

.bf-countdown-box:not(:last-child)::after{
  content:':';
  position:absolute;
  top:5px;
  right:-5px;
  color:#a4a7b8;
  font-family:'Sora',sans-serif;
  font-size:13px;
  font-weight:800;
}

.bf-countdown-num{
  display:block;
  padding:5px 7px;
  border:1px solid rgba(61,67,121,.15);
  border-radius:8px;
  background:#fff;
  box-shadow:0 3px 10px rgba(32,38,91,.07);
  color:#2b2f59;
  font-family:'Sora',sans-serif;
  font-size:16px;
  font-variant-numeric:tabular-nums;
  font-weight:800;
  line-height:1.05;
}

.bf-countdown-label{
  display:block;
  margin-top:4px;
  color:#777b97;
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1;
  text-transform:uppercase;
}

.bf-header-action{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 17px;
  border:1px solid rgba(240,180,41,.62);
  border-radius:10px;
  background:linear-gradient(135deg,var(--bf-header-gold-soft),var(--bf-header-gold));
  box-shadow:0 8px 22px rgba(240,180,41,.2);
  color:#211705;
  font-family:'Sora',sans-serif;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}

.bf-header-action--status{
  border-color:rgba(69,212,155,.32);
  background:rgba(69,212,155,.1);
  box-shadow:none;
  color:#148558;
}

@media (max-width:880px){
  .bf-header-inner{grid-template-columns:auto auto 1fr;gap:14px}
  .bf-header-brand span{display:none}
  .bf-header-brand img{width:61px;height:54px}
  .bf-urgency{justify-self:start}
  .bf-urgency-copy{display:none}
}

@media (max-width:620px){
  .bf-header-inner{
    width:min(100% - 24px,1120px);
    min-height:0;
    padding:6px 0 8px;
    grid-template-columns:auto 1fr;
    gap:5px 10px;
  }
  .bf-header-brand{grid-column:1;grid-row:1}
  .bf-header-brand img{width:54px;height:44px}
  .bf-header-action{
    grid-column:2;
    grid-row:1;
    min-height:38px;
    max-width:178px;
    padding:8px 12px;
    font-size:10px;
  }
  .bf-urgency{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
    justify-content:center;
    gap:10px;
    padding-top:5px;
    border-top:1px solid rgba(43,48,90,.09);
  }
  .bf-urgency-copy{display:block;max-width:130px;text-align:left}
  .bf-urgency-copy strong{font-size:8.5px}
  .bf-urgency-copy span{font-size:8px}
  .bf-countdown{gap:4px}
  .bf-countdown-box{min-width:39px}
  .bf-countdown-box:not(:last-child)::after{top:4px;right:-4px;font-size:11px}
  .bf-countdown-num{padding:4px 5px;font-size:14px}
  .bf-countdown-label{font-size:6.5px;margin-top:3px}
}

@media (max-width:360px){
  .bf-header-inner{width:min(100% - 18px,1120px)}
  .bf-urgency-copy{max-width:108px}
  .bf-urgency-copy span{display:none}
  .bf-header-action{max-width:160px;font-size:9.5px}
}

@media (prefers-reduced-motion:reduce){
  .bf-header-action{transition:none}
}