/* ارتفاع نوار روی هدرهای ثابت و چسبان هم اعمال می‌شود. */
:root { --mz-announcement-height: 0px; }
.mz-announcement[hidden] { display: none !important; }
.mz-announcement-bars { position: fixed; inset: 0 0 auto; z-index: 1040; max-height: 40vh; max-height: 40dvh; overflow-y: auto; overscroll-behavior: contain; }
body.mz-announcement-bar-open { padding-top: var(--mz-announcement-height); }
body.mz-announcement-bar-open header, body.mz-announcement-bar-open .sticky-top,
body.mz-announcement-bar-open .fixed-top { top: var(--mz-announcement-height); }
/* هدر شفاف Bootstrap دارای top-0!important است؛ این استثنا فقط روی همان هدر اعمال می‌شود. */
body.mz-announcement-bar-open .header-ecommerce-transparent.top-0 { top: var(--mz-announcement-height) !important; }
.mz-announcement-content { position: relative; padding: 12px 20px; text-align: center; overflow-wrap: anywhere; line-height: 1.8; }
.mz-announcement-content p { margin: 0; }
.mz-announcement-content a { color: inherit; text-decoration: underline; }
.mz-announcement-popup { position: fixed; inset: 0; background: rgb(0 0 0 / .55); z-index: 1100; display: grid; place-items: center; padding: 16px; }
.mz-announcement-dialog { position: relative; isolation: isolate; width: min(600px, 100%); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 12px; padding: 52px 12px 20px; box-shadow: 0 12px 48px rgb(0 0 0 / .25); }
.mz-announcement-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; pointer-events: none; }
.mz-announcement-close { position: sticky; float: inline-end; top: 0; margin-top: -40px; z-index: 1; width: 36px; height: 36px; border: 1px solid #999; border-radius: 50%; color: #111; background: #fff; font: 28px/1 sans-serif; cursor: pointer; }
body.mz-announcement-popup-open { overflow: hidden; }