/* Sticky ribbon intended to live inside the header, just below the logo/branding */
.tm-bogo-ribbon{width:100%;z-index:99999}
.tm-bogo-ribbon__inner{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  justify-content:center;
  padding:10px 16px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  border-radius:0 0 14px 14px;
  /* neon gradient */
  background: linear-gradient(90deg,#ff1a6b 0%,#ff9900 50%,#ffd400 100%);
  color:#120914;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.tm-bogo-ribbon__text{font-size:clamp(14px,2.1vw,20px); text-align:center}
.tm-bogo-ribbon__cta{
  background:#120914;
  color:#ffd400;
  text-decoration:none;
  font-weight:900;
  padding:8px 14px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.tm-bogo-ribbon__cta:hover{opacity:.92}
.tm-bogo-ribbon__close{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  background:transparent;
  color:#120914;
  border:0;
  font-size:22px;
  width:32px;height:32px;line-height:32px;border-radius:50%;cursor:pointer;
}
/* If the header has overflow hidden, make sure ribbon shows */
header, .site-header, #masthead{overflow:visible}
/* Slight overlap with branding area (ok per request) */
.tm-bogo-ribbon__inner{margin-top:-6px}