.ord-promo { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .3rem .9rem; min-height: 52px; padding: .6rem 1rem; box-sizing: border-box; background: linear-gradient(90deg,#d9bd90 0%,var(--gold,#c5a471) 50%,#d9bd90 100%); border-bottom: 1px solid rgba(26,22,17,.35); color: #221c13; text-align: center; text-decoration: none; font: 500 .9375rem/1.5 var(--font-sans,Inter,sans-serif); }
.ord-site .ord-promo { color: #221c13; }
.ord-site .ord-promo > span:not(.ord-promo-cta) { color: #3a2f1f; }
.ord-promo strong { color: #1a1611; font-weight: var(--fw-700); letter-spacing: .02em; }
.ord-promo > span:not(.ord-promo-cta) b { color: #1a1611; font-weight: var(--fw-700); }
.ord-promo .ord-promo-cta { display: inline-flex; align-items: center; gap: .35rem; background: #1a1611; color: #e6d0a6; padding: .42rem 1.05rem; border-radius: var(--ra-pill); font-weight: var(--fw-700); text-decoration: none; white-space: nowrap; box-shadow: var(--sh-1); transition: background .15s ease, transform .15s ease; }
.ord-promo:hover { background: linear-gradient(90deg,#e3caa2 0%,#cfae7d 50%,#e3caa2 100%); }
.ord-promo:hover .ord-promo-cta { background: #2d2619; transform: translateY(-1px); }
.ord-promo:focus-visible { outline: 3px solid #1a1611; outline-offset: -3px; }
@media(max-width:600px) { .ord-promo { font-size: var(--fs-12); padding: .55rem .75rem; gap: .25rem .6rem; } .ord-promo .ord-promo-cta { padding: .38rem .9rem; } }