/* V10.0.73: the utility button MUST fit entirely inside the brand column.
   Previous 52px left margin made its 270px pill overlap the market price card. */
.site-header .brand-utility-cta{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  gap:6px;width:min(244px,100%);max-width:100%;min-height:35px;
  padding:6px 8px;border:2px solid #ba7a12;border-radius:11px;
  color:#583200!important;background:linear-gradient(125deg,#fff1b8 0%,#f6d067 46%,#f1af3b 100%);
  box-shadow:0 3px 0 rgba(150,96,14,.38),0 7px 14px rgba(156,112,32,.17);
  font-size:12px;font-weight:850;line-height:1.2;text-decoration:none;
  text-align:center;white-space:nowrap;overflow:hidden;
  transition:filter .18s ease;
}
.site-header .brand-utility-cta:hover{filter:brightness(1.08)}
.site-header .brand-utility-cta:focus-visible{outline:3px solid #247bb1;outline-offset:3px}
.site-header .brand-utility-cta .brand-utility-label{
  display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;font-size:12px;letter-spacing:0;
}
.site-header .brand-utility-cta .nav-counter-badge{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  min-width:24px;min-height:21px;padding:2px 5px;border-radius:999px;
  background:#203d55!important;color:#fff!important;font-size:11px;font-weight:850;
  font-variant-numeric:tabular-nums;text-shadow:none;
}
@media(min-width:769px){
  .site-header .header-inner>.brand-utility-cta{
    grid-area:brand;justify-self:start;align-self:end;
    /* Zero offset: price ticker begins in the NEXT grid column. */
    margin:0 0 5px 0;width:min(244px,100%);max-width:100%;
  }
  .site-header .header-inner>.brand-link:has(+ .brand-utility-cta){
    align-self:center;transform:translateY(-18px);
  }
}
@media(min-width:769px) and (max-width:1250px){
  .site-header .header-inner:has(>.brand-utility-cta){grid-template-rows:minmax(108px,auto) auto auto}
  .site-header .header-inner>.brand-link:has(+ .brand-utility-cta){
    align-self:start;transform:none;margin-top:4px;
  }
}
@media(max-width:768px){
  .site-header .header-inner>.brand-utility-cta{
    order:5;flex:1 1 100%;width:min(244px,100%);max-width:100%;
    margin:1px auto 3px;min-height:39px;
  }
}
@media(prefers-reduced-motion:reduce){.site-header .brand-utility-cta{transition:none}}