/* V71 — نوار اعلان هدر و بنر پاپ‌آپ. فقط از توکن‌های رنگ سایت استفاده می‌کند تا با تم تیره/روشن و رنگ اصلی مدیریت هماهنگ بماند. */
@property --notice-h71{syntax:'<length>';inherits:true;initial-value:0px}
@property --notice-off71{syntax:'<length>';inherits:true;initial-value:0px}

/* ---------- نوار اعلان ---------- */
/* بالای ۱۱۸۰px هدر سایت sticky و داخل جریان صفحه است؛ نوار هم ساده در جریان بالای آن می‌آید و با اسکرول خودش می‌رود. */
.n71-bar{position:relative}
/* تا ۱۱۸۰px هدر fixed است: نوار روی بالای صفحه می‌نشیند، هدر با --notice-off71 زیر آن می‌ماند و هنگام اسکرول به بالا می‌چسبد. */
@media(max-width:1180px){
 html[data-notice71]{--notice-h71:52px;--notice-off71:52px}
 html.n71-closing{transition:--notice-h71 .25s ease,--notice-off71 .25s ease}
 .n71-bar{position:absolute;top:0;left:0;right:0}
 html[data-notice71] .header.brand-header,html[data-notice71] #header{top:var(--notice-off71)!important}
 html[data-notice71] body:has(.header.brand-header),html[data-notice71] body.fixed-header55{padding-top:calc(var(--header-height53,110px) + var(--notice-h71))}
 html[data-notice71] .mobile-menu,html[data-notice71] .mobile-menu.open{top:calc(var(--header-height53,110px) + var(--notice-off71))!important}
 html[data-notice71] .mobile-menu.open{height:calc(var(--menu-viewport55,100dvh) - var(--header-height53,110px) - var(--notice-off71))!important;max-height:calc(var(--menu-viewport55,100dvh) - var(--header-height53,110px) - var(--notice-off71))!important}
}
@media(max-width:760px){html[data-notice71]{--notice-h71:58px;--notice-off71:58px}}

.n71-bar{--n71-edge:var(--accent,#f36b21);z-index:1001;background:var(--n71-bg,var(--bg2,#0f151b));color:var(--n71-ink,var(--text,#f3f5f6));border-bottom:2px solid var(--n71-edge);font-family:inherit;text-align:right}
.n71-bar[data-tone=promo]{--n71-edge:transparent;border-bottom-width:0}
.n71-bar[data-tone=success]{--n71-edge:#3fbf93}
.n71-bar[data-tone=alert]{--n71-edge:#ff6a5a}
html[data-theme=light] .n71-bar[data-tone=success]{--n71-edge:#16805f}
html[data-theme=light] .n71-bar[data-tone=alert]{--n71-edge:#c0392b}
.n71-bar,.n71-bar *{box-sizing:border-box}
.n71-bar__in{display:flex;align-items:center;gap:12px;max-width:var(--max,1480px);margin:0 auto;padding:4px var(--pad,clamp(16px,4vw,64px));min-height:48px}
.n71-bar .n71-icon{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.n71-bar:not([data-tone=promo]) .n71-icon{stroke:var(--n71-edge)}
.n71-bar .n71-bar__text{flex:1 1 auto;min-width:0;margin:0;font-size:14px;line-height:1.7;font-weight:600;color:inherit}
.n71-bar__link{flex:none;white-space:nowrap;font-size:14px;font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;padding:10px 4px}
.n71-bar__link:hover{text-decoration-color:var(--accent,#f36b21)}
.n71-bar[data-tone=promo] .n71-bar__link:hover{opacity:.8;text-decoration-color:currentColor}
.n71-bar__close{flex:none;width:44px;height:44px;margin-inline-end:-10px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;opacity:.85}
.n71-bar__close:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}
.n71-bar__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.n71-bar a:focus-visible,.n71-bar button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:6px}
@media(max-width:760px){
 .n71-bar__in{gap:8px;padding-block:5px;min-height:52px}
 .n71-bar .n71-bar__text{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .n71-bar__link{font-size:13px;padding:10px 2px}
}

/* ---------- پاپ‌آپ ---------- */
html.n71-lock{overflow:hidden}
dialog.n71-pop{border:0;padding:0;background:transparent;color:var(--text,#f3f5f6);max-width:none;max-height:none;overflow:visible;font-family:inherit}
dialog.n71-pop::backdrop{background:rgba(5,8,12,.64);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
div.n71-pop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(5,8,12,.64);font-family:inherit}
.n71-card{position:relative;width:min(92vw,520px);max-height:90dvh;overflow:auto;background:var(--surface,#121a21);color:var(--text,#f3f5f6);border:1px solid var(--line,rgba(255,255,255,.11));border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:right;animation:n71-in .32s var(--ease,cubic-bezier(.2,.8,.2,1))}
.n71-card__media{background:var(--surface2,#17212a)}
.n71-card__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.n71-card__body{padding:26px 26px 24px}
.n71-card__title{margin:0 0 10px;font-size:clamp(22px,3.2vw,28px);line-height:1.55;font-weight:800;padding-inline-end:36px}
.n71-card__media+.n71-card__body .n71-card__title{padding-inline-end:0}
.n71-card__text{margin:0 0 22px;color:var(--muted,#8f9aa4);font-size:15px;line-height:2;white-space:pre-line}
.n71-card__title:last-child,.n71-card__text:last-child{margin-bottom:0}
.n71-card__actions{display:flex;flex-wrap:wrap;gap:10px}
.n71-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:12px;font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}
.n71-btn:active{transform:translateY(1px)}
.n71-btn--primary{background:var(--accent,#f36b21);color:var(--n71-ink,#14100c);border:1px solid var(--accent,#f36b21)}
.n71-btn--primary:hover{filter:brightness(1.07)}
.n71-btn--ghost{background:transparent;color:var(--text,#f3f5f6);border:1px solid var(--line,rgba(255,255,255,.2))}
.n71-btn--ghost:hover{background:var(--surface2,#17212a)}
.n71-card__close{position:absolute;top:10px;left:10px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(10,15,21,.62);color:#fff;border:1px solid rgba(255,255,255,.34);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.n71-card__close:hover{background:rgba(10,15,21,.82)}
.n71-card__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.n71-card :focus-visible{outline:2px solid var(--accent,#f36b21);outline-offset:3px}
.n71-card__close:focus-visible{outline-color:#fff}

/* گوشه‌ای و غیرمزاحم: صفحه پشت آن قابل استفاده می‌ماند */
.n71-corner{position:fixed;z-index:1002;bottom:max(18px,env(safe-area-inset-bottom));inset-inline-start:18px;width:min(380px,calc(100vw - 36px))}
.n71-corner .n71-card{width:100%;max-height:none;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.n71-corner .n71-card__media img{aspect-ratio:2/1}
.n71-corner .n71-card__body{padding:18px 18px 18px}
.n71-corner .n71-card__title{font-size:19px;margin-bottom:6px}
.n71-corner .n71-card__text{font-size:14px;line-height:1.9;margin-bottom:16px}
.n71-corner .n71-btn{min-height:44px;padding:0 18px;font-size:14px}

/* موبایل: مرکزی به برگه‌ای پایین صفحه تبدیل می‌شود تا کل صفحه را نپوشاند */
@media(max-width:600px){
 dialog.n71-pop[open]{margin:auto 0 0;width:100%}
 div.n71-pop{place-items:end center}
 .n71-pop .n71-card{width:100%;max-height:78dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
 .n71-pop .n71-card__media img{aspect-ratio:2/1}
 .n71-card__body{padding:20px 20px 22px}
 .n71-corner{inset-inline:12px;width:auto;bottom:max(12px,env(safe-area-inset-bottom))}
 .n71-corner .n71-card{border-radius:16px;padding-bottom:0}
 .n71-corner .n71-card__media{display:none}
 .n71-card__actions .n71-btn{flex:1 1 auto}
}
@keyframes n71-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.n71-card{animation:none}html.n71-closing{transition:none}.n71-btn{transition:none}}