/* Moving offer bar above the header (all pages). Built by promo.js from COMPARE_AT in config.js. */
.promo{position:relative;z-index:60;height:38px;overflow:hidden;display:flex;align-items:center;text-decoration:none;background:#120e0b;color:#f3ebe1;border-bottom:1px solid rgba(201,154,97,.35);font:500 13px/1 "Manrope","IBM Plex Sans Arabic",system-ui,sans-serif}
.promo::before,.promo::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:1;pointer-events:none}
.promo::before{left:0;background:linear-gradient(90deg,#120e0b,transparent)}
.promo::after{right:0;background:linear-gradient(-90deg,#120e0b,transparent)}
html[data-lang=ar] .promo{font-family:"IBM Plex Sans Arabic","Manrope",sans-serif;font-size:14px}
.promo .track{display:flex;flex:none;white-space:nowrap;animation:promoMove 42s linear infinite}
html[dir=rtl] .promo .track{animation-name:promoMoveRtl}
.promo:hover .track,.promo:focus-visible .track{animation-play-state:paused}
.promo .item{display:inline-flex;align-items:center;gap:10px;padding:0 28px}
.promo .item::after{content:"✦";margin-inline-start:28px;color:#c99a61;font-size:11px}
.promo b{color:#e8c48a;font-weight:700}
.promo s{color:rgba(243,235,225,.5);text-decoration-thickness:1px}
.promo .tag{font-style:normal;font:600 11px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#c99a61,#e8c48a);color:#1b130b}
html[data-lang=ar] .promo .tag{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:12px}
@keyframes promoMove{to{transform:translateX(-50%)}}
@keyframes promoMoveRtl{to{transform:translateX(50%)}}
body.has-promo .nav{top:38px}
@media (prefers-reduced-motion:reduce){.promo .track{animation:none}}
body.paused .promo .track{animation-play-state:paused}