/* Persistent "demo" notice shown on every page of demo1/2/3. RTL: sits at the inline-start (right) bottom corner,
   never over the header. Lifted above the demos' own mobile CTA bars. */
.demo-banner{position:fixed;inset-inline-start:12px;bottom:12px;z-index:60;max-width:calc(100vw - 24px);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:7px 14px;border-radius:999px;background:rgba(10,10,12,.94);border:1px solid rgba(212,175,55,.45);box-shadow:0 6px 20px rgba(0,0,0,.5);color:#F3F4F6;font:400 12.5px/1.7 Vazirmatn,Tahoma,system-ui,sans-serif;direction:rtl;text-align:start}
.demo-banner a{color:#D4AF37;font-weight:700;text-decoration:none;white-space:nowrap}
.demo-banner a:hover,.demo-banner a:focus-visible{text-decoration:underline}
@media (max-width:1023px){body:has(.mobile-cta) .demo-banner{bottom:84px}}
@media (max-width:480px){.demo-banner{border-radius:14px;font-size:12px}}
.demo-banner button{flex:none;cursor:pointer;border:0;background:transparent;color:#F3F4F6;font:700 18px/1 inherit;padding:2px 6px;margin-inline-start:2px;border-radius:6px}
.demo-banner button:hover,.demo-banner button:focus-visible{color:#D4AF37}
.demo-banner span{flex:1 1 auto}
body:has(.demo-banner){padding-bottom:3.4rem}
.demo-banner.is-compact{padding:3px 12px;border-radius:999px;cursor:pointer}
.demo-banner.is-compact span,.demo-banner.is-compact button{display:none}
.demo-banner.is-compact::before{content:"نمونه نمایشی";font-size:11.5px;color:#D4AF37}