.trios-specials-banner{
  position:relative;
  z-index:95;
  overflow:hidden;
  border-top:1px solid rgba(0,195,255,.28);
  border-bottom:1px solid rgba(240,196,106,.32);
  background:
    radial-gradient(circle at 14% 50%,rgba(0,195,255,.2),transparent 26%),
    radial-gradient(circle at 86% 50%,rgba(240,196,106,.16),transparent 28%),
    linear-gradient(95deg,#080a12,#11131d 48%,#080a12);
  box-shadow:0 12px 32px rgba(0,0,0,.3);
}
.trios-specials-banner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.035) 42% 44%,transparent 44% 100%);
}
.trios-specials-inner{
  position:relative;
  width:min(1180px,calc(100% - 36px));
  min-height:72px;
  margin:auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:.72rem 0;
}
.trios-specials-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .78rem;
  border:1px solid rgba(240,196,106,.56);
  border-radius:999px;
  color:#111;
  background:linear-gradient(120deg,#f0c46a,#c8922a);
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:.84rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}
.trios-specials-copy{min-width:0}
.trios-specials-title-row{
  display:flex;
  align-items:baseline;
  gap:.7rem;
  min-width:0;
  font-family:'Barlow Condensed',Arial,sans-serif;
  line-height:1.12;
}
.trios-specials-title{
  color:#fff;
  font-size:1.22rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.trios-specials-offer{
  color:#00c3ff;
  font-size:1.22rem;
  font-weight:700;
  white-space:nowrap;
}
.trios-specials-detail{
  margin:.18rem 0 0;
  color:#c8cad6;
  font-size:.9rem;
  line-height:1.25;
}
.trios-specials-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.58rem .9rem;
  border:1px solid rgba(0,195,255,.5);
  border-radius:999px;
  color:#e8faff;
  background:rgba(0,195,255,.08);
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.trios-specials-link:hover{
  border-color:#00c3ff;
  background:rgba(0,195,255,.18);
  transform:translateY(-1px);
}
.trios-specials-link:focus-visible{outline:3px solid #f0c46a;outline-offset:2px}
@media(max-width:800px){
  .trios-specials-inner{grid-template-columns:auto 1fr;gap:.65rem .8rem}
  .trios-specials-link{grid-column:1/-1;width:100%;min-height:36px}
}
@media(max-width:560px){
  .trios-specials-inner{grid-template-columns:1fr;gap:.45rem;min-height:0;padding:.7rem 0;text-align:center}
  .trios-specials-label{justify-self:center}
  .trios-specials-title-row{justify-content:center;flex-wrap:wrap;gap:.2rem .55rem}
  .trios-specials-title,.trios-specials-offer{font-size:1.08rem}
  .trios-specials-detail{max-width:34rem;margin:.2rem auto 0;font-size:.84rem}
  .trios-specials-link{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.trios-specials-link{transition:none}}