/* قواعد مشترکِ کروم این‌جا نیستند — یک‌بار در chrome.css تعریف
   شده‌اند که روی هر صفحه‌ای بار می‌شود. پورت‌گر بلوک <style> طرح را
   در هر پنج شیوه‌نامه کپی می‌کرد. */

/* sy-port-stamp: 7b8433767f */

/* بلوک <style> خودِ طرح — قواعدی که درون‌خطی نبودند. */

html, body { margin: 0; padding: 0; scroll-behavior: smooth; overflow-x: hidden; }

.lift { transition: transform .16s ease, box-shadow .16s ease; }

.crumbs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.crumbs > * { flex: none; }

.agetabs { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }

.agetabs > * { flex: none; }

@media (max-width: 1024px) {
    .mainnav { display: none; position: absolute; top: 100%; inset-inline-start: 0; inset-inline-end: 0; flex-direction: column; align-items: stretch; background: var(--sy-white); border-bottom: 1px solid var(--sy-border); padding: 10px clamp(16px,4vw,40px) 18px; gap: 2px; box-shadow: 0 20px 34px -20px rgba(9,90,98,.4); }
    #navtoggle:checked ~ .mainnav { display: flex; }
    .mainnav > a { padding: 15px 6px; font-size: 18px; border-bottom: 1px solid var(--sy-hairline-soft); }
    .hamburger { display: flex; }
    .headphone-label { display: none; }
    .phonehead { padding: 8px; }
    .megawrap { display: block; }
    .megapanel { position: static; box-shadow: none; border: none; border-radius: 0; padding: 4px 0 12px; }
    .megawrap:hover .megapanel, .megawrap:focus-within .megapanel { display: none; }
    .megatoggle:checked ~ .megapanel { display: block; }
    .megawrap:hover .megachev { transform: none; }
    .megatoggle:checked ~ .megatrigger .megachev { transform: rotate(180deg); }
    .megatrigger { padding: 15px 6px; font-size: 18px; border-bottom: 1px solid var(--sy-hairline-soft); justify-content: space-between; width: 100%; }
    .megagrid { grid-template-columns: 1fr; gap: 8px; min-height: 0; }
    .mmaster { padding-inline-end: 0; border-inline-end: none; gap: 10px; }
    .mdetail, .mmaster:hover > .mrow:first-child .mdetail { position: static; display: block; inset: auto; padding: 0 0 6px; }
    .mcat, .mmaster:hover > .mrow:first-child .mcat { background: transparent; color: var(--sy-primary); font-weight: 800; padding: 6px 0; font-size: 15px; }
    .mcat svg, .mmaster:hover > .mrow:first-child .mcat svg { display: none; }
    .mdetailhead { display: none; }
    .mcta { grid-column: auto; }
    .mdetaillist { grid-template-columns: 1fr; }
    .megalink { padding: 11px 8px; font-size: 16px; }
  }

/* کلاس‌های پورت‌شدهٔ خدمات-آرشیو.dc.html */

/* از فایل طرح پورت شده؛ مقادیر دست‌نخورده‌اند.
   هر رشتهٔ استایلِ یکسان یک کلاس مشترک گرفته است. */

.sva-p001 {
	min-height: 100vh;
}

.sva-p002 {
	background: var(--sy-primary-dark);
	color: var(--sy-white);
}

.sva-p003 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 9px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 14px;
}

.sva-p004 {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.sva-p005 {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 500;
	color: rgba(255,255,255,.9);
}

.sva-p006 {
	color: rgba(255,255,255,.55);
}

.sva-p007 {
	color: rgba(255,255,255,.9);
}

.sva-p008 {
	display: flex;
	align-items: center;
	gap: 13px;
	flex-wrap: wrap;
}

.sva-p009 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255,255,255,.92);
	font-weight: 600;
}

.sva-p010 {
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,.28);
}

.sva-p011 {
	color: rgba(255,255,255,.85);
	display: inline-flex;
}

.sva-p012 {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.94);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--sy-border);
}

.sva-p013 {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 12px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	gap: 16px;
}

.sva-p014 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
}

.sva-p015 {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	display: flex;
	align-items: center;
	justify-content: center;
}

.sva-p016 {
	font-size: 18px;
	font-weight: 800;
	color: var(--sy-ink);
	line-height: 1.2;
}

.sva-p017 {
	font-size: 12.5px;
	font-weight: 500;
	color: var(--sy-muted);
}

.sva-p018 {
	font-size: 16px;
	font-weight: 600;
	color: var(--sy-body);
}

.sva-p019 {
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-primary);
}

.sva-p020 {
	background: linear-gradient(135deg,var(--sy-surface-tint),var(--sy-surface-3));
	border: 1.5px solid var(--sy-tint);
}

.sva-p021 {
	margin: 0;
	font-size: 16.5px;
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p022 {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--sy-body);
}

.sva-p023 {
	margin-top: auto;
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-white);
	background: var(--sy-cta);
	border-radius: 12px;
	padding: 12px 16px;
	text-align: center;
}

.sva-p024 {
	font-size: 14px;
	font-weight: 700;
	color: var(--sy-primary);
	text-align: center;
	direction: ltr;
}

.sva-p025 {
	background: linear-gradient(135deg,var(--sy-cta-tint),var(--sy-cta-surface));
	border: 1.5px solid var(--sy-cta-border);
}

.sva-p026 {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--sy-cta-ink);
}

.sva-p027 {
	font-size: 14px;
	font-weight: 700;
	color: var(--sy-cta-dark);
	text-align: center;
	direction: ltr;
}

.sva-p028 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
	margin-inline-start: auto;
}

.sva-p029 {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 7px 14px;
	border-radius: 13px;
	border: 1.5px solid var(--sy-tint);
}

.sva-p030 {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.sva-p031 {
	line-height: 1.3;
}

.sva-p032 {
	display: block;
	font-size: 12.5px;
	color: var(--sy-muted);
	font-weight: 600;
}

.sva-p033 {
	display: block;
	font-size: 19px;
	font-weight: 800;
	color: var(--sy-ink);
	direction: ltr;
}

.sva-p034 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	border: 1.5px solid var(--sy-tint);
	background: var(--sy-white);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex: none;
}

.sva-p035 {
	background: var(--sy-surface);
	border-bottom: 1px solid var(--sy-hairline);
}

.sva-p036 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 12px clamp(16px,4vw,40px);
	font-size: 15px;
	color: var(--sy-muted);
	display: flex;
	align-items: center;
	gap: 8px;
}

.sva-p037 {
	color: var(--sy-muted);
}

.sva-p038 {
	color: var(--sy-ink);
	font-weight: 700;
}

.sva-p039 {
	background: linear-gradient(180deg,var(--sy-surface),var(--sy-hairline));
}

.sva-p040 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(30px,4.5vw,54px) clamp(16px,4vw,40px);
}

.sva-p041 {
	max-width: 64ch;
}

.sva-p042 {
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-primary);
}

.sva-p043 {
	margin: 10px 0 14px;
	font-size: clamp(27px,4vw,42px);
	line-height: 1.3;
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p044 {
	margin: 0;
	font-size: clamp(17px,2vw,19.5px);
	line-height: 1.95;
	color: var(--sy-body);
}

.sva-p045 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.sva-p046 {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--sy-primary);
	background: var(--sy-white);
	border: 1.5px solid var(--sy-tint);
	border-radius: 999px;
	padding: 11px 20px;
}

.sva-p047 {
	background: var(--sy-white);
	border-bottom: 1px solid var(--sy-surface-2);
}

.sva-p048 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(28px,4vw,44px) clamp(16px,4vw,40px);
}

.sva-p049 {
	margin: 0 0 20px;
	font-size: clamp(20px,2.4vw,24px);
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p050 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
	gap: 18px;
}

.sva-p051 {
	background: linear-gradient(135deg,var(--sy-surface-tint),var(--sy-surface-3));
	border: 1.5px solid var(--sy-tint);
	border-radius: 20px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sva-p052 {
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--sy-white);
	display: flex;
	align-items: center;
	justify-content: center;
}

.sva-p053 {
	margin: 0;
	font-size: 18.5px;
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p054 {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: var(--sy-body);
}

.sva-p055 {
	background: linear-gradient(135deg,var(--sy-cta-tint),var(--sy-cta-surface));
	border: 1.5px solid var(--sy-cta-border);
	border-radius: 20px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sva-p056 {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: var(--sy-cta-ink);
}

.sva-p057 {
	background: var(--sy-surface);
}

.sva-p058 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(36px,5vw,58px) clamp(16px,4vw,40px);
}

.sva-p059 {
	margin: 0 0 8px;
	font-size: clamp(23px,3vw,30px);
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p060 {
	margin: 0 0 24px;
	font-size: 17px;
	line-height: 1.85;
	color: var(--sy-body);
}

.sva-p061 {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
	gap: 20px;
}

.sva-p062 {
	border: 1px solid var(--sy-border);
	border-radius: 20px;
	padding: 24px;
	background: var(--sy-white);
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.sva-p063 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.sva-p064 {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	background: var(--sy-surface-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.sva-p065 {
	margin: 0;
	font-size: 19px;
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p066 {
	margin-top: auto;
	padding-top: 8px;
	font-size: 15px;
	font-weight: 700;
	color: var(--sy-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.sva-p067 {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--sy-success);
	background: var(--sy-success-tint);
	padding: 6px 12px;
	border-radius: 999px;
}

.sva-p068 {
	background: var(--sy-white);
}

.sva-p069 {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--sy-cta-dark);
	background: var(--sy-cta-tint);
	border: 1px solid var(--sy-cta-border);
	padding: 5px 11px;
	border-radius: 999px;
}

.sva-p070 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(36px,5vw,60px) clamp(16px,4vw,40px);
}

.sva-p071 {
	text-align: center;
	margin-bottom: 34px;
}

.sva-p072 {
	margin: 10px 0 0;
	font-size: clamp(23px,3vw,30px);
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p073 {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 20px;
}

.sva-p074 {
	background: var(--sy-white);
	border: 1px solid var(--sy-border);
	border-radius: 20px;
	padding: 24px;
}

.sva-p075 {
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--sy-primary);
	color: var(--sy-white);
	font-size: 18px;
	font-weight: 800;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.sva-p076 {
	margin: 0 0 7px;
	font-size: 18px;
	font-weight: 800;
	color: var(--sy-ink);
}

.sva-p077 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(24px,4vw,52px) clamp(16px,4vw,40px);
}

.sva-p078 {
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	border-radius: 28px;
	padding: clamp(30px,4.5vw,52px);
	text-align: center;
}

.sva-p079 {
	margin: 0 0 14px;
	font-size: clamp(23px,3.2vw,32px);
	font-weight: 800;
	color: var(--sy-white);
}

.sva-p080 {
	margin: 0 auto 26px;
	font-size: clamp(16px,1.9vw,19px);
	line-height: 1.9;
	color: rgba(255,255,255,.9);
	max-width: 56ch;
}

.sva-p081 {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}

.sva-p082 {
	font-size: 18px;
	font-weight: 700;
	color: var(--sy-white);
	background: var(--sy-cta);
	border-radius: 14px;
	padding: 16px 30px;
	box-shadow: 0 12px 26px -10px rgba(0,0,0,.4);
}

.sva-p083 {
	font-size: 18px;
	font-weight: 700;
	color: var(--sy-white);
	background: rgba(255,255,255,.14);
	border: 1.5px solid rgba(255,255,255,.45);
	border-radius: 14px;
	padding: 14px 28px;
}

.sva-p084 {
	background: var(--sy-footer);
	color: rgba(255,255,255,.82);
}

.sva-p085 {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(44px,6vw,72px) clamp(16px,4vw,40px) 32px;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 36px;
}

.sva-p086 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.sva-p087 {
	width: 44px;
	height: 44px;
	border-radius: 13px;
	background: linear-gradient(135deg,var(--sy-primary),var(--sy-primary-dark));
	display: flex;
	align-items: center;
	justify-content: center;
}

.sva-p088 {
	font-size: 18px;
	font-weight: 800;
	color: var(--sy-white);
}

.sva-p089 {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.95;
}

.sva-p090 {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sy-white);
}

.sva-p091 {
	display: flex;
	flex-direction: column;
	gap: 11px;
	font-size: 15.5px;
}

.sva-p092 {
	color: rgba(255,255,255,.82);
}

.sva-p093 {
	display: flex;
	flex-direction: column;
	gap: 13px;
	font-size: 15.5px;
	line-height: 1.7;
}

.sva-p094 {
	display: flex;
	gap: 9px;
}

.sva-p095 {
	display: flex;
	gap: 9px;
	color: var(--sy-white);
	font-weight: 700;
	direction: ltr;
	justify-content: flex-end;
}

.sva-p096 {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.sva-p097 {
	width: 78px;
	height: 88px;
	border-radius: 12px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.14);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	padding: 8px;
}

.sva-p098 {
	font-size: 11px;
	color: rgba(255,255,255,.75);
	line-height: 1.4;
}

.sva-p099 {
	border-top: 1px solid rgba(255,255,255,.1);
}

.sva-p100 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px clamp(16px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 14px;
	color: rgba(255,255,255,.55);
}

.sva-p101 {
	display: flex;
	gap: 18px;
}

.sva-p102 {
	position: fixed;
	bottom: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	z-index: 90;
	background: var(--sy-white);
	border-top: 1px solid var(--sy-border);
	box-shadow: 0 -8px 24px -12px rgba(9,90,98,.35);
	padding: 10px 12px;
	gap: 10px;
	align-items: center;
}

.sva-p103 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 14px;
	border-radius: 13px;
	background: var(--sy-cta);
	color: var(--sy-white);
	font-size: 16px;
	font-weight: 800;
}

.sva-p104 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 14px;
	border-radius: 13px;
	background: var(--sy-surface-tint);
	color: var(--sy-primary);
	font-size: 16px;
	font-weight: 800;
}

/* sy-port-stamp: 7b8433767f */

/* قاعدهٔ ۱ — کف ۱۴ پیکسل (بند ۱۰ و ۱۹ سند).
 *
 * فایل‌های طرح این کف را می‌شکنند. هر کلاسی که زیر کف بود این‌جا
 * بالا می‌آید، و چون لایهٔ جداست هزینه‌اش در سنجهٔ ب دیده می‌شود.
 */

.sva-p017 { font-size: 14px; }

.sva-p032 { font-size: 14px; }

.sva-p067 { font-size: 14px; }

.sva-p069 { font-size: 14px; }

.sva-p098 { font-size: 14px; }

.mdetailhead { font-size: 14px; }