/* ========================================================================= ASA Espadana — استایل اصلی پوسته طراحی مدرن، پاستیلی و راست‌چین | RTL-first ========================================================================= */ /* ---------- ۱) متغیرها ---------- */ :root { --primary: #5b85b3; --primary-d: color-mix(in srgb, var(--primary) 82%, #000); --primary-soft: color-mix(in srgb, var(--primary) 13%, #fff); --primary-glow: color-mix(in srgb, var(--primary) 32%, transparent); --mint: #000000; --mint-soft: color-mix(in srgb, var(--mint) 8%, #fff); --coral: #8dafe9; --coral-soft: color-mix(in srgb, var(--coral) 14%, #fff); --sky: #5BA8F5; --sky-soft: color-mix(in srgb, var(--sky) 14%, #fff); --amber: #F7B955; --amber-soft: color-mix(in srgb, var(--amber) 16%, #fff); --grad-end: #caeaf9; --violet: #9b6cf6; --ink: #1B1F3B; --navy: #0f2350; /* سرمه‌ای خالص — پس‌زمینه‌ی تاپ‌بار و فوتر و نوار موبایل */ --body: #5A6079; --muted: #8A90A8; --border: #ECEEF6; --bg: #ffffff; --bg-soft: #ffffff; --surface: #ffffff; --grad-brand: linear-gradient(135deg, var(--primary) 0%, var(--primary) 58%, var(--grad-end) 100%); --grad-hero: linear-gradient(160deg, var(--primary-soft) 0%, color-mix(in srgb, var(--coral) 12%, #fff) 48%, var(--bg-soft) 100%); --radius-sm: 12px; --radius: 18px; --radius-lg: 26px; --radius-pill: 999px; --shadow-sm: 0 4px 14px -6px rgba(27, 31, 59, .12); --shadow: 0 18px 40px -18px rgba(60, 55, 120, .22); --shadow-lg: 0 30px 60px -22px rgba(60, 55, 120, .28); --shadow-primary: 0 16px 30px -12px var(--primary-glow); --container: 1200px; --header-h: 76px; --base-font-size: 16px; --section-space: 110px; --ease: cubic-bezier(.22, 1, .36, 1); --font: 'Vazirmatn', Tahoma, 'Segoe UI', system-ui, -apple-system, sans-serif; } /* ---------- ۲) ریست و پایه ---------- */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--asa-hh, var(--header-h)) + 20px); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; font-family: var(--font); font-size: var(--base-font-size, 16px); line-height: 1.9; color: var(--body); background: var(--bg); direction: rtl; text-align: right; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .6em; color: var(--ink); font-weight: 800; line-height: 1.45; letter-spacing: -.01em; } p { margin: 0 0 1.1em; } a { color: var(--primary); text-decoration: none; transition: color .2s var(--ease); } a:hover { color: var(--primary-d); } img { max-width: 100%; height: auto; display: block; } ul, ol { padding-inline-start: 1.2em; } button { font-family: inherit; cursor: pointer; } ::selection { background: var(--primary); color: #fff; } .asa-skip-link { position: absolute; inset-inline-start: -9999px; top: 0; z-index: 9999; background: var(--primary); color: #fff; padding: 10px 18px; border-radius: 0 0 10px 10px; } .asa-skip-link:focus { inset-inline-start: 16px; color: #fff; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } /* ---------- ۳) لایه‌بندی ---------- */ .asa-container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: 24px; } .asa-section { padding-block: clamp(calc(var(--section-space, 110px) * .55), 9vw, var(--section-space, 110px)); position: relative; } .section-head { max-width: 680px; margin-inline: auto; text-align: center; margin-bottom: 54px; } .section-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; text-align: right; max-width: none; } .section-eyebrow { display: inline-block; font-size: .85rem; font-weight: 700; color: var(--primary); background: var(--primary-soft); padding: 6px 16px; border-radius: var(--radius-pill); margin-bottom: 16px; } a.section-eyebrow-link { text-decoration: none; cursor: pointer; transition: background .25s var(--ease), transform .25s var(--ease), color .25s; } a.section-eyebrow-link:hover { background: var(--primary); color: #fff; transform: translateY(-2px); } .section-title { font-size: clamp(1.7rem, 3.6vw, 2.6rem); margin-bottom: .4em; } .section-sub { font-size: 1.08rem; color: var(--muted); margin: 0; } /* ---------- ۴) دکمه‌ها ---------- */ .asa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 14px; border: 0; cursor: pointer; font-family: var(--font); font-size: 1rem; font-weight: 700; line-height: 1; transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .2s; white-space: nowrap; } .asa-btn svg { transition: transform .25s var(--ease); } .asa-btn-lg { padding: 16px 32px; font-size: 1.05rem; border-radius: 16px; } .asa-btn-block { width: 100%; } .asa-btn-primary { background: var(--grad-brand); color: #fff; box-shadow: var(--shadow-primary); } .asa-btn-primary:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 22px 40px -14px var(--primary-glow); } .asa-btn-primary:hover svg { transform: translateX(-4px); } .asa-btn-soft { background: var(--primary-soft); color: var(--primary); } .asa-btn-soft:hover { background: #dbe6f1; color: var(--primary-d); transform: translateY(-3px); } .asa-btn-white { background: #fff; color: var(--primary); box-shadow: var(--shadow); } .asa-btn-white:hover { color: var(--primary-d); transform: translateY(-3px); } .asa-btn-ghost-white { background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.4); } .asa-btn-ghost-white:hover { background: rgba(255,255,255,.24); color: #fff; transform: translateY(-3px); } /* ---------- ۵) نوار بالایی ---------- */ .asa-topbar { background: var(--navy); color: #cfd2e6; font-size: .85rem; } .topbar-inner { display: flex; align-items: center; justify-content: space-between; min-height: 42px; gap: 14px; } .topbar-info { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .topbar-link { display: inline-flex; align-items: center; gap: 7px; color: #cfd2e6; } .topbar-link svg { color: var(--primary); opacity: .9; } .topbar-link:hover { color: #fff; } .topbar-sep { width: 1px; height: 16px; background: rgba(255,255,255,.18); } .topbar-social { display: flex; gap: 8px; } .social-dot { width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; background: rgba(255,255,255,.1); color: #fff; font-size: .8rem; font-weight: 700; transition: .25s var(--ease); } .social-dot:hover { background: var(--primary); color: #fff; transform: translateY(-2px); } .social-dot svg { width: 15px; height: 15px; } /* ---------- ۶) هدر و ناوبری ---------- */ .asa-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.82); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid transparent; transition: box-shadow .3s var(--ease), border-color .3s, background .3s; } .asa-header.is-stuck { box-shadow: 0 10px 30px -18px rgba(27,31,59,.25); border-bottom-color: var(--border); background: rgba(255,255,255,.92); } .admin-bar .asa-header { top: 32px; } @media (max-width: 782px) { .admin-bar .asa-header { top: 46px; } } .asa-header.is-static { position: static; } .topbar-note { font-weight: 700; color: #fff; } .header-inner { display: flex; align-items: center; gap: 24px; min-height: var(--header-h); } .asa-branding { flex-shrink: 0; } .asa-logo, .custom-logo-link { display: inline-flex; align-items: center; gap: 11px; } .asa-logo-mark { display: inline-flex; filter: drop-shadow(0 8px 16px var(--primary-glow)); } .asa-logo-text { display: flex; flex-direction: column; line-height: 1.25; } .asa-logo-title { font-weight: 800; font-size: 1.18rem; color: var(--ink); } .asa-logo-sub { font-size: .72rem; color: var(--muted); font-weight: 600; } .asa-nav { margin-inline-start: auto; } .asa-nav-head, .asa-nav-foot { display: none; } /* تراز منوی اصلی در هدر — فقط دسکتاپ (در موبایل، منو کشویی است) */ @media (min-width: 881px) { .nav-align-right .asa-nav { margin-inline-start: 0; } .nav-align-right .header-actions { margin-inline-start: auto; } .nav-align-center .asa-nav { margin-inline: auto; } .nav-align-left .asa-nav { margin-inline-start: auto; } } .asa-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; } .asa-menu li { position: relative; } .asa-menu a { display: block; padding: 10px 15px; color: var(--ink); font-weight: 600; font-size: .98rem; border-radius: 10px; transition: color .2s, background .2s; } .asa-menu a:hover, .asa-menu .current-menu-item > a, .asa-menu .current_page_item > a { color: var(--primary); background: var(--primary-soft); } /* فهرست هفت‌گزینه‌ای در عرض تبلت افقی، بدون حذف آیتم یا شکستن هدر فشرده می‌شود. */ @media (min-width: 881px) and (max-width: 1180px) { .header-inner { gap: 10px; } .asa-menu { gap: 1px; } .asa-menu a { padding-inline: 8px; font-size: clamp(.79rem, 1.18vw, .9rem); } .header-cta { padding-inline: 14px; font-size: .82rem; white-space: nowrap; } .asa-logo-sub { display: none; } .asa-logo-title { font-size: 1rem; } } /* زیرمنو */ .asa-menu .sub-menu { position: absolute; top: 100%; inset-inline-end: 0; min-width: 220px; list-style: none; background: #fff; border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow); padding: 8px; margin: 10px 0 0; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .25s var(--ease); z-index: 50; } .asa-menu li:hover > .sub-menu, .asa-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .asa-menu .sub-menu a { padding: 9px 13px; font-size: .92rem; } .asa-menu .menu-item-has-children > a::after { content: '⌄'; margin-inline-start: 5px; font-size: .8em; opacity: .6; } .header-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } /* دکمه‌ی همبرگری */ .asa-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 12px; background: #fff; flex-direction: column; align-items: center; justify-content: center; gap: 5px; } .asa-menu-toggle span { width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: .3s var(--ease); } .asa-menu-open .asa-menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .asa-menu-open .asa-menu-toggle span:nth-child(2) { opacity: 0; } .asa-menu-open .asa-menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .asa-mobile-overlay { position: fixed; inset: 0; background: rgba(27,31,59,.45); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 90; opacity: 0; transition: opacity .3s; pointer-events: none; } .asa-menu-open .asa-mobile-overlay { opacity: 1; pointer-events: auto; } /* ---------- ۷) بخش قهرمان ---------- */ .asa-hero { position: relative; padding-top: clamp(40px, 7vw, 80px); padding-bottom: clamp(80px, 12vw, 150px); overflow: hidden; background: var(--grad-hero); } .hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: 50px; position: relative; z-index: 2; } .hero-content, .hero-visual { min-width: 0; } .hero-blobs { position: absolute; inset: 0; z-index: 1; pointer-events: none; } .blob { position: absolute; border-radius: 50%; filter: blur(48px); opacity: .55; } .blob-1 { width: 360px; height: 360px; background: color-mix(in srgb, var(--primary) 42%, #fff); top: -80px; inset-inline-end: -60px; animation: blob 16s var(--ease) infinite; } .blob-2 { width: 300px; height: 300px; background: color-mix(in srgb, var(--sky) 40%, #fff); bottom: -60px; inset-inline-start: 8%; animation: blob 20s var(--ease) infinite reverse; } .blob-3 { width: 260px; height: 260px; background: color-mix(in srgb, var(--coral) 50%, #fff); top: 30%; inset-inline-start: 36%; animation: blob 18s var(--ease) infinite 2s; } .hero-grid-pattern { position: absolute; inset: 0; background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px); background-size: 46px 46px; opacity: .4; -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 75%); mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 75%); } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.7); border: 1px solid #fff; box-shadow: var(--shadow-sm); padding: 7px 16px; border-radius: var(--radius-pill); font-size: .9rem; font-weight: 700; color: var(--ink); margin-bottom: 22px; } .badge-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 22%, transparent); animation: pulse 2s infinite; } .hero-title { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.3; margin-bottom: .5em; color: var(--ink); } .hero-desc { font-size: 1.15rem; color: var(--body); max-width: 540px; margin-bottom: 32px; } .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 34px; } .hero-trust { display: flex; align-items: center; gap: 14px; } .hero-trust p { margin: 0; font-size: .92rem; color: var(--muted); } .hero-trust strong { color: var(--ink); } .trust-avatars { display: flex; } .trust-avatars span { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: #fff; font-weight: 700; border: 3px solid #fff; margin-inline-start: -10px; font-size: .9rem; } .trust-avatars span:first-child { margin-inline-start: 0; } /* داشبورد قهرمان */ .hero-visual { position: relative; } .hero-dashboard { position: relative; transition: transform .2s var(--ease); will-change: transform; animation: floaty 7s ease-in-out infinite; } .dash-window { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid var(--border); overflow: hidden; } .dash-titlebar { display: flex; align-items: center; gap: 7px; padding: 14px 18px; border-bottom: 1px solid var(--border); background: var(--bg-soft); } .dash-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--c); } .dash-title { margin-inline-start: auto; font-size: .82rem; font-weight: 700; color: var(--muted); } .dash-body { padding: 20px; } .dash-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; } .kpi { background: var(--bg-soft); border: 1px solid var(--border); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 4px; } .kpi-label { font-size: .72rem; color: var(--muted); font-weight: 600; } .kpi-value { font-size: 1.25rem; font-weight: 800; color: var(--ink); } .kpi-trend { font-size: .72rem; color: var(--muted); } .kpi-trend.up { color: var(--mint); font-weight: 700; } .dash-chart { position: relative; background: var(--bg-soft); border: 1px solid var(--border); border-radius: 14px; padding: 16px; } .chart-svg { width: 100%; height: 100px; display: block; } /* نمودار همیشه از رنگِ برند پیروی می‌کند (CSS بر خصیصه‌های SVG مقدم است) */ .chart-svg .chart-line { stroke: var(--primary); } .chart-svg stop { stop-color: var(--primary); } .chart-line { stroke-dasharray: 600; stroke-dashoffset: 600; animation: draw 2.4s var(--ease) forwards .3s; } .chart-bars { display: flex; align-items: flex-end; gap: 8px; height: 56px; margin-top: 10px; } .chart-bars span { flex: 1; height: var(--h); background: linear-gradient(180deg, var(--primary) , color-mix(in srgb, var(--primary) 30%, #fff)); border-radius: 6px 6px 0 0; opacity: .85; transform-origin: bottom; animation: growBar .9s var(--ease) backwards; } .chart-bars span:nth-child(1){ animation-delay:.1s } .chart-bars span:nth-child(2){ animation-delay:.18s } .chart-bars span:nth-child(3){ animation-delay:.26s } .chart-bars span:nth-child(4){ animation-delay:.34s } .chart-bars span:nth-child(5){ animation-delay:.42s } .chart-bars span:nth-child(6){ animation-delay:.5s } .chart-bars span:nth-child(7){ animation-delay:.58s } .dash-float { position: absolute; background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); padding: 11px 15px; display: flex; align-items: center; gap: 11px; } .dash-float strong { display: block; font-size: .85rem; color: var(--ink); } .dash-float small { font-size: .72rem; color: var(--muted); } .float-icon { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 14%, #fff); color: var(--c); } .asa-svg-icon,.asa-nav-svg { display:inline-block;overflow:visible;vertical-align:middle;transform-origin:center;transition:transform .32s var(--ease),filter .32s var(--ease); } a:hover > .asa-svg-icon,.asa-btn:hover .asa-svg-icon,.contact-item:hover .asa-svg-icon,.about-principle:hover .asa-svg-icon { transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 3px 5px rgba(27,31,59,.16)); } .float-icon .asa-svg-icon { transition:transform .45s var(--ease); } .hero-float:hover .float-icon .asa-svg-icon { transform:rotate(-5deg) scale(1.08); } .dash-float-1 { bottom: 30px; inset-inline-start: -34px; animation: floaty 6s ease-in-out infinite .5s; } .dash-float-2 { top: 40px; inset-inline-end: -28px; animation: floaty 6.5s ease-in-out infinite 1.2s; } .hero-wave { position: absolute; bottom: -1px; inset-inline: 0; line-height: 0; z-index: 2; } .hero-wave svg { width: 100%; height: 60px; } /* حالتِ «تصویرِ دلخواه» به‌جای داشبورد */ .hero-image { animation: floaty 7s ease-in-out infinite; } .hero-image img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid var(--border); } /* حالتِ «بدونِ ویژوال»: متنِ وسط‌چین در یک ستون */ .hero-inner.no-visual { grid-template-columns: 1fr; max-width: 860px; text-align: center; } .hero-inner.no-visual .hero-desc { margin-inline: auto; } .hero-inner.no-visual .hero-actions { justify-content: center; } .hero-inner.no-visual .hero-social { align-items: center; } /* ---------- ۸) درباره ما + گرافیک دوبعدی یکپارچگی سازمان ---------- */ .asa-about { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(76px, 8vw, 126px); background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--primary) 5%, #fff) 55%, #fff 100%); border-bottom: 1px solid var(--border); } /* در صفحه‌های ساخته‌شده با المنتور، نسخه‌ی قدیمیِ ساده‌ی #about پنهان می‌شود و بخش پویا/قابل‌ویرایش پوسته جای آن قرار می‌گیرد. در حالت مستقل نیز هیچ نسخه‌ای از درباره ما داخل صفحه اصلی باقی نمی‌ماند. */ body.asa-about-is-embedded .asa-elementor-front #about:not(.asa-about), body.asa-about-is-standalone .asa-elementor-front #about { display: none !important; } .asa-about-page-shell { min-width: 0; overflow: hidden; overflow: clip; } .about-backdrop { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; } .about-backdrop-orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .58; } .about-backdrop-orb-one { width: clamp(360px, 42vw, 680px); height: clamp(360px, 42vw, 680px); inset-inline-start: -24%; top: -35%; background: radial-gradient(circle, color-mix(in srgb, var(--primary) 15%, transparent), transparent 70%); } .about-backdrop-orb-two { width: clamp(320px, 38vw, 580px); height: clamp(320px, 38vw, 580px); inset-inline-end: -18%; bottom: -32%; background: radial-gradient(circle, rgba(247,185,85,.14), transparent 70%); } .about-backdrop-grid { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(color-mix(in srgb,var(--primary) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 9%,transparent) 1px,transparent 1px); background-size: 42px 42px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent); mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent); } .about-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); align-items: center; gap: clamp(46px, 7vw, 106px); } .about-content,.about-visual-wrap { min-width: 0; } .about-title { max-width: 760px; margin: 12px 0 20px; text-align: start; font-size: clamp(32px, 4vw, 52px); line-height: 1.5; overflow-wrap: anywhere; } .about-lead { margin: 0; color: var(--ink); font-size: clamp(17px, 1.35vw, 20px); font-weight: 650; line-height: 2.05; } .about-body { margin: 18px 0 0; color: var(--body); font-size: 16px; line-height: 2.15; } .about-quote { position: relative; display: flex; align-items: flex-start; gap: 12px; margin: 25px 0 0; padding: 19px 21px; border: 1px solid color-mix(in srgb,var(--primary) 20%,var(--border)); border-inline-start: 4px solid var(--primary); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 15px 42px rgba(37,52,82,.06); } .about-quote>span { flex: 0 0 auto; color: var(--primary); font-family: Georgia,serif; font-size: 42px; font-weight: 900; line-height: .9; } .about-quote p { margin: 0; color: var(--ink); font-weight: 750; line-height: 1.95; } .about-system-map { position: relative; width: 100%; aspect-ratio: 1.18; min-height: 390px; border: 1px solid rgba(255,255,255,.9); border-radius: clamp(28px,4vw,46px); background: linear-gradient(145deg,rgba(255,255,255,.88),color-mix(in srgb,var(--primary) 8%,rgba(255,255,255,.72))); box-shadow: 0 36px 90px rgba(35,53,87,.14),inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } .about-system-glow { position: absolute; inset: 14%; border-radius: 50%; background: radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent),transparent 68%); } .about-system-orbit { position: absolute; border: 1px dashed color-mix(in srgb,var(--primary) 28%,transparent); border-radius: 50%; pointer-events: none; } .about-system-orbit-one { inset: 8%; } .about-system-orbit-two { inset: 18%; border-style: solid; opacity: .36; } .about-illustration { position: absolute; z-index: 2; inset: 5%; display: grid; place-items: center; } .about-illustration svg { width: 100%; height: 100%; overflow: visible; } .about-flow { fill: none; stroke: var(--primary); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 8 12; opacity: .48; } .about-flow-two { stroke: #f0aa36; animation-delay: -1.4s; } .about-screen { transform-box: fill-box; transform-origin: center; } .about-person { transform-box: fill-box; transform-origin: center; } .about-media { position: absolute; z-index: 2; inset: 12% 10%; margin: 0; overflow: hidden; border: 8px solid rgba(255,255,255,.94); border-radius: 28px; background: var(--bg-soft); box-shadow: 0 24px 60px rgba(26,42,74,.18); } .about-image { display: block; width: 100%; height: 100%; object-fit: cover; } .about-system-node { position: absolute; z-index: 4; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--primary) 18%,#fff); border-radius: 16px; color: var(--primary); background: rgba(255,255,255,.94); box-shadow: 0 14px 32px rgba(33,51,84,.14); } .about-system-node svg { width: 23px; height: 23px; } .about-system-node-one { inset-inline-start: 6%; top: 16%; } .about-system-node-two { inset-inline-end: 5%; top: 28%; } .about-system-node-three { inset-inline-start: 8%; bottom: 18%; } .about-system-node-four { inset-inline-end: 9%; bottom: 12%; } .about-visual-label { position: absolute; z-index: 5; left: 50%; right: auto; bottom: -18px; display: inline-flex; align-items: center; gap: 9px; max-width: calc(100% - 36px); min-height: 48px; padding: 10px 17px; border: 1px solid rgba(255,255,255,.92); border-radius: 16px; color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 16px 42px rgba(31,48,80,.16); font-size: 13px; font-weight: 850; text-align: center; transform: translateX(-50%); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); overflow-wrap: anywhere; } .about-label-pulse { flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 6px color-mix(in srgb,var(--primary) 15%,transparent); } .about-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: clamp(54px,7vw,84px); } .about-fact { min-width: 0; min-height: 126px; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 20px; border: 1px solid color-mix(in srgb,var(--primary) 12%,var(--border)); border-radius: 20px; background: rgba(255,255,255,.84); box-shadow: 0 14px 38px rgba(37,52,82,.055); text-align: center; } .about-fact strong { color: var(--primary); font-size: clamp(26px,3vw,39px); font-weight: 950; line-height: 1.25; overflow-wrap: anywhere; } .about-fact span { color: var(--body); font-size: 13px; font-weight: 700; line-height: 1.8; overflow-wrap: anywhere; } .about-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 18px; } .about-principle { min-width: 0; display: flex; align-items: flex-start; gap: 15px; padding: 23px; border: 1px solid var(--border); border-radius: 21px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease); } .about-principle:hover { transform: translateY(-5px); border-color: color-mix(in srgb,var(--primary) 24%,var(--border)); box-shadow: var(--shadow); } .about-principle-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: var(--primary); background: var(--primary-soft); } .about-principle h3 { margin: 0 0 7px; color: var(--ink); font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; } .about-principle p { margin: 0; color: var(--body); font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; } .about-trust { margin-top: clamp(42px,6vw,70px); padding-top: 34px; border-top: 1px solid var(--border); } .trust-caption { max-width: 880px; margin: 0 auto 22px; color: var(--muted); font-size: .95rem; line-height: 1.9; text-align: center; } .trust-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; } .trust-logo { max-width: 100%; padding: 9px 17px; border: 1px solid transparent; border-radius: 12px; color: #9097ad; background: var(--bg-soft); font-size: .97rem; font-weight: 800; transition: .3s var(--ease); overflow-wrap: anywhere; } .trust-logo:hover { color: var(--primary); border-color: color-mix(in srgb,var(--primary) 15%,transparent); background: var(--primary-soft); transform: translateY(-3px); } .asa-about.has-motion .about-flow { animation: asa-about-data-flow 5s linear infinite; } .asa-about.has-motion .about-screen { animation: asa-about-breathe 5.5s ease-in-out infinite; } .asa-about.has-motion .about-person-one,.asa-about.has-motion .about-person-four { animation: asa-about-float 4.8s ease-in-out infinite; } .asa-about.has-motion .about-person-two,.asa-about.has-motion .about-person-three { animation: asa-about-float 5.4s ease-in-out infinite reverse; } .asa-about.has-motion .about-system-node-one,.asa-about.has-motion .about-system-node-four { animation: asa-about-node 4.7s ease-in-out infinite; } .asa-about.has-motion .about-system-node-two,.asa-about.has-motion .about-system-node-three { animation: asa-about-node 5.2s ease-in-out infinite reverse; } .asa-about.has-motion .about-system-orbit-one { animation: asa-about-orbit 26s linear infinite; } .asa-about.has-motion .about-system-orbit-two { animation: asa-about-orbit 19s linear infinite reverse; } .asa-about.has-motion .about-label-pulse { animation: asa-about-pulse 2.4s ease-out infinite; } @keyframes asa-about-data-flow { to { stroke-dashoffset: -120; } } @keyframes asa-about-breathe { 50% { transform: translateY(-7px) scale(1.015); } } @keyframes asa-about-float { 50% { transform: translateY(-8px); } } @keyframes asa-about-node { 50% { transform: translateY(-7px) rotate(3deg); box-shadow: 0 20px 38px rgba(33,51,84,.19); } } @keyframes asa-about-orbit { to { transform: rotate(360deg); } } @keyframes asa-about-pulse { 70%,100% { box-shadow: 0 0 0 12px transparent; } } @media(max-width:1024px){.about-layout{grid-template-columns:minmax(0,1fr) minmax(370px,.82fr);gap:44px}.about-principle{padding:20px}.about-fact{padding:17px}} @media(max-width:900px){.about-layout{grid-template-columns:1fr}.about-content{max-width:760px}.about-visual-wrap{width:min(100%,620px);margin-inline:auto}.about-system-map{min-height:360px}.about-facts{margin-top:62px}.about-principles{grid-template-columns:1fr}.about-principle{align-items:center}} @media(max-width:600px){.asa-about{padding-block:64px}.about-title{font-size:clamp(29px,8.5vw,38px);line-height:1.55}.about-lead{font-size:16px}.about-body{font-size:15px}.about-quote{padding:17px}.about-system-map{min-height:0;border-radius:28px}.about-media{inset:12% 8%;border-width:6px;border-radius:22px}.about-system-node{width:42px;height:42px;border-radius:13px}.about-system-node svg{width:20px;height:20px}.about-visual-label{bottom:-21px;min-height:44px;font-size:12px}.about-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:58px}.about-fact{min-height:118px;padding:15px 12px;border-radius:17px}.about-principle{align-items:flex-start;padding:18px;border-radius:18px}.about-trust{padding-top:28px}.trust-logo{font-size:.88rem;padding:8px 12px}} @media(max-width:380px){.about-quote{gap:8px;padding:15px}.about-quote>span{font-size:34px}.about-system-node{width:38px;height:38px}.about-system-node-one{inset-inline-start:3%}.about-system-node-two{inset-inline-end:3%}.about-facts{grid-template-columns:1fr}.about-fact{min-height:104px}.about-principle{gap:12px}.about-principle-icon{flex-basis:42px;width:42px;height:42px}} @media(prefers-reduced-motion:reduce){.asa-about *{animation:none!important;transition-duration:.01ms!important}.about-principle:hover,.trust-logo:hover{transform:none}} /* ---------- ۹) امکانات ---------- */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .feature-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 30px; position: relative; overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s; } .feature-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, var(--accent), transparent 60%); opacity: 0; transition: opacity .35s; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .feature-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; } .feature-card:hover::before { opacity: 1; } .feature-icon { width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 20px; transition: .4s var(--ease); isolation: isolate; } .feature-icon svg { filter: drop-shadow(0 10px 16px rgba(27,31,59,.14)); } .feature-card:hover .feature-icon { transform: translateY(-5px) rotate(-5deg) scale(1.05); } .feature-title { font-size: 1.2rem; margin-bottom: .5em; } .feature-text { margin: 0; font-size: .98rem; color: var(--body); } /* ---------- ۱۰) محصولات ---------- */ .asa-products { background: var(--bg-soft); } .products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } .product-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; transition: transform .35s var(--ease), box-shadow .35s var(--ease); position: relative; overflow: hidden; } .product-card::after { content: ''; position: absolute; inset-block-start: 0; inset-inline-end: 0; width: 0; height: 4px; background: var(--accent); transition: width .4s var(--ease); } .product-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .product-card:hover::after { width: 100%; } .product-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .product-icon { width: 64px; height: 64px; display: grid; place-items: center; transition: .4s var(--ease); position: relative; isolation: isolate; } .product-icon::before { content: ''; position: absolute; inset: 9px; z-index: -1; border-radius: 50%; background: var(--accent, var(--primary)); opacity: .08; filter: blur(11px); transform: scale(.82); transition: transform .4s var(--ease), opacity .4s var(--ease); } .product-icon svg { filter: drop-shadow(0 10px 16px rgba(27,31,59,.14)); } .product-card:hover .product-icon { transform: translateY(-4px) scale(1.05); } .product-card:hover .product-icon::before { opacity: .18; transform: scale(1.25); } .asa-card-svg-icon { display: block; width: 100%; height: 100%; overflow: visible; transform-origin: center; isolation: isolate; transition: filter .42s var(--ease), transform .42s var(--ease); } .asa-card-svg-icon .asa-icon-art,.asa-card-svg-icon .asa-icon-scene,.asa-card-svg-icon .asa-icon-orb,.asa-card-svg-icon .asa-icon-ground { transform-box: fill-box; transform-origin: center; transition: transform .5s var(--ease), opacity .4s var(--ease); } .asa-card-svg-icon .asa-icon-tile { transition: filter .45s var(--ease); } .product-card:hover .asa-card-svg-icon,.asa-product-visual:hover .asa-card-svg-icon { filter: drop-shadow(0 15px 20px rgba(27,31,59,.2)); transform: translateY(-2px) rotate(-1.5deg) scale(1.035); } .product-card:hover .asa-icon-art,.asa-product-visual:hover .asa-icon-art { transform: translateY(-1.5px) scale(1.025); } .product-card:hover .asa-icon-scene,.asa-product-visual:hover .asa-icon-scene { transform: translate3d(-1px,1px,0) scale(1.04); } .product-card:hover .asa-icon-orb--a,.asa-product-visual:hover .asa-icon-orb--a { transform: translate(-2px,3px) scale(1.15); opacity:.24; } .product-card:hover .asa-icon-orb--b,.asa-product-visual:hover .asa-icon-orb--b { transform: translate(3px,-2px) scale(.86); } .product-card:hover .asa-icon-ground,.asa-product-visual:hover .asa-icon-ground { transform: scaleX(1.14); opacity:.14; } .product-card:hover .asa-icon-signal,.asa-product-visual:hover .asa-icon-signal { transform: translateX(1.5px); } .product-card:focus-within .asa-card-svg-icon { filter: drop-shadow(0 12px 18px rgba(27,31,59,.18)); transform: translateY(-2px) scale(1.025); } .asa-elementor-icon-widget { text-align:center;line-height:0; } .asa-elementor-icon2d { display:inline-grid;place-items:center;width:92px;height:92px;margin:0 auto 8px;line-height:0; } .asa-elementor-icon2d .asa-card-svg-icon { width:84px;height:84px; } .elementor-column:hover .asa-elementor-icon2d .asa-card-svg-icon { filter:drop-shadow(0 15px 20px rgba(27,31,59,.2));transform:translateY(-2px) rotate(-1.5deg) scale(1.035); } .elementor-column:hover .asa-elementor-icon2d .asa-icon-art { transform:translateY(-1.5px) scale(1.025); } /* سامانه یکپارچه انیمیشن‌های دوبعدی: حرکت هر نماد از مفهوم همان محصول/قابلیت می‌آید. */ .asa-animated-2d .asa-icon-motion-layer *, .asa-animated-2d .asa-icon-art *, .asa-motion-micro * { transform-box: fill-box; transform-origin: center; } .asa-animated-2d .asa-icon-scene { animation: asaIconSceneDrift 7s ease-in-out infinite alternate; animation-delay: var(--asa-motion-delay,0s); } .asa-animated-2d .asa-icon-orb--a { animation: asaIconOrbA 5.2s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-animated-2d .asa-icon-orb--b { animation: asaIconOrbB 6.4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-animated-2d .asa-icon-motion-particle--a { animation: asaIconParticleA 3.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-animated-2d .asa-icon-motion-particle--b { animation: asaIconParticleB 4.6s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-animated-2d .asa-icon-motion-spark { animation: asaIconSpark 3.2s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* مالی و حسابداری: رشد میله‌های گزارش و ثبت سند */ .asa-card-svg-icon--financial-accounting .asa-icon-art > g rect, .asa-card-svg-icon--financial-statements .asa-icon-art > rect:not(:first-child), .asa-card-svg-icon--management-dashboard .asa-icon-art > path:nth-of-type(2), .asa-card-svg-icon--chart .asa-icon-art > rect { animation: asaIconBar 3.4s ease-in-out infinite alternate; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--financial-accounting .asa-icon-art > circle, .asa-card-svg-icon--financial-statements .asa-icon-art > path:last-child { animation: asaIconPulse 2.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* عملیات ارزی: چرخش کره و رفت‌وبرگشت نرخ تبدیل */ .asa-card-svg-icon--currency-operations .asa-icon-art > circle:first-child { animation: asaIconGlobe 10s linear infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--currency-operations .asa-icon-art > path:last-of-type { animation: asaIconExchange 2.9s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* سامانه مودیان و صورتحساب: ارسال سند، اسکن و مهر تأیید */ .asa-card-svg-icon--taxpayer-system .asa-icon-art > path:first-child, .asa-card-svg-icon--tax-return .asa-icon-art { animation: asaIconDocument 4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--taxpayer-system .asa-icon-art > circle, .asa-card-svg-icon--electronic-invoice .asa-icon-art > circle { animation: asaIconSeal 3.1s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* دفاتر الکترونیکی: بازشدن دفتر و جریان سطرها */ .asa-card-svg-icon--electronic-ledgers .asa-icon-art > path:first-child { animation: asaIconBook 4.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--electronic-ledgers .asa-icon-art > g rect { animation: asaIconBlink 2.6s steps(2,end) infinite; animation-delay: var(--asa-motion-delay,0s); } /* انبار: جابه‌جایی کنترل‌شده بسته‌ها */ .asa-card-svg-icon--inventory .asa-icon-art > rect:nth-of-type(1), .asa-card-svg-icon--inventory .asa-icon-art > rect:nth-of-type(2) { animation: asaIconStock 3.6s ease-in-out infinite alternate; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--inventory .asa-icon-art > rect:nth-of-type(3) { animation: asaIconStock 3.6s ease-in-out infinite alternate-reverse; animation-delay: var(--asa-motion-delay,0s); } /* فروش و داشبورد: ترسیم روند و حرکت سبد */ .asa-card-svg-icon--sales-management .asa-icon-art > path:nth-of-type(3), .asa-card-svg-icon--management-dashboard .asa-icon-art > path:nth-of-type(3), .asa-card-svg-icon--revenue-standard .asa-icon-art > path:last-child { stroke-dasharray:52; animation: asaIconLineDraw 4.2s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--online-sales .asa-icon-signal { animation: asaIconSignal 2.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--online-sales .asa-icon-art > circle { animation: asaIconWheel 3s linear infinite; animation-delay: var(--asa-motion-delay,0s); } /* حقوق و اموال: تأیید پرداخت و پرچم دارایی */ .asa-card-svg-icon--payroll-management .asa-icon-art > circle:last-of-type { animation: asaIconPay 3s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--fixed-assets .asa-icon-art > path:last-of-type { animation: asaIconFlag 3.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* تولید و سفارش ساخت: چرخ‌دنده برنامه و چرخه اجرا */ .asa-card-svg-icon--production-planning .asa-icon-art > circle, .asa-card-svg-icon--manufacturing-orders .asa-icon-art > circle:last-of-type, .asa-card-svg-icon--deployment .asa-icon-art { animation: asaIconGear 11s linear infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--industrial-accounting .asa-icon-art > circle { animation: asaIconFactoryPulse 3.4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* گردش مواد: بسته‌ها و فلش جریان در دو ایستگاه */ .asa-card-svg-icon--material-flow .asa-icon-art > path:nth-of-type(1) { animation: asaIconPackageA 4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--material-flow .asa-icon-art > path:nth-of-type(2) { animation: asaIconPackageB 4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--material-flow .asa-icon-art > path:nth-of-type(4) { stroke-dasharray:24; animation: asaIconFlow 3.4s linear infinite; animation-delay: var(--asa-motion-delay,0s); } /* تدارکات خارجی: حرکت حمل‌ونقل روی شبکه جهانی */ .asa-card-svg-icon--foreign-procurement .asa-icon-art { animation: asaIconShip 4.5s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--foreign-procurement .asa-icon-art > path:last-child { animation: asaIconExchange 3s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* هوش مصنوعی و API: ضربان شبکه و تبادل داده */ .asa-card-svg-icon--artificial-intelligence .asa-icon-signal circle { animation: asaIconNode 2.7s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--artificial-intelligence .asa-icon-signal circle:nth-child(2) { animation-delay: calc(var(--asa-motion-delay,0s) - .45s); } .asa-card-svg-icon--artificial-intelligence .asa-icon-signal circle:nth-child(3) { animation-delay: calc(var(--asa-motion-delay,0s) - .9s); } .asa-card-svg-icon--api .asa-icon-signal { animation: asaIconApi 6s linear infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--api .asa-icon-art > path:nth-of-type(2) { stroke-dasharray:28; animation: asaIconCode 3.2s linear infinite; animation-delay: var(--asa-motion-delay,0s); } /* آموزش، مشاوره و پشتیبانی */ .asa-card-svg-icon--consultation .asa-icon-art > g circle { animation: asaIconTyping 2.1s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--consultation .asa-icon-art > g circle:nth-child(2) { animation-delay: calc(var(--asa-motion-delay,0s) - .3s); } .asa-card-svg-icon--consultation .asa-icon-art > g circle:nth-child(3) { animation-delay: calc(var(--asa-motion-delay,0s) - .6s); } .asa-card-svg-icon--training .asa-icon-art { animation: asaIconGraduate 4.2s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--learning .asa-icon-art > path:first-child { animation:asaIconBook 4.8s ease-in-out infinite;animation-delay:var(--asa-motion-delay,0s); } .asa-card-svg-icon--learning .asa-icon-art > path:last-child { animation:asaIconSpark 3s ease-in-out infinite;animation-delay:var(--asa-motion-delay,0s); } .asa-card-svg-icon--search .asa-icon-art > circle { animation:asaIconSearch 3.8s ease-in-out infinite;animation-delay:var(--asa-motion-delay,0s); } .asa-card-svg-icon--support .asa-icon-art > rect { animation: asaIconHeadset 3.4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* قابلیت‌های عمومی: همگام‌سازی، امنیت، سرعت، ابر و بومی‌سازی */ .asa-card-svg-icon--sync .asa-icon-art { animation: asaIconSync 9s linear infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--shield .asa-icon-art > path:last-child, .asa-card-svg-icon--check .asa-icon-art > path:last-child { stroke-dasharray:30; animation: asaIconCheck 3.6s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--bolt .asa-icon-art > path { animation: asaIconBolt 2.6s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--cloud .asa-icon-art > path:last-child { animation: asaIconCloudFlow 2.9s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--phone .asa-icon-art > path:last-child { animation: asaIconSignal 2.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--mail .asa-icon-art { animation: asaIconEnvelope 4.4s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--pin .asa-icon-art { animation: asaIconPin 3.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--treasury .asa-icon-art > circle:first-of-type { animation: asaIconVault 12s linear infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--tax-deadline .asa-icon-art { animation: asaIconDeadline 3.8s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } .asa-card-svg-icon--month-close .asa-icon-art > circle, .asa-card-svg-icon--newspaper-classifieds .asa-icon-art > path:last-child { animation: asaIconPulse 3s ease-in-out infinite; animation-delay: var(--asa-motion-delay,0s); } /* ریزآیکن‌های هدر، فوتر، تماس و کنترل‌ها نیز حرکت معناییِ کم‌دامنه دارند. */ .asa-svg-icon--phone { animation: asaMicroRing 5s ease-in-out infinite; } .asa-svg-icon--support { animation: asaMicroSupport 4s ease-in-out infinite; } .asa-svg-icon--pin { animation: asaMicroPin 4.2s ease-in-out infinite; } .asa-svg-icon--mail { animation: asaMicroMail 4.5s ease-in-out infinite; } .asa-svg-icon--sync { animation: asaMicroSync 9s linear infinite; } .asa-svg-icon--check { animation: asaMicroCheck 4s ease-in-out infinite; } .asa-svg-icon--chart,.asa-svg-icon--sales { animation: asaMicroChart 4.8s ease-in-out infinite; } .asa-svg-icon--finance,.asa-svg-icon--treasury { animation: asaMicroFinance 5s ease-in-out infinite; } .asa-svg-icon--warehouse,.asa-svg-icon--material { animation: asaMicroStock 4.4s ease-in-out infinite; } .asa-svg-icon--production,.asa-svg-icon--industry { animation: asaMicroProduction 5.2s ease-in-out infinite; } .asa-svg-icon--bolt { animation: asaIconBolt 2.8s ease-in-out infinite; } .asa-svg-icon--shield,.asa-svg-icon--cloud { animation: asaMicroTrust 4.6s ease-in-out infinite; } .asa-card-img-icon { animation: asaCustomIconFloat 5s ease-in-out infinite; } .asa-logo-mark svg { animation: asaBrandFloat 6s ease-in-out infinite; overflow:visible; } .asa-logo-mark svg path { stroke-dasharray:48; animation: asaBrandDraw 6s ease-in-out infinite; } .asa-nav-brand-mark svg { animation: asaBrandFloat 6s ease-in-out infinite reverse; } .map-nav-btn svg { transform-box:fill-box;transform-origin:center;animation:asaMapBeacon 4s ease-in-out infinite; } .map-nav-waze svg { animation-delay:-1.2s; }.map-nav-apple svg { animation-delay:-2.4s; } #asa-back-to-top svg { animation:asaBackTop 2.4s ease-in-out infinite; } .products-toggle-icon { animation:asaToggleHint 3s ease-in-out infinite; } .asa-btn > svg,.product-arrow svg { transition:transform .3s var(--ease); } .asa-btn:hover > svg,.product-card:hover .product-arrow svg { transform:translateX(-4px); } .asa-elementor-contact-info .elementor-icon-list-icon { display:inline-grid;transform-origin:center; } .asa-elementor-contact-info .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon { animation:asaMicroPin 4.2s ease-in-out infinite; } .asa-elementor-contact-info .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation:asaMicroRing 5s ease-in-out infinite; } .asa-elementor-contact-info .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation:asaMicroMail 4.5s ease-in-out infinite; } .asa-elementor-contact-info .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation:asaMicroSupport 4s ease-in-out infinite; } .asa-elementor-footer-links .elementor-icon-list-icon { animation:asaFooterArrow 3.4s ease-in-out infinite; } .elementor-widget-social-icons .elementor-social-icon { animation:asaSocialOrbit 5s ease-in-out infinite; } .elementor-widget-social-icons .elementor-social-icon:nth-child(2) { animation-delay:-1s; }.elementor-widget-social-icons .elementor-social-icon:nth-child(3) { animation-delay:-2s; }.elementor-widget-social-icons .elementor-social-icon:nth-child(4) { animation-delay:-3s; } /* آیکن تصویری دلخواه مدیر سایت (PNG / SVG / WebP و...) */ .asa-card-img-icon { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 10px 16px rgba(27,31,59,.18)); } .product-arrow { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: var(--muted); background: var(--bg-soft); transition: .35s var(--ease); } .product-card:hover .product-arrow { background: var(--accent); color: #fff; transform: rotate(-45deg); } .product-title { font-size: 1.2rem; margin-bottom: .45em; } .product-title a { color: inherit; text-decoration: none; } .product-title a:hover { color: var(--accent, var(--primary)); } .product-badge { display: inline-flex; width: fit-content; margin: 2px 0 10px; padding: 5px 10px; border-radius: 999px; color: var(--accent, var(--primary)); background: color-mix(in srgb, var(--accent, var(--primary)) 10%, white); font-size: 12px; font-weight: 800; } .product-text { font-size: .95rem; color: var(--body); margin-bottom: 18px; } .product-link { font-weight: 700; font-size: .92rem; color: var(--accent); display: inline-flex; align-items: center; gap: 5px; } .product-link::after { content: '←'; transition: transform .25s var(--ease); } .product-card:hover .product-link::after { transform: translateX(-4px); } /* در صفحه اصلی فقط هشت محصول نخست نمایش داده می‌شود؛ بدون JavaScript همه‌ی محصولات باز می‌مانند تا محتوا و لینک‌ها همیشه در دسترس باشند. */ .asa-products-is-collapsed [data-asa-product-extra], .asa-elementor-front.asa-products-is-collapsed .asa-products-extra-row { display: none !important; } .products-toggle-wrap { display: flex; justify-content: center; margin-top: clamp(28px, 4vw, 42px); text-align: center; } .products-toggle-wrap[hidden], .asa-products-toggle-row[hidden] { display: none !important; } .asa-products .asa-products-toggle, .asa-products-toggle .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: min(100%, 260px); min-height: 54px; padding: 14px 26px; border: 1px solid color-mix(in srgb, var(--primary) 30%, #fff); border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #8dafe9)); box-shadow: 0 15px 34px color-mix(in srgb, var(--primary) 25%, transparent), inset 0 1px 0 rgba(255,255,255,.3); font-weight: 850; text-decoration: none; transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); } .asa-products .asa-products-toggle::before, .asa-products-toggle .elementor-button::before { content: ''; position: absolute; z-index: -1; inset: 0; transform: translateX(110%); background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.28) 48%, transparent 72%); transition: transform .65s var(--ease); } .asa-products .asa-products-toggle:hover, .asa-products-toggle .elementor-button:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 20px 42px color-mix(in srgb, var(--primary) 32%, transparent), inset 0 1px 0 rgba(255,255,255,.36); } .asa-products .asa-products-toggle:hover::before, .asa-products-toggle .elementor-button:hover::before { transform: translateX(-110%); } .asa-products .asa-products-toggle:focus-visible, .asa-products-toggle .elementor-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--primary) 38%, transparent); outline-offset: 4px; } .products-toggle-icon { flex: 0 0 auto; transition: transform .3s var(--ease); } .asa-products-toggle:hover .products-toggle-icon { transform: translateY(3px); } .products-cta { text-align: center; margin-top: 48px; display: flex; flex-direction: column; align-items: center; gap: 16px; } .products-cta p { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--ink); } /* ---------- ۱۱) فرایند ---------- */ .process-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; } .process-line { position: absolute; top: 42px; inset-inline: 8%; height: 3px; border-radius: 3px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--primary) 45%, #fff) 0 12px, transparent 12px 22px); z-index: 0; animation: asaProcessLine 18s linear infinite; } .process-step { text-align: center; position: relative; z-index: 1; } .process-motion { width: 84px; height: 84px; display: grid; place-items: center; margin: 0 auto -15px; filter: drop-shadow(0 14px 24px rgba(27,31,59,.13)); } .process-motion .asa-card-svg-icon { width: 70px; height: 70px; } .process-num { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 16px; position: relative; z-index: 2; background: var(--grad-brand); color: #fff; font-size: .92rem; font-weight: 900; box-shadow: var(--shadow-primary); border: 3px solid #fff; } .process-title { font-size: 1.12rem; margin-bottom: .4em; } .process-text { font-size: .94rem; color: var(--body); margin: 0; } /* ---------- ۱۲) آمار ---------- */ .asa-stats-band { padding-block: clamp(30px, 5vw, 50px); } .stats-card { position: relative; overflow: hidden; background: var(--grad-brand); border-radius: var(--radius-lg); padding: clamp(30px, 5vw, 54px); box-shadow: var(--shadow-lg); } .stats-glow { position: absolute; width: 400px; height: 400px; border-radius: 50%; background: rgba(255,255,255,.16); filter: blur(60px); top: -150px; inset-inline-start: -80px; } .stats-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; } .stat-item { color: #fff; } .stat-number { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; line-height: 1; display: flex; justify-content: center; align-items: baseline; } .stat-suffix { font-size: .7em; opacity: .85; margin-inline-start: 2px; } .stat-label { display: block; margin-top: 8px; font-size: .98rem; color: rgba(255,255,255,.85); } /* ---------- ۱۳) نظرات ---------- */ .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .testimonial-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 30px; margin: 0; transition: transform .35s var(--ease), box-shadow .35s var(--ease); position: relative; } .testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .testimonial-stars { color: var(--amber); font-size: 1.05rem; letter-spacing: 2px; margin-bottom: 14px; } .testimonial-text { font-size: 1rem; color: var(--ink); line-height: 2; margin: 0 0 22px; font-weight: 500; } .testimonial-author { display: flex; align-items: center; gap: 13px; } .author-avatar { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: #fff; font-weight: 800; font-size: 1.1rem; } .author-info strong { display: block; color: var(--ink); font-size: .98rem; } .author-info small { color: var(--muted); font-size: .85rem; } /* ---------- ۱۴) وبلاگ ---------- */ .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .asa-blog-empty { display: grid; justify-items: center; gap: 16px; padding: clamp(28px, 5vw, 52px); text-align: center; color: var(--muted); background: color-mix(in srgb, var(--primary) 5%, #fff); border: 1px dashed color-mix(in srgb, var(--primary) 24%, transparent); border-radius: 24px; } .asa-blog-empty .blog-thumb-placeholder { width: 72px; height: 72px; border-radius: 22px; } .asa-blog-empty p { margin: 0; } .blog-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease); display: flex; flex-direction: column; } .blog-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .blog-thumb { position: relative; aspect-ratio: 16 / 10; overflow: hidden; display: block; background: var(--primary-soft); } .blog-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); } .blog-card:hover .blog-thumb img { transform: scale(1.07); } .blog-thumb-placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: var(--primary); opacity: .5; background: var(--grad-hero); } .blog-thumb-placeholder.blog-thumb-motion { opacity:1; } .blog-thumb-motion .asa-card-svg-icon { width:78px;height:78px;filter:drop-shadow(0 14px 22px rgba(27,31,59,.14)); } .blog-cat { position: absolute; top: 14px; inset-inline-end: 14px; background: rgba(255,255,255,.95); color: var(--primary); font-size: .78rem; font-weight: 700; padding: 5px 12px; border-radius: var(--radius-pill); box-shadow: var(--shadow-sm); } .blog-body { padding: 22px; display: flex; flex-direction: column; flex: 1; } .blog-card-title { font-size: 1.15rem; line-height: 1.6; margin-bottom: .5em; } .blog-card-title a { color: var(--ink); } .blog-card-title a:hover { color: var(--primary); } .blog-excerpt { font-size: .94rem; color: var(--body); margin-bottom: 18px; flex: 1; } .blog-card-meta { display: flex; gap: 16px; font-size: .82rem; color: var(--muted); border-top: 1px solid var(--border); padding-top: 14px; } .blog-card-meta span { display: inline-flex; align-items: center; gap: 5px; } /* مرکز دانش و مطالب آموزشی */ .asa-blog .section-head-row .section-sub { max-width: 650px; margin: 10px 0 0; } .asa-education-card { position: relative; isolation: isolate; } .asa-education-card.is-expired { opacity: .88; } .asa-education-visual { position: relative; min-height: 224px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 11%, #fff), #fff 58%, color-mix(in srgb, var(--coral) 12%, #fff)); } .asa-education-visual::before, .asa-education-visual::after { content: ''; position: absolute; border-radius: 999px; pointer-events: none; } .asa-education-visual::before { width: 170px; height: 170px; inset: -60px auto auto -34px; background: color-mix(in srgb, var(--primary) 13%, transparent); } .asa-education-visual::after { width: 110px; height: 110px; inset: auto -25px -38px auto; border: 18px solid color-mix(in srgb, var(--coral) 13%, transparent); } .asa-education-pattern { position: absolute; inset: 18px; border: 1px solid color-mix(in srgb, var(--primary) 13%, transparent); border-radius: 24px; } .asa-education-pattern::before { content: ''; position: absolute; width: 74px; height: 1px; top: 26px; inset-inline-start: 20px; background: color-mix(in srgb, var(--primary) 28%, transparent); box-shadow: 0 9px 0 color-mix(in srgb, var(--primary) 15%, transparent); } .asa-education-motion-wrap { position: relative; z-index: 2; width: min(90%, 248px); height: 178px; display: grid; place-items: center; transition: transform .45s var(--ease), filter .45s var(--ease); } .asa-education-card:hover .asa-education-motion-wrap { transform: translateY(-5px) scale(1.025); filter: drop-shadow(0 18px 22px rgba(35,49,85,.13)); } .asa-education-motion { display: block; width: 100%; height: 100%; overflow: visible; } .asa-education-motion * { transform-box: fill-box; transform-origin: center; } .asa-motion-scene { animation: asaEducationSceneFloat 5.4s ease-in-out infinite; } .asa-motion-backdrop circle:first-child { animation: asaEducationOrb 5s ease-in-out infinite alternate; } .asa-motion-backdrop circle:nth-child(2) { animation: asaEducationOrb 6.2s ease-in-out -1.5s infinite alternate-reverse; } .asa-motion-paper, .asa-motion-contract, .asa-motion-close-calendar { animation: asaEducationPaper 5.6s ease-in-out infinite; } .asa-motion-clock { animation: asaEducationClockBob 3.6s ease-in-out infinite; } .asa-motion-clock-hand { transform-box: view-box; transform-origin: 166px 124px; animation: asaEducationClockHand 8s linear infinite; } .asa-motion-date-pulse { animation: asaEducationPulse 1.8s ease-in-out infinite; } .asa-motion-alert { stroke-dasharray: 40; animation: asaEducationSignal 2.4s ease-out infinite; } .asa-motion-upload-paper { animation: asaEducationUploadPaper 3.4s ease-in-out infinite; } .asa-motion-upload-arrow { animation: asaEducationUploadArrow 1.5s ease-in-out infinite; } .asa-motion-data-dots circle { animation: asaEducationDataDot 1.5s ease-in-out infinite; } .asa-motion-data-dots circle:nth-child(2) { animation-delay: .2s; }.asa-motion-data-dots circle:nth-child(3) { animation-delay: .4s; } .asa-motion-portal { animation: asaEducationPortal 3.7s ease-in-out infinite; } .asa-motion-success, .asa-motion-seal { animation: asaEducationSeal 2.5s ease-in-out infinite; } .asa-motion-receipt { animation: asaEducationReceipt 4.8s ease-in-out infinite; } .asa-motion-scan { animation: asaEducationScan 2.3s ease-in-out infinite; } .asa-motion-signal { animation: asaEducationSignalFade 2.2s ease-in-out infinite; } .asa-motion-ledger { animation: asaEducationLedger 5.2s ease-in-out infinite; } .asa-motion-page-line { stroke-dasharray: 55; stroke-dashoffset: 55; animation: asaEducationDraw 2.8s ease-in-out infinite; } .asa-motion-cloud { animation: asaEducationCloud 3.5s ease-in-out infinite; } .asa-motion-bars rect { transform-origin: center bottom; animation: asaEducationBar 2.8s cubic-bezier(.22,1,.36,1) infinite; } .asa-motion-bars rect:nth-child(2) { animation-delay: .15s; }.asa-motion-bars rect:nth-child(3) { animation-delay: .3s; } .asa-motion-trend { stroke-dasharray: 120; stroke-dashoffset: 120; animation: asaEducationTrend 3.2s ease-in-out infinite; } .asa-motion-steps circle { animation: asaEducationStep 2.4s ease-in-out infinite; animation-delay: calc(var(--asa-step) * .18s); } .asa-motion-checklist path:nth-child(odd) { stroke-dasharray: 35; stroke-dashoffset: 35; animation: asaEducationChecklist 3s ease-in-out infinite; } .asa-motion-checklist path:nth-child(3) { animation-delay: .35s; } .asa-motion-lock { animation: asaEducationLock 4s ease-in-out infinite; } .asa-motion-lock-shackle { animation: asaEducationShackle 4s ease-in-out infinite; } .asa-motion-brain { animation: asaEducationBrain 4.2s ease-in-out infinite; } .asa-motion-network circle { animation: asaEducationNode 2.1s ease-in-out infinite; } .asa-motion-network circle:nth-child(2) { animation-delay: .25s; }.asa-motion-network circle:nth-child(3) { animation-delay: .5s; } .asa-education-visual .blog-cat { top: 16px; inset-inline-end: 16px; z-index: 3; max-width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .asa-education-kind { position: absolute; z-index: 3; bottom: 16px; inset-inline-start: 16px; padding: 6px 11px; border-radius: var(--radius-pill); background: rgba(27,31,59,.84); color: #fff; font-size: .74rem; font-weight: 700; backdrop-filter: blur(8px); } .asa-source-verified { display: inline-flex; align-items: center; gap: 5px; width: fit-content; margin-bottom: 10px; padding: 5px 9px; border-radius: var(--radius-pill); background: color-mix(in srgb, #35a77a 11%, #fff); color: #277a59; font-size: .75rem; font-weight: 800; } .asa-education-status { width: fit-content; display: inline-flex; margin: 0 0 13px; padding: 5px 10px; border-radius: var(--radius-pill); font-size: .76rem; font-weight: 800; } .asa-education-status.is-active, .asa-education-single-badges .is-active { background: color-mix(in srgb, #35a77a 13%, #fff); color: #277a59; } .asa-education-status.is-ended, .asa-education-single-badges .is-ended { background: #fff2e6; color: #9b5a20; } .asa-education-card .blog-card-meta { justify-content: space-between; flex-wrap: wrap; } .asa-education-archive-hero, .asa-education-single-hero { position: relative; overflow: hidden; background: linear-gradient(145deg, var(--primary-soft), #fff 55%, color-mix(in srgb, var(--coral) 12%, #fff)); border-bottom: 1px solid var(--border); } .asa-education-archive-hero { padding-block: clamp(70px, 9vw, 116px) clamp(46px, 7vw, 80px); text-align: center; } .asa-education-archive-hero .asa-container { position: relative; z-index: 2; } .asa-education-archive-hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin: 12px 0 10px; } .asa-education-archive-hero p { max-width: 760px; margin: 0 auto; color: var(--body); font-size: clamp(1rem, 2vw, 1.15rem); } .asa-education-orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; opacity: .75; } .asa-education-orb-one { width: 270px; height: 270px; top: -120px; inset-inline-start: -70px; background: color-mix(in srgb, var(--primary) 14%, transparent); } .asa-education-orb-two { width: 210px; height: 210px; bottom: -120px; inset-inline-end: 4%; border: 36px solid color-mix(in srgb, var(--coral) 15%, transparent); } .asa-education-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin-top: 28px; } .asa-education-filters a { padding: 8px 15px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: rgba(255,255,255,.8); color: var(--body); font-size: .86rem; font-weight: 700; box-shadow: var(--shadow-sm); } .asa-education-filters a:hover, .asa-education-filters a.is-current { color: #fff; border-color: transparent; background: var(--grad-brand); transform: translateY(-2px); } .asa-education-archive-grid { row-gap: 32px; } .asa-education-single-hero { padding-block: clamp(54px, 8vw, 96px); } .asa-education-single-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr); align-items: center; gap: clamp(38px, 6vw, 84px); } .asa-education-single-copy .asa-product-breadcrumb { justify-content: flex-start; margin-bottom: 22px; } .asa-education-single-copy h1 { font-size: clamp(2rem, 4.7vw, 3.45rem); line-height: 1.45; max-width: 900px; margin: 15px 0; } .asa-education-single-lead { max-width: 790px; color: var(--body); line-height: 2; font-size: clamp(1rem, 1.8vw, 1.13rem); } .asa-education-single-badges, .asa-education-single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .asa-education-single-badges span { padding: 6px 12px; border-radius: var(--radius-pill); color: var(--primary); background: #fff; border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent); font-size: .8rem; font-weight: 800; } .asa-education-single-meta { gap: 20px; margin-top: 22px; color: var(--muted); font-size: .88rem; } .asa-education-single-visual { position: relative; min-height: 330px; display: grid; place-items: center; } .asa-education-single-visual::before { content: ''; position: absolute; width: 270px; height: 270px; border-radius: 92px; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 38px 90px rgba(45,59,97,.14); transform: rotate(9deg); backdrop-filter: blur(12px); } .asa-education-single-motion { position: relative; z-index: 2; width: min(100%, 390px); height: 292px; display: grid; place-items: center; } .asa-education-single-motion .asa-education-motion { filter: drop-shadow(0 26px 28px rgba(35,49,85,.16)); } .asa-education-visual-line { position: absolute; z-index: 1; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--primary), transparent); opacity: .25; } .asa-education-visual-line.line-one { width: 290px; transform: rotate(35deg); } .asa-education-visual-line.line-two { width: 250px; transform: rotate(-42deg); } .asa-education-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; align-items: start; gap: clamp(28px, 5vw, 56px); padding-block: clamp(46px, 7vw, 84px); } .asa-education-article { min-width: 0; padding: clamp(24px, 4vw, 46px); border: 1px solid var(--border); border-radius: 28px; background: #fff; box-shadow: var(--shadow-sm); } .asa-education-article .asa-entry-content > :first-child { margin-top: 0; } .asa-education-article .asa-entry-content ol, .asa-education-article .asa-entry-content ul { padding-inline-start: 1.35em; } .asa-education-article .asa-entry-content li::marker { color: var(--primary); font-weight: 800; } .asa-education-expired-notice { margin-bottom: 28px; padding: 15px 18px; border: 1px solid #f0c595; border-radius: 15px; background: #fff7ed; color: #7b4b1e; line-height: 1.9; } .asa-education-disclaimer { margin-top: 32px; padding: 16px 19px; border-inline-start: 4px solid var(--primary); border-radius: 10px; background: var(--primary-soft); color: var(--body); line-height: 1.9; font-size: .9rem; } .asa-education-source-card { position: sticky; top: calc(var(--asa-hh, var(--header-h)) + 22px); padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(160deg, #fff, color-mix(in srgb, var(--primary) 6%, #fff)); box-shadow: var(--shadow); } .asa-source-card-motion { width: 112px; height: 84px; display: grid; place-items: center; margin: -9px -10px 12px 0; } .asa-source-card-motion .asa-education-motion { filter: drop-shadow(0 9px 12px rgba(35,49,85,.12)); } .asa-education-empty-motion { width: 150px; height: 112px; display: grid; place-items: center; } .asa-education-source-card h2 { margin-bottom: 18px; font-size: 1.25rem; } .asa-education-source-card dl { margin: 0 0 22px; } .asa-education-source-card dl div { padding: 12px 0; border-bottom: 1px dashed var(--border); } .asa-education-source-card dt { margin-bottom: 4px; color: var(--muted); font-size: .78rem; } .asa-education-source-card dd { margin: 0; color: var(--ink); font-weight: 700; line-height: 1.75; } .asa-education-source-card .asa-btn { width: 100%; justify-content: center; } .asa-education-related { background: var(--bg-soft); } @keyframes asaEducationSceneFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } @keyframes asaEducationOrb { from { transform: translate(-3px,-2px) scale(.92); opacity:.06; } to { transform: translate(5px,4px) scale(1.12); opacity:.15; } } @keyframes asaEducationPaper { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-3px) rotate(-.7deg); } } @keyframes asaEducationClockBob { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.035); } } @keyframes asaEducationClockHand { to { transform: rotate(360deg); } } @keyframes asaEducationPulse { 0%,100% { opacity:.75; transform:scale(.9); } 50% { opacity:1; transform:scale(1.16); } } @keyframes asaEducationSignal { 0% { stroke-dashoffset:40; opacity:0; } 45%,75% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:-40; opacity:0; } } @keyframes asaEducationUploadPaper { 0%,100% { transform:translateX(-3px); } 50% { transform:translateX(7px); } } @keyframes asaEducationUploadArrow { 0%,100% { transform:translateY(5px); opacity:.65; } 50% { transform:translateY(-4px); opacity:1; } } @keyframes asaEducationDataDot { 0%,100% { opacity:.25; transform:translateX(-3px) scale(.8); } 50% { opacity:1; transform:translateX(3px) scale(1.15); } } @keyframes asaEducationPortal { 0%,100% { transform:scale(.98); } 50% { transform:scale(1.02); } } @keyframes asaEducationSeal { 0%,100% { transform:scale(.9) rotate(-4deg); } 45%,70% { transform:scale(1.05) rotate(0); } } @keyframes asaEducationReceipt { 0%,100% { transform:translateY(1px) rotate(0); } 50% { transform:translateY(-4px) rotate(.7deg); } } @keyframes asaEducationScan { 0%,100% { transform:translateY(-22px); opacity:.25; } 50% { transform:translateY(30px); opacity:1; } } @keyframes asaEducationSignalFade { 0%,100% { opacity:.25; transform:scale(.9); } 50% { opacity:1; transform:scale(1.08); } } @keyframes asaEducationLedger { 0%,100% { transform:perspective(500px) rotateX(0); } 50% { transform:perspective(500px) rotateX(3deg) translateY(-3px); } } @keyframes asaEducationDraw { 0%,20% { stroke-dashoffset:55; opacity:.3; } 55%,80% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:-55; opacity:.3; } } @keyframes asaEducationCloud { 0%,100% { transform:translateY(4px); } 50% { transform:translateY(-7px); } } @keyframes asaEducationBar { 0%,18% { transform:scaleY(.2); opacity:.3; } 55%,80% { transform:scaleY(1); opacity:1; } 100% { transform:scaleY(.2); opacity:.3; } } @keyframes asaEducationTrend { 0%,15% { stroke-dashoffset:120; } 55%,80% { stroke-dashoffset:0; } 100% { stroke-dashoffset:-120; } } @keyframes asaEducationStep { 0%,100% { opacity:.25; transform:scale(.75); } 45%,65% { opacity:1; transform:scale(1.12); } } @keyframes asaEducationChecklist { 0%,15% { stroke-dashoffset:35; opacity:.25; } 48%,80% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:-35; opacity:.25; } } @keyframes asaEducationLock { 0%,100% { transform:translateY(2px); } 45%,75% { transform:translateY(-2px); } } @keyframes asaEducationShackle { 0%,22% { transform:translateY(-8px); } 48%,85% { transform:translateY(0); } 100% { transform:translateY(-8px); } } @keyframes asaEducationBrain { 0%,100% { transform:scale(.98); } 50% { transform:scale(1.025); } } @keyframes asaEducationNode { 0%,100% { opacity:.4; transform:scale(.8); } 50% { opacity:1; transform:scale(1.18); } } @media (max-width: 900px) { .asa-education-single-hero-grid { grid-template-columns: 1fr; text-align: center; } .asa-education-single-copy .asa-product-breadcrumb, .asa-education-single-badges, .asa-education-single-meta { justify-content: center; } .asa-education-single-lead { margin-inline: auto; } .asa-education-single-visual { min-height: 245px; } .asa-education-single-visual::before { width: 220px; height: 220px; border-radius: 70px; } .asa-education-layout { grid-template-columns: 1fr; } .asa-education-source-card { position: static; } } @media (max-width: 600px) { .asa-blog .section-head-row .section-sub { display: block; } .asa-education-visual { min-height: 205px; } .asa-education-motion-wrap { width: min(92%, 230px); height: 164px; } .asa-education-archive-hero { text-align: start; } .asa-education-archive-hero p { margin-inline: 0; } .asa-education-filters { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; } .asa-education-filters a { flex: 0 0 auto; scroll-snap-align: start; } .asa-education-single-copy h1 { font-size: 1.8rem; } .asa-education-single-visual { min-height: 210px; } .asa-education-single-motion { width: min(100%, 310px); height: 228px; } .asa-education-article, .asa-education-source-card { padding: 21px; border-radius: 21px; } } @media (prefers-reduced-motion: reduce) { .asa-education-motion *, .asa-education-motion { animation: none !important; } .asa-education-card:hover .asa-education-motion-wrap { transform: none; filter: none; } } /* ---------- ۱۵) سوالات متداول ---------- */ .faq-container { max-width: 820px; } .faq-list { display: flex; flex-direction: column; gap: 14px; } .faq-item { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: box-shadow .3s, border-color .3s; } .faq-item.is-open { box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); } .faq-question { width: 100%; text-align: right; background: none; border: 0; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--font); font-size: 1.05rem; font-weight: 700; color: var(--ink); } .faq-toggle { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); font-size: 1.3rem; line-height: 1; transition: .3s var(--ease); } .faq-item.is-open .faq-toggle { background: var(--primary); color: #fff; transform: rotate(135deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s var(--ease); } .faq-answer p { padding: 0 24px 22px; margin: 0; color: var(--body); } /* ---------- ۱۶) تماس ---------- */ .asa-contact { background: var(--bg-soft); } .contact-wrap { display: grid; grid-template-columns: 1fr 1.05fr; gap: 44px; align-items: stretch; } .contact-info .section-eyebrow { margin-bottom: 14px; } .contact-lead { font-size: 1.05rem; margin-bottom: 28px; } .contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px; } .contact-list li { display: flex; gap: 14px; align-items: flex-start; } .contact-ic { flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: #fff; color: var(--primary); box-shadow: var(--shadow-sm); } .contact-list strong { display: block; color: var(--ink); font-size: .95rem; margin-bottom: 2px; } .contact-list span, .contact-list a { color: var(--body); font-size: .95rem; } /* ── شبکهٔ شماره‌های تماس ۳×۳ ── */ .contact-phones { margin-top: 28px; } .contact-phones-title { display: block; color: var(--ink); font-size: .95rem; margin-bottom: 12px; } .contact-phones-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .contact-phone-btn { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 8px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-soft); color: var(--ink); font-size: .88rem; font-weight: 600; text-decoration: none; transition: background .2s, border-color .2s, color .2s, transform .15s; white-space: nowrap; } .contact-phone-btn:hover, .contact-phone-btn:focus-visible { background: var(--primary); border-color: var(--primary); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 14px var(--primary-glow); } .contact-phone-btn svg { flex-shrink: 0; transition: color .2s; } /* ── پایان شبکهٔ شماره‌ها ── */ .contact-form-card { position: relative; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 34px; box-shadow: var(--shadow); overflow: hidden; } .contact-form-glow { position: absolute; width: 240px; height: 240px; border-radius: 50%; background: var(--primary-soft); filter: blur(40px); top: -100px; inset-inline-end: -60px; } .asa-form { position: relative; } .asa-form h3 { font-size: 1.4rem; margin-bottom: 22px; } .asa-form-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; } .asa-form label { display: block; min-width: 0; margin: 0; font-size: .9rem; font-weight: 700; color: var(--ink); } .form-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; } .asa-form input, .asa-form select, .asa-form textarea { width: 100%; margin-top: 7px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; font-family: var(--font); font-size: .95rem; color: var(--ink); background: var(--bg-soft); transition: border-color .2s, box-shadow .2s, background .2s; } .asa-form input:focus, .asa-form select:focus, .asa-form textarea:focus { outline: 0; border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px var(--primary-soft); } .asa-form textarea { resize: vertical; } .asa-form .asa-btn { margin-top: 6px; } .form-optional { color: var(--muted); font-size: .78rem; font-weight: 500; } .form-note { font-size: .82rem; color: var(--muted); text-align: center; margin: 14px 0 0; } .asa-form-product-search { position: relative; display: block; } .asa-form-product-search input { padding-inline-start: 46px; } .asa-form-product-icon { position: absolute; z-index: 2; inset-inline-start: 14px; top: calc(50% + 3.5px); display: grid; place-items: center; color: var(--primary); pointer-events: none; transform: translateY(-50%); } .asa-form-product-icon svg { display: block; } .asa-form-field-help { display: block; margin-top: 7px; color: var(--muted); font-size: .76rem; font-weight: 500; line-height: 1.8; } .asa-form-field-label { display: block; margin-bottom: 7px !important; } .asa-form-product-picker { overflow: hidden; border: 1px solid var(--border); border-radius: 15px; background: var(--bg-soft); transition: border-color .2s, box-shadow .2s, background .2s; } .asa-form-product-picker:focus-within { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px var(--primary-soft); } .asa-form-product-picker .asa-form-product-search input { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .asa-form-product-picker .asa-form-product-search input:focus { background: transparent; box-shadow: none; } .asa-form-product-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 43px; padding: 8px 13px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--muted); font-size: .76rem; font-weight: 600; } .asa-form-product-clear { flex: 0 0 auto; padding: 5px 9px; border: 0; border-radius: 8px; background: var(--primary-soft); color: var(--primary-d); font: inherit; font-weight: 750; cursor: pointer; } .asa-form-product-clear:hover,.asa-form-product-clear:focus-visible { background: var(--primary); color: #fff; outline: none; } .asa-form-product-options { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; max-height: 270px; padding: 8px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--primary-soft) transparent; } .asa-form .asa-form-product-option { position: relative; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; color: var(--ink); font-size: .84rem; font-weight: 650; cursor: pointer; transition: border-color .18s, background .18s, color .18s; } .asa-form .asa-form-product-option[hidden] { display: none !important; } .asa-form .asa-form-product-option:hover { border-color: color-mix(in srgb,var(--primary) 24%,transparent); background: color-mix(in srgb,var(--primary) 6%,#fff); } .asa-form .asa-form-product-option input { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; pointer-events: none; } .asa-form-product-check { flex: 0 0 26px; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid color-mix(in srgb,var(--primary) 28%,var(--border)); border-radius: 8px; background: #fff; color: transparent; transition: background .18s, border-color .18s, color .18s, transform .18s; } .asa-form-product-option:is(.is-selected,:has(input:checked)) { border-color: color-mix(in srgb,var(--primary) 30%,transparent); background: color-mix(in srgb,var(--primary) 9%,#fff); color: var(--primary-d); } .asa-form-product-option:is(.is-selected,:has(input:checked)) .asa-form-product-check { border-color: var(--primary); background: var(--primary); color: #fff; transform: scale(1.04); } .asa-form-product-option:focus-within { outline: 2px solid var(--primary); outline-offset: 1px; } .asa-form-product-empty { margin: 0; padding: 17px 12px; color: var(--muted); text-align: center; font-size: .82rem; } /* ---------- ۱۷) فوتر ---------- */ .asa-footer { background: var(--navy); color: #aab0cc; margin-top: 0; } .footer-cta-wrap { transform: translateY(50%); position: relative; z-index: 3; } .footer-cta { position: relative; overflow: hidden; background: var(--grad-brand); border-radius: var(--radius-lg); padding: clamp(30px, 5vw, 52px); display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap; box-shadow: var(--shadow-lg); } .footer-cta-glow { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: rgba(255,255,255,.16); filter: blur(60px); top: -160px; inset-inline-end: -60px; } .footer-cta-text { position: relative; z-index: 1; } .footer-cta-text h2 { color: #fff; font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: .3em; } .footer-cta-text p { color: rgba(255,255,255,.9); margin: 0; max-width: 540px; } .footer-cta-actions { position: relative; z-index: 1; display: flex; gap: 12px; flex-wrap: wrap; } .footer-main { padding-top: calc(clamp(30px, 5vw, 52px) + 90px); padding-bottom: 50px; } .footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.4fr; gap: 36px; } .footer-logo .asa-logo-title { color: #fff; } .footer-logo .asa-logo-sub { color: #8b91b0; } .footer-desc { font-size: .94rem; color: #8b91b0; margin: 18px 0 20px; } .footer-social { display: flex; gap: 10px; } .footer-logo-img { max-height: var(--footer-logo-h, 46px); max-width: 230px; width: auto; height: auto; } .footer-col .widget-title { color: #fff; font-size: 1.05rem; margin-bottom: 20px; font-weight: 700; } .footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .footer-links a { color: #aab0cc; font-size: .94rem; transition: .2s var(--ease); display: inline-block; } .footer-links a:hover { color: #fff; transform: translateX(-4px); } .footer-contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; } .footer-contact-list li { display: flex; gap: 11px; align-items: flex-start; font-size: .92rem; color: #aab0cc; } .footer-contact-list svg { color: var(--primary); flex-shrink: 0; margin-top: 3px; } .footer-contact-list a { color: #aab0cc; } .footer-contact-list a:hover { color: #fff; } /* ---------- فوتر: نقشهٔ گوگل (ردیفِ مستقلِ تمام‌عرض، زیرِ ستون‌ها) ---------- */ .footer-map-wrap { padding: 32px 0 40px; } .footer-map-title { color: #fff; font-size: 1.08rem; font-weight: 700; margin-bottom: 16px; } .footer-map-container { position: relative; width: 100%; max-width: var(--map-w, none); height: var(--map-h, 320px); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.35); margin-inline: auto; } .footer-map-container iframe { display: block; } .footer-map-nav { display: flex; align-items: center; gap: 10px; margin-top: 16px; flex-wrap: wrap; } .footer-map-nav-label { color: #8b91b0; font-size: .88rem; } .map-nav-btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 28px; font-size: .88rem; font-weight: 600; text-decoration: none; transition: .25s var(--ease); border: 1px solid rgba(255,255,255,.12); color: #c8cee8; background: rgba(255,255,255,.05); } .map-nav-btn:hover { color: #fff; background: rgba(255,255,255,.12); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.3); } .map-nav-google:hover { border-color: #4285F4; background: rgba(66,133,244,.18); } .map-nav-waze:hover { border-color: #33CCFF; background: rgba(51,204,255,.18); } .map-nav-apple:hover { border-color: #999; background: rgba(255,255,255,.15); } .footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding-block: 22px; } .footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; font-size: .86rem; } .footer-bottom p { margin: 0; color: #8b91b0; } .footer-bottom strong { color: #fff; } .footer-credit { color: #8b91b0; } .asa-footer .widget { margin: 0 0 22px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #aab0cc; } .asa-footer .widget:last-child { margin-bottom: 0; } .asa-footer .widget-title::after { background: var(--primary); } .asa-footer .widget ul li { border-color: rgba(255,255,255,.1); } .asa-footer .widget a, .asa-footer .widget p { color: #aab0cc; } .asa-footer .widget a:hover { color: #fff; } /* ---------- ۱۸) بازگشت به بالا ---------- */ #asa-back-to-top { position: fixed; bottom: 26px; inset-inline-start: 26px; z-index: 80; width: 50px; height: 50px; border: 0; border-radius: 50%; background: var(--grad-brand); color: #fff; box-shadow: var(--shadow-primary); display: grid; place-items: center; opacity: 0; visibility: hidden; transform: translateY(14px); transition: .3s var(--ease); } #asa-back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } #asa-back-to-top:hover { transform: translateY(-3px) scale(1.05); } /* ---------- ۱۹) سرصفحه‌ی برگه‌ها، بردکرامب، تک‌نوشته ---------- */ .asa-page-header { background: var(--grad-hero); padding-block: clamp(40px, 6vw, 70px); text-align: center; position: relative; border-bottom: 1px solid var(--border); } .page-header-title { font-size: clamp(1.7rem, 4vw, 2.6rem); margin-bottom: .3em; } .page-header-sub { color: var(--muted); margin: 0; font-size: 1.05rem; } .asa-breadcrumb { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: .88rem; margin-bottom: 14px; color: var(--muted); } .asa-breadcrumb a { color: var(--primary); } .asa-breadcrumb .sep { color: var(--muted); opacity: .5; } .asa-breadcrumb .current { color: var(--body); } .single-header { text-align: center; } .single-header .asa-breadcrumb { justify-content: center; } .post-cats { display: flex; gap: 8px; justify-content: center; margin-bottom: 14px; } .cat-pill { background: var(--primary-soft); color: var(--primary); font-size: .82rem; font-weight: 700; padding: 5px 14px; border-radius: var(--radius-pill); } .single-title { font-size: clamp(1.8rem, 4.2vw, 2.8rem); max-width: 820px; margin-inline: auto; } .post-meta { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 16px; color: var(--muted); font-size: .9rem; } .meta-item { display: inline-flex; align-items: center; gap: 6px; } .single-featured-wrap { margin-top: -30px; position: relative; z-index: 2; } .single-featured { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); } .asa-content-area { padding-block: clamp(40px, 6vw, 70px); } .asa-content-area.has-sidebar { display: grid; grid-template-columns: 1fr 320px; gap: 44px; align-items: start; } .asa-entry-content { font-size: 1.05rem; line-height: 2.1; color: var(--body); } .asa-entry-content > * { margin-bottom: 1.2em; } .asa-entry-content h2 { font-size: 1.7rem; margin-top: 1.6em; } .asa-entry-content h3 { font-size: 1.35rem; margin-top: 1.4em; } .asa-entry-content img { border-radius: var(--radius); } .asa-entry-content blockquote { border-inline-start: 4px solid var(--primary); background: var(--primary-soft); margin: 1.5em 0; padding: 18px 24px; border-radius: 0 var(--radius) var(--radius) 0; color: var(--ink); font-weight: 500; } .asa-entry-content a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .asa-entry-content ul li, .asa-entry-content ol li { margin-bottom: .5em; } .asa-entry-content pre { background: var(--ink); color: #e6e8f5; padding: 18px; border-radius: var(--radius); overflow-x: auto; direction: ltr; text-align: left; } .asa-entry-content code { background: var(--primary-soft); color: var(--primary-d); padding: 2px 7px; border-radius: 6px; font-size: .9em; } .single-tags { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .single-tags span { color: var(--muted); font-size: .9rem; } .single-tags a { background: var(--bg-soft); color: var(--body); font-size: .85rem; padding: 5px 13px; border-radius: var(--radius-pill); border: 1px solid var(--border); } .single-tags a:hover { background: var(--primary-soft); color: var(--primary); } .asa-share{--share-telegram:#26A5E4;--share-whatsapp:#25D366;--share-bale:#00B894;--share-x:#000;position:relative;min-width:0;font-family:inherit} .single-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px;padding:22px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary-soft) 48%,#fff));box-shadow:var(--shadow-sm)} .asa-share-label{flex:0 0 auto;color:var(--ink);font-size:.92rem;font-weight:850} .asa-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0} .asa-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0;padding:9px 13px;border:0;border-radius:12px;color:#fff;font-family:inherit;font-size:.82rem;font-weight:800;line-height:1.35;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px rgba(25,42,72,.1);cursor:pointer;touch-action:manipulation;transition:transform .22s var(--ease),filter .22s var(--ease),box-shadow .22s var(--ease)} .asa-share-button:hover{color:#fff;transform:translateY(-2px);filter:brightness(.94);box-shadow:0 12px 25px rgba(25,42,72,.16)} .asa-share-button.is-launching{pointer-events:none;filter:saturate(.86);box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent),0 12px 25px rgba(25,42,72,.16)} .asa-share-button.is-launching .asa-share-icon{animation:asa-share-launch .72s ease-in-out infinite alternate} @keyframes asa-share-launch{to{transform:translateY(-2px) scale(1.08)}} .asa-share-button:focus-visible,.asa-share-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 48%,transparent);outline-offset:3px} .asa-share-button--native{background:var(--grad-brand)} .asa-share-button--telegram{background:var(--share-telegram)} .asa-share-button--whatsapp{background:var(--share-whatsapp)} .asa-share-button--bale{background:var(--share-bale)} .asa-share-button--bale .asa-share-icon--bale{width:24px;height:24px;flex:0 0 24px;padding:2px;border-radius:8px;background:#fff;object-fit:contain} .asa-share-button--x{background:var(--share-x)} .asa-share-button--copy{color:var(--primary-d);background:var(--primary-soft);box-shadow:none} .asa-share-button--copy:hover{color:var(--primary-d);background:color-mix(in srgb,var(--primary) 16%,#fff)} .asa-share-icon{display:block;width:19px;height:19px;flex:0 0 19px} .asa-share-status{display:block;flex:1 0 100%;min-height:1.4em;color:var(--muted);font-size:.78rem;line-height:1.6} .asa-share-status:empty{display:none} .asa-share-status.is-success{color:#177e59}.asa-share-status.is-error{color:#b33a4a} .asa-share--compact{align-self:flex-start;margin-top:12px;z-index:28} .asa-share-summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent,var(--academy-accent,var(--primary))) 22%,var(--border));border-radius:12px;color:var(--accent,var(--academy-accent,var(--primary)));background:#fff;box-shadow:0 8px 22px rgba(29,45,77,.1);font-size:.78rem;font-weight:850;list-style:none;cursor:pointer;user-select:none;touch-action:manipulation;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)} .asa-share-summary::-webkit-details-marker{display:none}.asa-share-summary::marker{display:none;content:""} .asa-share-summary:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,var(--academy-accent,var(--primary))) 48%,var(--border));box-shadow:0 12px 28px rgba(29,45,77,.15)} .asa-share--compact[open]>.asa-share-summary{color:#fff;background:var(--accent,var(--academy-accent,var(--primary)));border-color:transparent} .asa-share-popover{position:absolute;top:calc(100% + 9px);inset-inline-start:0;z-index:50;width:min(284px,calc(100vw - 44px));padding:13px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(22,37,68,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:asa-share-popover .22s var(--ease) both} .asa-share--compact .asa-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .asa-share--compact .asa-share-button{width:100%;min-width:0;padding-inline:10px;font-size:.76rem} .asa-share--compact .asa-share-status{margin-top:8px} @keyframes asa-share-popover{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}} .product-card>.asa-share--compact{align-self:stretch;width:100%;margin-top:12px} .product-card>.asa-share--compact .asa-share-summary{width:fit-content} .product-card>.asa-share--compact .asa-share-popover{position:static;width:100%;max-width:284px;margin-top:9px} .academy-card{display:flex;flex-direction:column} .academy-card>.academy-card-link{height:auto;flex:1 1 auto} .academy-card-sharebar{position:relative;z-index:32;display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 24px);min-height:58px;align-self:center;margin:10px 12px 0;padding:8px 10px 8px 14px;border:1px solid color-mix(in srgb,var(--academy-accent) 20%,var(--academy-border));border-radius:17px;color:var(--academy-muted);background:linear-gradient(135deg,rgba(255,255,255,.98),color-mix(in srgb,var(--academy-accent) 7%,#fff));box-shadow:0 12px 28px color-mix(in srgb,var(--academy-accent) 10%,rgba(29,45,77,.12)),inset 0 1px 0 #fff;transform:translateZ(26px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .academy-card-sharebar-label{display:inline-flex;min-width:0;align-items:center;gap:8px;font-size:11.5px;font-weight:800;line-height:1.65} .academy-card-sharebar-label i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--academy-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--academy-accent) 12%,transparent)} .academy-card-sharebar>.asa-share--compact{position:relative;z-index:2;flex:0 0 auto;align-self:center;margin:0} .academy-card-sharebar>.asa-share--compact .asa-share-popover{top:auto;bottom:calc(100% + 9px);inset-inline-start:auto;inset-inline-end:0} .academy-card-sharebar>.asa-share--compact .asa-share-summary{color:var(--academy-accent);border-color:color-mix(in srgb,var(--academy-accent) 25%,#fff);background:rgba(255,255,255,.96);box-shadow:0 7px 18px color-mix(in srgb,var(--academy-accent) 10%,rgba(29,45,77,.1))} .academy-card-sharebar>.asa-share--compact[open] .asa-share-summary{color:#fff;background:var(--academy-accent)} @media(max-width:640px){ .single-share{align-items:stretch;padding:17px}.single-share .asa-share-label{width:100%}.single-share .asa-share-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.single-share .asa-share-button{width:100%;min-width:0} .asa-share-popover{width:min(274px,calc(100vw - 36px))} .academy-card-sharebar{width:calc(100% - 16px);min-height:56px;margin:8px 8px 0;padding:7px 8px 7px 12px} .academy-card-sharebar-label{font-size:11px} .academy-card-sharebar>.asa-share--compact .asa-share-popover{width:min(274px,calc(100vw - 58px))} } @media(prefers-reduced-motion:reduce){.asa-share-button,.asa-share-summary,.asa-share-popover{animation:none!important;transition:none!important}.asa-share-button:hover,.asa-share-summary:hover{transform:none}} .asa-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 36px; } .asa-post-nav a { display: block; padding: 18px 22px; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; transition: .3s var(--ease); } .asa-post-nav a:hover { border-color: var(--primary); box-shadow: var(--shadow); transform: translateY(-3px); } .asa-post-nav .nav-label { display: block; font-size: .8rem; color: var(--muted); margin-bottom: 6px; } .asa-post-nav .nav-title { color: var(--ink); font-weight: 700; } .asa-post-nav .nav-next { text-align: left; } /* دیدگاه‌ها */ .asa-comments { margin-top: 42px; padding-top: 34px; border-top: 1px solid var(--border); } .asa-comments-title, .comment-reply-title { margin-bottom: 22px; font-size: clamp(1.3rem, 2vw, 1.65rem); } .comment-list, .comment-list .children { margin: 0; padding: 0; list-style: none; } .comment-list .children { margin: 18px clamp(14px, 4vw, 34px) 0 0; } .comment-list > .comment, .comment-list .children > .comment { margin-bottom: 18px; } .comment-body { padding: 22px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); } .comment-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; } .comment-author { display: flex; align-items: center; gap: 10px; color: var(--ink); } .comment-author .avatar { width: 46px; height: 46px; border-radius: 50%; } .comment-metadata { font-size: .82rem; color: var(--muted); } .comment-metadata a { color: inherit; } .comment-content { line-height: 1.95; } .comment-content > :last-child { margin-bottom: 0; } .reply { margin-top: 12px; } .comment-reply-link { display: inline-flex; padding: 6px 13px; border-radius: var(--radius-pill); background: var(--primary-soft); font-size: .85rem; font-weight: 700; } .comment-respond { margin-top: 34px; padding: clamp(20px, 4vw, 30px); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-soft); } .comment-form { display: grid; gap: 14px; } .comment-form p { margin: 0; } .comment-form label { display: block; margin-bottom: 6px; color: var(--ink); font-weight: 700; } .comment-form input:not([type="checkbox"]), .comment-form textarea { width: 100%; border: 1px solid var(--border); border-radius: 12px; background: #fff; padding: 12px 14px; color: var(--ink); font: inherit; } .comment-form textarea { min-height: 150px; resize: vertical; } .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 8px; } .comment-form-cookies-consent label { margin: 0; font-weight: 400; } .comment-navigation { margin: 22px 0; } .comment-navigation .nav-links { display: flex; justify-content: space-between; gap: 12px; } .comments-closed { padding: 14px 18px; border-radius: 12px; background: var(--primary-soft); color: var(--body); } .asa-page-article { max-width: 900px; } /* ---------- ۲۰) نوار کناری و ابزارک‌ها ---------- */ .asa-sidebar { display: flex; flex-direction: column; gap: 24px; position: sticky; top: calc(var(--asa-hh, var(--header-h)) + 20px); } .widget, .asa-widget-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 26px; } .widget-title { font-size: 1.1rem; margin-bottom: 18px; position: relative; padding-bottom: 12px; } .widget-title::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; width: 40px; height: 3px; background: var(--grad-brand); border-radius: 3px; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget ul li { padding: 9px 0; border-bottom: 1px dashed var(--border); } .widget ul li:last-child { border-bottom: 0; } .widget ul a { color: var(--body); } .widget ul a:hover { color: var(--primary); } .asa-widget-cta { background: var(--grad-hero); border-color: transparent; text-align: center; } .asa-widget-cta p { font-size: .94rem; } /* ---------- ۲۱) صفحه‌بندی ---------- */ .asa-pagination { margin-top: 44px; } .asa-pagination .page-numbers { list-style: none; display: flex; justify-content: center; gap: 8px; padding: 0; margin: 0; flex-wrap: wrap; } .asa-pagination .page-numbers li a, .asa-pagination .page-numbers li span { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 12px; background: #fff; border: 1px solid var(--border); color: var(--ink); font-weight: 700; transition: .25s var(--ease); } .asa-pagination .page-numbers li a:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-2px); } .asa-pagination .page-numbers li .current { background: var(--grad-brand); color: #fff; border-color: transparent; } /* ---------- ۲۲) جستجو ---------- */ .asa-search-form { display: flex; gap: 8px; } .asa-search-input { flex: 1; padding: 12px 16px; border: 1px solid var(--border); border-radius: 12px; font-family: var(--font); background: var(--bg-soft); color: var(--ink); } .asa-search-input:focus { outline: 0; border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px var(--primary-soft); } .asa-search-btn { width: 48px; height: 48px; border: 0; border-radius: 12px; background: var(--grad-brand); color: #fff; display: grid; place-items: center; flex-shrink: 0; } .asa-search-btn:hover { transform: translateY(-2px); } /* ---------- ۲۳) خطای ۴۰۴ و بدون نتیجه ---------- */ .asa-404 { padding-block: clamp(60px, 10vw, 120px); text-align: center; position: relative; overflow: hidden; } .asa-404-inner { position: relative; z-index: 1; max-width: 560px; } .error-blob { position: absolute; width: 400px; height: 400px; border-radius: 50%; background: var(--primary-soft); filter: blur(60px); top: -120px; inset-inline-start: 50%; transform: translateX(-50%); z-index: 0; } .error-code { display: block; font-size: clamp(5rem, 16vw, 9rem); font-weight: 800; line-height: 1; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent; } .error-title { font-size: clamp(1.4rem, 3vw, 2rem); margin: 10px 0 14px; } .error-text { color: var(--body); margin-bottom: 26px; } .error-search { max-width: 420px; margin: 0 auto 26px; } .asa-no-results { text-align: center; max-width: 520px; margin: 40px auto; padding: 40px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); } .no-results-icon { color: var(--primary); opacity: 1; display: inline-block; margin-bottom: 14px; } .no-results-search { max-width: 380px; margin: 22px auto 0; } /* ---------- ۲۴) انیمیشن ظاهرشدن ---------- */ .reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease), transform .7s var(--ease); } .reveal.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; } html { scroll-behavior: auto; } .asa-products .asa-products-toggle:hover, .asa-products-toggle .elementor-button:hover, .asa-products-toggle:hover .products-toggle-icon { transform: none; } .asa-svg-icon,.asa-nav-svg,.asa-card-svg-icon,.asa-card-svg-icon * { transition:none!important; } .asa-animated-2d *,.asa-motion-micro,.asa-card-img-icon,.process-line,.asa-logo-mark svg,.asa-logo-mark svg path,.asa-nav-brand-mark svg,.map-nav-btn svg,#asa-back-to-top svg,.products-toggle-icon,.asa-elementor-contact-info .elementor-icon-list-icon,.asa-elementor-footer-links .elementor-icon-list-icon,.elementor-widget-social-icons .elementor-social-icon { animation:none!important; } a:hover > .asa-svg-icon,.asa-btn:hover .asa-svg-icon,.contact-item:hover .asa-svg-icon,.about-principle:hover .asa-svg-icon,.hero-float:hover .float-icon .asa-svg-icon { transform:none;filter:none; } .elementor-column:hover .asa-elementor-icon2d .asa-card-svg-icon,.elementor-column:hover .asa-elementor-icon2d .asa-icon-art { transform:none;filter:none; } } /* ---------- ۲۵) کی‌فریم‌ها ---------- */ @keyframes blob { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(20px, -24px) scale(1.08); } 66% { transform: translate(-18px, 16px) scale(.95); } } @keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } } @keyframes pulse { 0%, 100% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 28%, transparent); } 50% { box-shadow: 0 0 0 8px transparent; } } @keyframes draw { to { stroke-dashoffset: 0; } } @keyframes growBar { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: .85; } } @keyframes asaIconSceneDrift { from { transform:translate(-1px,1px) scale(.98);opacity:.08 } to { transform:translate(2px,-2px) scale(1.05);opacity:.17 } } @keyframes asaIconOrbA { 0%,100%{transform:translate(0) scale(.88);opacity:.1} 50%{transform:translate(-3px,4px) scale(1.18);opacity:.25} } @keyframes asaIconOrbB { 0%,100%{transform:translate(0) scale(1);opacity:.08} 50%{transform:translate(4px,-3px) scale(.78);opacity:.18} } @keyframes asaIconParticleA { 0%,100%{transform:translateY(5px) scale(.7);opacity:.18} 50%{transform:translateY(-5px) scale(1.2);opacity:.9} } @keyframes asaIconParticleB { 0%,100%{transform:translateX(-4px) scale(.8);opacity:.2} 50%{transform:translateX(4px) scale(1.2);opacity:.8} } @keyframes asaIconSpark { 0%,100%{transform:scale(.7) rotate(0);opacity:.1} 50%{transform:scale(1.15) rotate(90deg);opacity:.8} } @keyframes asaIconBar { 0%,20%{transform:scaleY(.35);opacity:.42} 55%,82%{transform:scaleY(1);opacity:1} 100%{transform:scaleY(.55);opacity:.7} } @keyframes asaIconPulse { 0%,100%{transform:scale(.9);opacity:.55} 50%{transform:scale(1.13);opacity:1} } @keyframes asaIconGlobe { to{transform:rotate(360deg)} } @keyframes asaIconExchange { 0%,100%{transform:translateX(-2px);opacity:.55} 50%{transform:translateX(3px);opacity:1} } @keyframes asaIconDocument { 0%,100%{transform:translateY(2px) rotate(0)} 50%{transform:translateY(-3px) rotate(-1deg)} } @keyframes asaIconSeal { 0%,25%,100%{transform:scale(.84) rotate(-5deg);opacity:.65} 48%,75%{transform:scale(1.08) rotate(0);opacity:1} } @keyframes asaIconBook { 0%,100%{transform:perspective(180px) rotateX(0) scaleX(.97)} 50%{transform:perspective(180px) rotateX(5deg) scaleX(1.04)} } @keyframes asaIconBlink { 0%,35%{opacity:.25} 36%,75%{opacity:1} 76%,100%{opacity:.55} } @keyframes asaIconStock { 0%,18%{transform:translateY(2px)} 55%,80%{transform:translateY(-3px)} 100%{transform:translateY(1px)} } @keyframes asaIconLineDraw { 0%,12%{stroke-dashoffset:52;opacity:.25} 48%,78%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:-52;opacity:.25} } @keyframes asaIconSignal { 0%,100%{transform:scale(.84);opacity:.25} 50%{transform:scale(1.08);opacity:1} } @keyframes asaIconWheel { to{transform:rotate(360deg)} } @keyframes asaIconPay { 0%,100%{transform:translateY(2px) scale(.9)} 50%{transform:translateY(-2px) scale(1.08)} } @keyframes asaIconFlag { 0%,100%{transform:skewY(0) translateX(0)} 50%{transform:skewY(-7deg) translateX(1px)} } @keyframes asaIconGear { to{transform:rotate(360deg)} } @keyframes asaIconFactoryPulse { 0%,100%{transform:scale(.92);filter:brightness(1)} 50%{transform:scale(1.08);filter:brightness(1.13)} } @keyframes asaIconPackageA { 0%,100%{transform:translate(0)} 50%{transform:translate(4px,4px)} } @keyframes asaIconPackageB { 0%,100%{transform:translate(0)} 50%{transform:translate(-4px,-3px)} } @keyframes asaIconFlow { to{stroke-dashoffset:-48} } @keyframes asaIconShip { 0%,100%{transform:translate(-1px,1px) rotate(-1deg)} 50%{transform:translate(2px,-2px) rotate(1deg)} } @keyframes asaIconNode { 0%,100%{transform:scale(.72);opacity:.35} 50%{transform:scale(1.2);opacity:1} } @keyframes asaIconApi { to{transform:rotate(360deg)} } @keyframes asaIconCode { to{stroke-dashoffset:-56} } @keyframes asaIconTyping { 0%,100%{transform:translateY(0);opacity:.35} 45%{transform:translateY(-3px);opacity:1} } @keyframes asaIconGraduate { 0%,100%{transform:translateY(1px) rotate(0)} 50%{transform:translateY(-3px) rotate(-1.5deg)} } @keyframes asaIconSearch { 0%,100%{transform:translate(0) scale(.96)} 50%{transform:translate(-3px,-2px) scale(1.05)} } @keyframes asaIconHeadset { 0%,100%{transform:translateX(0)} 50%{transform:translateX(1.5px)} } @keyframes asaIconSync { to{transform:rotate(360deg)} } @keyframes asaIconCheck { 0%,16%{stroke-dashoffset:30;opacity:.2} 48%,82%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:-30;opacity:.2} } @keyframes asaIconBolt { 0%,100%{transform:scale(.94);filter:brightness(1)} 45%{transform:scale(1.08);filter:brightness(1.22)} } @keyframes asaIconCloudFlow { 0%,100%{transform:translateX(-3px);opacity:.45} 50%{transform:translateX(3px);opacity:1} } @keyframes asaIconEnvelope { 0%,100%{transform:translate(0) rotate(0)} 50%{transform:translate(-2px,-3px) rotate(-1deg)} } @keyframes asaIconPin { 0%,100%{transform:translateY(0) scaleY(1)} 45%{transform:translateY(-4px) scaleY(1.03)} 55%{transform:translateY(-4px) scaleY(1.03)} } @keyframes asaIconVault { to{transform:rotate(360deg)} } @keyframes asaIconDeadline { 0%,100%{transform:rotate(-1deg) translateY(1px)} 50%{transform:rotate(1deg) translateY(-2px)} } @keyframes asaProcessLine { to{background-position:220px 0} } @keyframes asaMicroRing { 0%,78%,100%{transform:rotate(0)} 82%{transform:rotate(-8deg)} 86%{transform:rotate(8deg)} 90%{transform:rotate(-5deg)} 94%{transform:rotate(4deg)} } @keyframes asaMicroSupport { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1.5px)} } @keyframes asaMicroPin { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-2px)} } @keyframes asaMicroMail { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-2px)} } @keyframes asaMicroSync { to{transform:rotate(360deg)} } @keyframes asaMicroCheck { 0%,100%{transform:scale(.95)} 50%{transform:scale(1.08)} } @keyframes asaMicroChart { 0%,100%{transform:translateY(1px)} 50%{transform:translateY(-1.5px)} } @keyframes asaMicroFinance { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.22)} } @keyframes asaMicroStock { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1.5px)} } @keyframes asaMicroProduction { 0%,100%{transform:translateX(0)} 50%{transform:translateX(1.5px)} } @keyframes asaMicroTrust { 0%,100%{transform:scale(.96);opacity:.82} 50%{transform:scale(1.06);opacity:1} } @keyframes asaCustomIconFloat { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-4px) rotate(-1deg)} } @keyframes asaBrandFloat { 0%,100%{transform:translateY(0);filter:drop-shadow(0 5px 9px rgba(35,70,120,.08))} 50%{transform:translateY(-2px);filter:drop-shadow(0 8px 13px rgba(35,70,120,.18))} } @keyframes asaBrandDraw { 0%,12%{stroke-dashoffset:48} 42%,82%{stroke-dashoffset:0} 100%{stroke-dashoffset:-48} } @keyframes asaMapBeacon { 0%,100%{transform:translateY(0) scale(.96)} 50%{transform:translateY(-2px) scale(1.06)} } @keyframes asaBackTop { 0%,100%{transform:translateY(2px);opacity:.7} 50%{transform:translateY(-3px);opacity:1} } @keyframes asaToggleHint { 0%,70%,100%{transform:translateY(0)} 80%{transform:translateY(3px)} 90%{transform:translateY(-1px)} } @keyframes asaFooterArrow { 0%,100%{transform:translateX(0);opacity:.65} 50%{transform:translateX(-3px);opacity:1} } @keyframes asaSocialOrbit { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-2px) rotate(-3deg)} } /* ---------- ۲۶) واکنش‌گرا (Responsive) ---------- */ @media (max-width: 1024px) { .hero-inner { grid-template-columns: 1fr; gap: 60px; } .hero-content { text-align: center; } .hero-desc { margin-inline: auto; } .hero-actions, .hero-trust, .hero-badge { justify-content: center; } .hero-trust { justify-content: center; } .features-grid, .products-grid, .testimonials-grid, .blog-grid { grid-template-columns: repeat(2, 1fr); } .process-track { grid-template-columns: repeat(2, 1fr); gap: 36px 24px; } .process-line { display: none; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; } .dash-float-1 { inset-inline-start: 0; } .dash-float-2 { inset-inline-end: 0; } } @media (max-width: 880px) { /* مهم: backdrop-filter روی هدر یک containing-block می‌سازد و position:fixed منو را خراب می‌کند ⇒ در موبایل غیرفعال */ .asa-header, .asa-header.is-stuck { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; } body.asa-menu-open { overflow: hidden; } /* ===== کشوی منوی موبایل (off-canvas) ===== */ .asa-nav { position: fixed; top: 0; bottom: 0; right: 0; left: auto; margin: 0; width: min(86vw, 360px); background: #fff; display: flex; flex-direction: column; box-shadow: -18px 0 50px -12px rgba(27,31,59,.32); border-radius: 22px 0 0 22px; z-index: 95; padding: 0; overflow-y: auto; transform: translateX(110%); visibility: hidden; transition: transform .38s var(--ease), visibility 0s linear .38s; } .asa-menu-open .asa-nav { transform: translateX(0); visibility: visible; transition: transform .38s var(--ease), visibility 0s; } .asa-nav-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: #fff; z-index: 2; } .asa-nav-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: var(--ink); font-size: 1.02rem; } .asa-nav-brand-mark { display: inline-flex; } .asa-nav-logo-img { width: 36px; height: 36px; object-fit: contain; border-radius: 10px; display: block; } .asa-nav-close { width: 40px; height: 40px; flex-shrink: 0; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: var(--ink); display: grid; place-items: center; cursor: pointer; transition: background .2s, color .2s, transform .2s; } .asa-nav-close:hover { background: var(--primary-soft); color: var(--primary); transform: rotate(90deg); } .asa-menu { flex-direction: column; align-items: stretch; gap: 2px; padding: 12px 14px; flex: 1 0 auto; } .asa-menu li { width: 100%; } .asa-menu a { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; font-size: 1.06rem; font-weight: 600; border-radius: 13px; color: var(--ink); transition: background .2s, color .2s, padding .2s; } .asa-menu a::after { content: '‹'; font-size: 1.2em; line-height: 1; opacity: .32; transition: transform .2s, opacity .2s; } .asa-menu a:hover, .asa-menu .current-menu-item > a, .asa-menu .current_page_item > a { background: var(--primary-soft); color: var(--primary); padding-inline-end: 22px; } .asa-menu a:hover::after { transform: translateX(-4px); opacity: .7; } .asa-menu .menu-item-has-children > a::after { content: '⌄'; } .asa-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: var(--bg-soft); margin: 2px 6px 6px; padding: 4px; border-radius: 12px; min-width: 0; } .asa-menu .sub-menu a { font-size: .96rem; } .asa-nav-foot { display: flex; flex-direction: column; gap: 12px; padding: 16px 20px 24px; border-top: 1px solid var(--border); margin-top: auto; position: sticky; bottom: 0; background: #fff; } .asa-nav-cta { width: 100%; justify-content: center; } .asa-nav-call { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--body); font-weight: 700; font-size: 1rem; } .asa-nav-call:hover { color: var(--primary); } .asa-menu-toggle { display: flex; } .header-cta { display: none; } .contact-wrap { grid-template-columns: 1fr; gap: 30px; } .section-head-row { flex-direction: column; align-items: flex-start; } .asa-content-area.has-sidebar { grid-template-columns: 1fr; } .asa-sidebar { position: static; } .footer-cta { flex-direction: column; text-align: center; } .footer-cta-text p { margin-inline: auto; } .footer-cta-actions { justify-content: center; } /* روی موبایل کارتِ CTA بلندتر می‌شود؛ هم‌پوشانیِ ۵۰٪ حذف می‌شود تا روی لوگوی فوتر نیفتد */ .footer-cta-wrap { transform: none; margin-top: 34px; } .footer-main { padding-top: 44px; } } @media (max-width: 600px) { body { font-size: 15px; } .asa-container { padding-inline: 18px; } .topbar-hours { display: none; } .features-grid, .products-grid, .testimonials-grid, .blog-grid, .stats-grid, .dash-kpis { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr 1fr; gap: 28px 14px; } .dash-kpis { grid-template-columns: 1fr 1fr; } .form-row { grid-template-columns: 1fr; } .process-track { grid-template-columns: 1fr; } .asa-post-nav { grid-template-columns: 1fr; } .hero-title { font-size: 1.9rem; } .footer-bottom-inner { flex-direction: column; text-align: center; } .dash-float { display: none; } #asa-back-to-top { bottom: 18px; inset-inline-start: 18px; width: 46px; height: 46px; } .contact-phones-grid { grid-template-columns: repeat(3, 1fr); font-size: .82rem; } .products-toggle-wrap { margin-top: 24px; } .asa-products .asa-products-toggle, .asa-products-toggle .elementor-button { width: 100%; min-width: 0; } } @media (max-width: 380px) { .contact-phones-grid { grid-template-columns: repeat(2, 1fr); } } /* ---------- ۲۶) بخش‌های سفارشیِ افزودنی ---------- */ .asa-custom-content { max-width: 860px; margin-inline: auto; color: var(--body); font-size: 1.05rem; line-height: 2; } .asa-custom-content p { margin: 0 0 1em; } .asa-custom-content p:last-child { margin-bottom: 0; } .asa-custom-content a { color: var(--primary); font-weight: 600; } .asa-custom-content ul, .asa-custom-content ol { padding-inline-start: 1.4em; margin: 0 0 1em; } .asa-custom-content li { margin-bottom: .4em; } .asa-custom-content img { border-radius: var(--radius, 14px); } /* سوالات متداول: دکمه‌ی «نمایش بیشتر» + صفحه‌ی اختصاصی */ .faq-more { text-align: center; margin-top: 30px; } .asa-faq-page { padding-top: clamp(40px, 7vw, 84px); } .asa-faq-page .faq-intro { max-width: 760px; margin: 0 auto 30px; text-align: center; color: var(--body); line-height: 1.95; } .asa-faq-page .faq-empty { text-align: center; color: var(--muted); } /* دفاتر/واحدها در بخش تماس (هر دفتر: نام + آدرس + تلفن + شبکه‌های اجتماعیِ خودش) */ .contact-offices { display: grid; gap: 16px; margin-top: 26px; } .office-card { background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius, 16px); padding: 18px 20px; transition: box-shadow .3s var(--ease), border-color .3s, transform .3s var(--ease); } .office-card:hover { box-shadow: var(--shadow); border-color: transparent; transform: translateY(-3px); } .office-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 12px; } .office-name { font-weight: 800; color: var(--ink); font-size: 1.05rem; position: relative; padding-inline-start: 15px; } .office-name::before { content: ''; position: absolute; inset-inline-start: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); } .office-addr { color: var(--body); font-size: .95rem; } .office-phone { display: inline-flex; align-items: center; gap: 7px; color: var(--primary-d, var(--primary)); font-weight: 700; margin-bottom: 12px; } .office-phone:hover { color: var(--primary); } .office-phone svg { width: 17px; height: 17px; } .office-social { display: flex; gap: 8px; flex-wrap: wrap; } .office-social .social-dot { background: var(--primary-soft); color: var(--primary); } .office-social .social-dot:hover { background: var(--primary); color: #fff; } .contact-list-after { margin-top: 22px; } /* بخش تماس در فوتر (پس‌زمینه تیره) — آدرسِ مشترک + دفاتر + ساعت/ایمیل */ .footer-mainaddr { display: flex; gap: 8px; align-items: flex-start; color: rgba(255,255,255,.82); margin: 0 0 14px; line-height: 1.7; } .footer-mainaddr svg { flex-shrink: 0; margin-top: 3px; color: var(--primary); } .asa-footer .contact-offices { gap: 0; margin-top: 0; } .asa-footer .office-card { background: transparent; border: 0; border-radius: 0; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); } .asa-footer .office-card:last-child { border-bottom: 0; } .asa-footer .office-card:hover { transform: none; box-shadow: none; } .asa-footer .office-name { color: #fff; } .asa-footer .office-addr { color: rgba(255,255,255,.62); } .asa-footer .office-phone { color: #fff; } .asa-footer .office-social .social-dot { background: rgba(255,255,255,.1); color: #fff; } .asa-footer .office-social .social-dot:hover { background: var(--primary); color: #fff; } .footer-contact-after { margin-top: 14px; } /* باکسِ سوشیالِ معرفیِ فوتر — همان ظاهرِ بزرگ و رنگیِ بخش قهرمان (اندازه‌ی مناسبِ فوتر) */ .footer-social-hero { --social-size: 54px; margin-top: 18px; } /* صفحه‌های اختصاصیِ محصولات و امکانات */ .asa-products-page, .asa-features-page { padding-top: clamp(40px, 7vw, 84px); } .products-intro { max-width: 760px; margin: 0 auto 30px; text-align: center; color: var(--body); line-height: 1.95; } .products-empty { text-align: center; color: var(--muted); } .products-cta-band { position: relative; overflow: hidden; margin-top: 50px; padding: clamp(36px, 6vw, 60px) clamp(24px, 5vw, 56px); border-radius: var(--radius-lg, 26px); background: var(--grad-brand); color: #fff; text-align: center; box-shadow: var(--shadow-primary, 0 30px 60px -25px rgba(91,133,179,.5)); } .products-cta-glow { position: absolute; width: 360px; height: 360px; border-radius: 50%; background: rgba(255,255,255,.16); filter: blur(60px); top: -160px; inset-inline-end: -60px; } .products-cta-content { position: relative; z-index: 1; } .products-cta-band h2 { font-size: clamp(1.4rem, 3vw, 2rem); margin: 0 0 .5em; color: #fff; } .products-cta-band p { margin: 0 auto 1.4em; max-width: 560px; opacity: .92; } .products-cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } /* ---------- ۲۶الف) بهینه‌سازیِ تکمیلیِ تبلت و موبایل ---------- */ img { max-width: 100%; height: auto; } /* تبلت (عمودی) و پایین‌تر */ @media (max-width: 768px) { .topbar-inner { gap: 6px 14px; } .hero-actions { flex-wrap: wrap; } } /* موبایل */ @media (max-width: 600px) { .topbar-inner { flex-wrap: wrap; justify-content: center; gap: 6px 14px; } .asa-topbar { font-size: .78rem; } .header-inner { gap: 12px; } .hero-actions { gap: 12px; } .hero-actions .asa-btn { flex: 1 1 auto; justify-content: center; } .section-title { font-size: clamp(1.5rem, 6vw, 1.9rem); } .footer-grid { grid-template-columns: 1fr; gap: 30px; } .footer-about { text-align: center; } .footer-about .asa-logo, .footer-about .footer-social, .footer-about .footer-social-hero { justify-content: center; } .footer-cta-actions { justify-content: center; } .asa-nav-foot .asa-nav-cta { width: 100%; } /* نقشه در موبایل — تمام‌عرض */ .footer-map-wrap { padding: 22px 0 28px; } .footer-map-container { height: clamp(200px, var(--map-h, 250px), 280px); } .map-nav-btn { flex: 1 1 auto; justify-content: center; } } /* موبایل کوچک */ @media (max-width: 420px) { .hero-title { font-size: 1.55rem; } .stats-grid { grid-template-columns: 1fr; } .asa-nav { width: 100%; border-radius: 0; } .asa-btn { padding-inline: 16px; } } /* ---------- ۲۶ب) بهبودِ UX/UI (به‌ویژه موبایل) ---------- */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body.asa-motion-disabled *, body.asa-motion-disabled *::before, body.asa-motion-disabled *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } body.asa-motion-disabled .reveal { opacity: 1; transform: none; } ::selection { background: color-mix(in srgb, var(--primary) 22%, #fff); color: var(--ink); } * { -webkit-tap-highlight-color: transparent; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .asa-btn:focus-visible, .asa-menu-toggle:focus-visible { outline: 3px solid color-mix(in srgb, var(--primary) 55%, #fff); outline-offset: 2px; border-radius: 8px; } /* آفستِ لنگر تا هدرِ چسبان روی عنوانِ مقصد نیفتد */ [id] { scroll-margin-top: 96px; } body.admin-bar [id] { scroll-margin-top: calc(var(--asa-hh, var(--header-h)) + 52px); } /* بازخوردِ لمسیِ کارت‌ها */ .feature-card:active, .product-card:active, .blog-card:active, .office-card:active { transform: translateY(-2px) scale(.995); } @media (max-width: 600px) { /* فرم: فونت ۱۶px از زومِ خودکارِ iOS جلوگیری می‌کند + هدفِ لمسیِ بزرگ‌تر */ .asa-form input, .asa-form select, .asa-form textarea { font-size: 16px; padding: 13px 15px; } .asa-btn { min-height: 48px; } .asa-menu a { min-height: 46px; } .footer-links a { display: inline-block; padding-block: 5px; } .asa-section { padding-block: clamp(calc(var(--section-space, 110px) * .33), 9vw, calc(var(--section-space, 110px) * .5)); } .section-head { margin-bottom: 26px; } } /* نوارِ ناوبریِ موبایل — داکِ شناورِ برند (نشانگرِ گویِ لغزنده) */ .asa-mnav { display: none; } @media (max-width: 768px) { .asa-mnav { display: block; position: fixed; z-index: 85; inset-inline: clamp(10px, 3vw, 18px); bottom: calc(10px + env(safe-area-inset-bottom, 0px)); max-width: 560px; margin-inline: auto; /* گرادیانِ برند با دو سرِ کنترل‌شده: متنِ سفید در سراسرِ داک خوانا می‌ماند */ background: linear-gradient(140deg, color-mix(in srgb, var(--primary) 88%, #fff) 0%, var(--primary) 48%, color-mix(in srgb, var(--primary) 74%, #0a1630) 100%); border-radius: 26px; box-shadow: 0 20px 44px -16px rgba(15, 28, 63, .5), 0 6px 16px -6px rgba(15, 28, 63, .35), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(9, 16, 38, .25); transition: transform .45s var(--ease); will-change: transform; } .asa-mnav::before { /* شبنمِ شیشه‌ایِ بالای داک */ content: ''; position: absolute; inset: 0 0 46%; border-radius: 26px 26px 0 0; background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,0)); pointer-events: none; } .asa-mnav.is-hidden, body.asa-menu-open .asa-mnav { transform: translateY(calc(100% + 90px)); } /* هنگامِ بازبودنِ منوی کشویی، کامل (با گوی) پنهان شود */ .asa-mnav ul { list-style: none; margin: 0; padding: 0 6px; display: flex; align-items: stretch; justify-content: space-between; height: 72px; } .mnav-item { position: relative; flex: 1 1 0; min-width: 0; } /* چیدمانِ متقارن: آیکن و برچسب در جریانِ عادی با فاصله‌ی ثابتِ ۱۲px */ .mnav-item a { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; color: rgba(255,255,255,.68); text-decoration: none; -webkit-tap-highlight-color: transparent; } .mnav-item a:focus-visible { outline: 2px solid #fff; outline-offset: -5px; border-radius: 18px; } .mnav-ic { position: relative; z-index: 3; display: grid; place-items: center; width: var(--mnav-ic-size, 26px); height: var(--mnav-ic-size, 26px); transition: transform .5s cubic-bezier(.3, 1.4, .5, 1), color .35s var(--ease); } .mnav-ic svg { width: var(--mnav-ic-size, 26px); height: var(--mnav-ic-size, 26px); display: block; } .mnav-item.active .asa-nav-svg { filter:drop-shadow(0 3px 5px rgba(9,16,38,.28)); } .mnav-ic .mnav-img { width: var(--mnav-ic-size, 26px); height: var(--mnav-ic-size, 26px); object-fit: contain; display: block; border-radius: 7px; } .mnav-item a:active .mnav-ic { transform: scale(.84); } /* بازخوردِ لمسی */ .mnav-text { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: clamp(8px, 2.35vw, 10.5px); line-height: 1; font-weight: 600; color: rgba(255,255,255,.62); transition: color .35s var(--ease); white-space: nowrap; pointer-events: none; } .asa-mnav.items-6 ul, .asa-mnav.items-7 ul { padding-inline: 3px; } .asa-mnav.items-7 .mnav-item a { gap: 10px; } /* آیتمِ صفحه‌ی جاری: آیکن و نوشته سفید می‌شود (نشانگرِ رنگی، بدونِ جابه‌جاییِ گوی) */ .mnav-item.active .mnav-ic { color: #fff; } .mnav-item.active .mnav-text { color: #fff; font-weight: 800; } /* آیتمِ میانی: همیشه داخلِ گویِ ثابت بالا می‌ایستد و سفید است */ .mnav-item.is-center .mnav-ic { transform: translateY(-22px); color: #fff; filter: drop-shadow(0 3px 6px rgba(9,16,38,.4)); } .mnav-item.is-center a:active .mnav-ic { transform: translateY(-22px) scale(.9); } /* ── برچسب آیتم میانی: نزدیک‌تر به گوی ── */ .mnav-item.is-center a { gap: 1px; } .mnav-item.is-center .mnav-text { margin-top: -6px; position: relative; z-index: 4; } /* حالتِ بدونِ برچسب: آیکنِ مرکزی بیشتر بالا می‌رود */ .asa-mnav.no-labels .mnav-item a { gap: 0; } .asa-mnav.no-labels .mnav-item.is-center .mnav-ic { transform: translateY(-33px); } .asa-mnav.no-labels .mnav-item.is-center a:active .mnav-ic { transform: translateY(-33px) scale(.9); } /* گویِ ثابتِ مرکزی — اندازه‌اش با آیتمِ میانی رشد می‌کند؛ پیش‌فرضِ CSS «تقریباً وسط» است (اگر JS خاموش/تأخیری بود، گوی در گوشه نیفتد) و JS آن را دقیق روی آیتمِ میانی می‌نشاند. */ .mnav-choosen { position: absolute; left: calc(50% - var(--mnav-orb-size, 56px) / 2); top: calc(2px - var(--mnav-orb-size, 56px) / 2); width: var(--mnav-orb-size, 56px); height: var(--mnav-orb-size, 56px); border-radius: 50%; background: radial-gradient(circle at 30% 24%, rgba(255,255,255,.5), rgba(255,255,255,0) 44%), linear-gradient(145deg, color-mix(in srgb, var(--primary) 68%, #fff) 0%, var(--primary) 52%, color-mix(in srgb, var(--primary) 72%, #071230) 100%); border: 3px solid rgba(255,255,255,.95); box-shadow: 0 14px 30px -8px var(--primary-glow), 0 5px 12px -3px rgba(9,16,38,.45), inset 0 -5px 10px rgba(9,16,38,.28); pointer-events: none; z-index: 2; } /* روی موبایل، منوی همبرگرِ هدر پنهان می‌شود — ناوبری از طریقِ نوارِ پایین */ body.asa-mnav-menu .asa-menu-toggle { display: none; } body.asa-has-mnav, body:has(.asa-mnav) { padding-bottom: calc(114px + env(safe-area-inset-bottom, 0px)); } body.asa-has-mnav #asa-back-to-top, body:has(.asa-mnav) #asa-back-to-top { bottom: calc(104px + env(safe-area-inset-bottom, 0px)); } } @media (max-width: 768px) and (prefers-reduced-motion: reduce) { .mnav-ic, .mnav-text, .mnav-choosen, .asa-mnav { transition: none; } } /* ---------- هدرِ شیشه‌ای موبایل ---------- نکته‌ی فنی: backdrop-filter مستقیم روی .asa-header ممنوع است (containing block می‌سازد و منوی کشویی fixed داخلش را خراب می‌کند). شیشه روی ::before اعمال می‌شود که هیچ فرزندی ندارد ⇒ منو سالم می‌ماند. */ @media (max-width: 768px) { body.asa-glass-header .asa-header, body.asa-glass-header .asa-header.is-stuck { background: transparent; border-bottom: 0; box-shadow: none; } /* شیشه‌ی تمیز در هر دو حالت (عادی و اسکرول): پشتِ هدر همیشه کاملاً خوانا */ body.asa-glass-header .asa-header::before, body.asa-glass-header .asa-header.is-stuck::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .05); -webkit-backdrop-filter: blur(2px) saturate(130%); backdrop-filter: blur(2px) saturate(130%); border-bottom: 1px solid rgba(255, 255, 255, .22); } /* هیرو از همان بالا زیرِ شیشه می‌رود تا پشتِ هدر واقعاً محتوا دیده شود */ body.asa-glass-header:has(.asa-hero) .asa-header { margin-bottom: calc(-1 * var(--asa-hh, 64px)); } body.asa-glass-header:has(.asa-hero) .asa-hero { padding-top: calc(var(--asa-hh, 64px) + 30px); } /* فقط لوگو (وقتی داکِ پایین «منو» دارد؛ وگرنه همبرگر برای دسترسی می‌ماند) */ body.asa-glass-header.asa-mnav-menu .header-inner { justify-content: center; } body.asa-glass-header.asa-mnav-menu .header-actions { display: none; } /* مرورگرِ بدونِ backdrop-filter ⇒ پس‌زمینه‌ی مات‌تر تا متن خوانا بماند */ @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { body.asa-glass-header .asa-header::before { background: rgba(255, 255, 255, .92); } } } /* ---------- پنهان‌کردنِ کاملِ هدر در موبایل ---------- نکته: منوی کشویی (.asa-nav) داخلِ هدر است و position:fixed دارد؛ پس به‌جای display:none روی هدر (که کلِ زیردرخت و منو را حذف می‌کند)، هدر را «جمع» می‌کنیم (ارتفاعِ صفر، بدونِ فضا) و فقط اجزای دیداری‌اش را حذف می‌کنیم. منوی fixed از این جمع‌شدن فرار می‌کند و کاملاً سالم می‌ماند. */ @media (max-width: 768px) { body.asa-hide-header .asa-topbar { display: none; } body.asa-hide-header .asa-header, body.asa-hide-header .asa-header.is-stuck { position: absolute; inset-inline: 0; top: 0; height: 0; min-height: 0; margin: 0; padding: 0; background: none; box-shadow: none; border: 0; overflow: visible; } body.asa-hide-header .header-inner { min-height: 0; padding: 0; } body.asa-hide-header .asa-branding, body.asa-hide-header .header-actions { display: none; } body.asa-hide-header .asa-nav { pointer-events: auto; } /* منوی کشویی همچنان کلیک‌پذیر */ } /* ---------- فرمِ تماسِ واقعی: اعلان، تله‌ی ربات، حالتِ ارسال ---------- */ .form-notice { display: none; margin: 0 0 14px; padding: 11px 14px; border-radius: 12px; font-size: .93rem; font-weight: 600; line-height: 1.8; } .form-notice.is-visible { display: block; } .form-notice.is-success { background: color-mix(in srgb, var(--primary) 12%, #fff); color: var(--primary-d, var(--primary)); border: 1px solid color-mix(in srgb, var(--primary) 30%, #fff); } .form-notice.is-error { background: #fdf0f0; color: #b3403f; border: 1px solid #f3d2d1; } .asa-hp-wrap { position: absolute !important; inset-inline-start: -9999px !important; width: 1px; height: 1px; overflow: hidden; margin: 0; } .asa-form button[disabled] { opacity: .72; cursor: progress; } .asa-form button.is-sending .btn-label::after { content: ''; display: inline-block; width: 1em; text-align: right; animation: asaDots 1.2s steps(4) infinite; } @keyframes asaDots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } } /* صفحه‌ی تضمینیِ نقشه راه؛ خود فرم و گزارش از استایل افزونه استفاده می‌کنند. */ .asa-advisor-page { padding: clamp(44px, 7vw, 88px) 0 clamp(70px, 9vw, 120px); background: linear-gradient(180deg, var(--primary-soft), #fff 34%); } .asa-advisor-page-head { max-width: 820px; margin: 0 auto 34px; text-align: center; } .asa-advisor-page-head .section-sub { margin-inline: auto; } .asa-ai-advisor { --header-h: var(--asa-hh, 76px); } .asa-advisor-unavailable { max-width: 720px; margin: 0 auto; padding: clamp(26px, 5vw, 46px); text-align: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow); } .asa-advisor-unavailable h2 { margin-bottom: 10px; } .asa-advisor-unavailable p { color: var(--body); margin-bottom: 22px; } /* نمادِ اعتماد در فوتر */ .footer-enamad { display: flex; align-items: center; } .footer-enamad img { max-height: 88px; width: auto; background: #fff; border-radius: 10px; padding: 4px; } /* ---------- ۲۷) سازگاری المنتور ---------- */ .asa-elementor-front > .elementor { width: 100%; } .asa-fullwidth-page { width: 100%; } .asa-blank-canvas { background: #fff; } /* جلوگیری از تداخل استایل دکمه‌ی پوسته با دکمه‌های المنتور */ .elementor-button { font-family: var(--font); } /* resting card definition for all-white backgrounds */ .feature-card,.product-card,.testimonial-card,.blog-card{box-shadow:var(--shadow-sm)} /* uploaded custom-logo size constraint (Site Identity) */ .custom-logo-link{line-height:0} .custom-logo{max-height:var(--logo-h,52px);max-width:260px;width:auto;height:auto} /* hero social box (editable via Customizer) */ .hero-social{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:12px} .hero-social-label{font-size:1.02rem;font-weight:700;color:var(--ink)} .hero-social-icons{display:flex;gap:14px;flex-wrap:wrap} .hero-social-icon{width:var(--social-size,70px);height:var(--social-size,70px);border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);box-shadow:var(--shadow-sm);transition:transform .28s var(--ease),box-shadow .28s var(--ease)} .hero-social-icon svg{width:calc(var(--social-size,70px) * .48);height:calc(var(--social-size,70px) * .48);transition:transform .28s var(--ease)} .hero-social-icon:hover{transform:translateY(-6px) scale(1.12);box-shadow:var(--shadow-lg);color:#fff} .hero-social-icon:hover svg{transform:rotate(-8deg)} .hero-social-icon:active{transform:translateY(-2px) scale(1.05)} .hero-social-telegram{background:#229ED9}.hero-social-whatsapp{background:#25D366}.hero-social-bale{background:#1aa3d8}.hero-social-eitaa{background:#EF7D00}.hero-social-rubika{background:#6A39A0}.hero-social-aparat{background:#ED145B}.hero-social-instagram{background:#E4405F}.hero-social-linkedin{background:#0A66C2}.hero-social-x{background:#111111}.hero-social-youtube{background:#FF0000}.hero-social-facebook{background:#1877F2} @media(max-width:1024px){.hero-social{align-items:center}} @media(max-width:600px){.hero-social-icon{width:min(var(--social-size,70px),58px);height:min(var(--social-size,70px),58px)}.hero-social-icon svg{width:calc(min(var(--social-size,70px),58px) * .48);height:calc(min(var(--social-size,70px),58px) * .48)}} /* ===== social icons: overlapping arrangement (close / stacked) ===== */ .hero-social-icons{gap:0} .hero-social-icon{border:3px solid #fff} .hero-social-icon + .hero-social-icon{margin-inline-start:-16px} .hero-social-icon:hover{position:relative;z-index:3} .topbar-social,.footer-social{gap:0} .topbar-social .social-dot,.footer-social .social-dot{border:2px solid #fff;margin-inline-start:-8px} .topbar-social .social-dot:first-child,.footer-social .social-dot:first-child{margin-inline-start:0} .elementor-social-icons-wrapper{--grid-column-gap:0 !important} .elementor-social-icons-wrapper .elementor-grid-item{margin-inline-start:-10px} .elementor-social-icons-wrapper .elementor-grid-item:first-child{margin-inline-start:0} .elementor-social-icons-wrapper .elementor-social-icon{border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .2s ease} .elementor-social-icons-wrapper .elementor-social-icon:hover{transform:translateY(-3px);position:relative;z-index:3} /* custom uploaded logo per social network */ .hero-social-icon.has-logo{background:#fff;overflow:hidden;padding:0} .hero-social-icon.has-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%} /* ===== صفحه مستقل محصول ===== */ .asa-product-single{overflow:clip;background:#fff}.asa-product-hero{position:relative;isolation:isolate;padding:clamp(78px,8vw,124px) 0 clamp(66px,8vw,110px);background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 12%,#f8fbff),#fff 58%,color-mix(in srgb,var(--product-accent) 6%,#fff));border-bottom:1px solid color-mix(in srgb,var(--product-accent) 14%,#e9edf5)} .asa-product-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.6}.asa-product-orb-one{width:420px;height:420px;right:-170px;top:-210px;background:radial-gradient(circle,color-mix(in srgb,var(--product-accent) 24%,transparent),transparent 70%)}.asa-product-orb-two{width:300px;height:300px;left:-130px;bottom:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--product-accent) 17%,transparent),transparent 70%)} .asa-product-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:center;gap:clamp(38px,7vw,100px)}.asa-product-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:var(--muted);font-size:13px}.asa-product-breadcrumb a{color:inherit;text-decoration:none}.asa-product-breadcrumb a:hover{color:var(--product-accent)} .asa-product-kicker{display:inline-flex;padding:7px 14px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--product-accent) 24%,transparent);border-radius:999px;background:rgba(255,255,255,.76);color:var(--product-accent);font-size:13px;font-weight:850;box-shadow:0 8px 30px rgba(30,50,90,.06)}.asa-product-hero h1{max-width:820px;margin:0;color:var(--ink);font-size:clamp(34px,4.3vw,62px);font-weight:950;line-height:1.35;letter-spacing:-.7px}.asa-product-lead{max-width:760px;margin:23px 0 0;color:var(--text);font-size:clamp(16px,1.5vw,20px);line-height:2}.asa-product-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px} .asa-product-visual{position:relative;min-height:360px;display:grid;place-items:center}.asa-product-visual::before{content:"";position:absolute;inset:8%;border-radius:34% 66% 55% 45%/48% 36% 64% 52%;background:linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--product-accent) 13%,white));box-shadow:0 35px 90px color-mix(in srgb,var(--product-accent) 23%,transparent),inset 0 1px 0 #fff;animation:asa-product-morph 9s ease-in-out infinite alternate}.asa-product-visual-ring{position:absolute;width:82%;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--product-accent) 35%,transparent);border-radius:50%;animation:asa-product-spin 22s linear infinite}.asa-product-visual-icon{position:relative;z-index:2;display:grid;place-items:center;width:190px;height:190px;border-radius:44px;background:rgba(255,255,255,.88);box-shadow:0 24px 64px rgba(25,43,75,.15),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:rotate(-3deg);overflow:hidden}.asa-product-visual-icon .asa-card-svg-icon{width:124px;height:124px;filter:drop-shadow(0 20px 28px rgba(25,43,75,.17));transform:rotate(3deg)}.asa-product-visual-icon img{max-width:130px;max-height:130px}.asa-product-visual-icon.has-featured-image{width:min(100%,360px);height:250px;border-radius:30px;transform:rotate(-2deg)}.asa-product-visual-icon.has-featured-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.asa-product-visual-chip{position:absolute;z-index:3;bottom:23px;right:6%;padding:11px 17px;border-radius:14px;color:var(--ink);background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(30,48,78,.13);font-size:13px;font-weight:850;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} @keyframes asa-product-morph{to{border-radius:61% 39% 40% 60%/37% 62% 38% 63%;transform:translateY(-8px) rotate(2deg)}}@keyframes asa-product-spin{to{transform:rotate(360deg)}} .asa-product-body-section{padding-top:clamp(70px,8vw,118px)}.asa-product-body-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(34px,6vw,86px);align-items:start}.asa-product-content h2{margin:14px 0 22px;color:var(--ink);font-size:clamp(27px,3vw,39px);line-height:1.5}.asa-product-content .entry-content{color:var(--text);font-size:17px;line-height:2.15}.asa-product-content .entry-content>*:first-child{margin-top:0}.asa-product-strategy{display:grid;gap:18px}.asa-product-info-card{position:relative;overflow:hidden;padding:28px;border:1px solid color-mix(in srgb,var(--product-accent) 14%,#e7ebf3);border-radius:24px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--product-accent) 5%,white));box-shadow:0 18px 55px rgba(36,50,80,.07)}.asa-product-info-number{position:absolute;left:18px;top:4px;color:color-mix(in srgb,var(--product-accent) 13%,white);font-size:78px;font-weight:950;line-height:1}.asa-product-info-card h2{position:relative;margin:0 0 10px;color:var(--ink);font-size:19px}.asa-product-info-card p{position:relative;margin:0;color:var(--text);line-height:2} .asa-product-features-section{background:linear-gradient(180deg,#f8faff,#fff)}.asa-product-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:38px 0 0;padding:0;list-style:none}.asa-product-feature-grid li{display:flex;align-items:flex-start;gap:13px;min-height:78px;padding:20px;border:1px solid #e9edf4;border-radius:18px;background:#fff;color:var(--ink);line-height:1.85;box-shadow:0 12px 34px rgba(37,50,80,.05)}.asa-product-feature-check{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;margin-top:1px;border-radius:11px;color:#fff;background:var(--product-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--product-accent) 30%,transparent)} .asa-product-cta-section{padding-top:24px;padding-bottom:34px}.asa-product-cta-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(30px,5vw,58px);border-radius:30px;color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--product-accent) 86%,#21314f),var(--product-accent));box-shadow:0 28px 70px color-mix(in srgb,var(--product-accent) 25%,transparent)}.asa-product-cta-card::after{content:"";position:absolute;width:280px;height:280px;left:-90px;top:-150px;border:45px solid rgba(255,255,255,.08);border-radius:50%}.asa-product-cta-card>*{position:relative;z-index:1}.asa-product-cta-card span{font-size:13px;font-weight:800;opacity:.84}.asa-product-cta-card h2{margin:8px 0 10px;color:#fff;font-size:clamp(25px,3vw,38px)}.asa-product-cta-card p{max-width:720px;margin:0;opacity:.88;line-height:1.9}.asa-related-products{padding-top:60px} @media(max-width:900px){.asa-product-hero-grid,.asa-product-body-grid{grid-template-columns:1fr}.asa-product-visual{min-height:310px;max-width:520px;width:100%;margin-inline:auto}}@media(max-width:640px){.asa-product-hero{padding-top:52px}.asa-product-hero-actions .asa-btn{width:100%;justify-content:center}.asa-product-visual{min-height:270px}.asa-product-visual-icon{width:150px;height:150px;border-radius:34px}.asa-product-visual-icon .asa-card-svg-icon{width:100px;height:100px}.asa-product-visual-icon img{max-width:104px;max-height:104px}.asa-product-feature-grid{grid-template-columns:1fr}.asa-product-cta-card{align-items:stretch;flex-direction:column}.asa-product-cta-card .asa-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.asa-product-visual::before,.asa-product-visual-ring{animation:none}.product-card:hover .asa-card-svg-icon,.asa-product-visual:hover .asa-card-svg-icon,.product-card:hover .asa-icon-art,.asa-product-visual:hover .asa-icon-art,.product-card:hover .asa-icon-scene,.asa-product-visual:hover .asa-icon-scene,.product-card:hover .asa-icon-orb,.asa-product-visual:hover .asa-icon-orb,.product-card:hover .asa-icon-ground,.asa-product-visual:hover .asa-icon-ground{transform:none}} /* ===== بهینه‌سازی واکنش‌گرای محصولات: موبایل، تبلت و دسکتاپ ===== */ .products-grid{align-items:stretch} .product-card{display:flex;min-width:0;flex-direction:column;height:100%} .product-card>*{min-width:0} .product-title,.product-title a,.product-badge,.product-text{overflow-wrap:anywhere;word-break:normal} .product-badge{max-width:100%;white-space:normal;line-height:1.65} .product-text{flex:1 1 auto} .product-link{align-self:flex-start;min-height:44px;margin-top:auto;padding:8px 2px;touch-action:manipulation} .product-title a:focus-visible,.product-link:focus-visible,.asa-products .asa-btn:focus-visible,.asa-product-single .asa-btn:focus-visible,.asa-product-breadcrumb a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,var(--product-accent,var(--primary))) 45%,transparent);outline-offset:4px;border-radius:6px} .asa-products .asa-btn,.asa-product-single .asa-btn{min-height:48px;max-width:100%;white-space:normal;text-align:center;line-height:1.5;touch-action:manipulation} .products-cta-actions{align-items:stretch} .asa-product-single{overflow:hidden;overflow:clip} .asa-product-hero-copy,.asa-product-content,.asa-product-strategy,.asa-product-info-card,.asa-product-cta-card>*,.asa-product-feature-grid li>*{min-width:0} .asa-product-hero h1,.asa-product-lead,.asa-product-info-card,.asa-product-feature-grid li,.asa-product-cta-card{overflow-wrap:anywhere} .asa-product-visual-chip{right:6%;max-width:88%;text-align:center;overflow-wrap:anywhere} .asa-product-content .entry-content{min-width:0;overflow-wrap:anywhere} .asa-product-content .entry-content img,.asa-product-content .entry-content video,.asa-product-content .entry-content iframe,.asa-product-content .entry-content embed,.asa-product-content .entry-content object{max-width:100%;height:auto} .asa-product-content .entry-content iframe{width:100%} .asa-product-content .entry-content pre{max-width:100%;overflow-x:auto;padding:16px;border-radius:12px;} .asa-product-content .entry-content .wp-block-table{max-width:100%;overflow-x:auto;} .asa-product-content .entry-content table{display:block;width:100%;max-width:100%;margin:24px 0;overflow-x:auto;border-collapse:collapse;} .asa-product-content .entry-content th,.asa-product-content .entry-content td{min-width:120px;padding:12px 14px;border:1px solid var(--border);text-align:start;white-space:normal} .asa-product-content .entry-content th{background:var(--bg-soft);color:var(--ink);font-weight:800} .asa-product-feature-grid li>span:last-child{min-width:0;overflow-wrap:anywhere} @media(max-width:820px){ .asa-product-cta-card{align-items:stretch;flex-direction:column} .asa-product-cta-card .asa-btn{width:100%;justify-content:center} } @media(max-width:600px){ .asa-products-page{padding-top:36px} .products-grid{gap:16px} .product-card{padding:22px;border-radius:20px} .product-top{margin-bottom:14px} .product-text{margin-bottom:10px} .products-cta-band{margin-top:36px;padding:30px 18px;border-radius:22px} .products-cta-actions{flex-direction:column;gap:10px} .products-cta-actions .asa-btn{width:100%} .asa-product-hero{padding-top:48px;padding-bottom:58px} .asa-product-hero h1{font-size:clamp(28px,8.5vw,38px);line-height:1.48;letter-spacing:0} .asa-product-lead{margin-top:18px;font-size:16px;line-height:1.95} .asa-product-hero-actions{margin-top:24px} .asa-product-visual{min-height:250px} .asa-product-visual-chip{bottom:10px;right:4%;max-width:92%;padding:9px 13px} .asa-product-body-section{padding-top:58px} .asa-product-content h2{font-size:clamp(25px,7vw,32px)} .asa-product-content .entry-content{font-size:16px;line-height:2.05} .asa-product-info-card{padding:22px;border-radius:20px} .asa-product-feature-grid{gap:11px;margin-top:28px} .asa-product-feature-grid li{min-height:0;padding:16px;border-radius:16px} .asa-product-cta-card{gap:22px;padding:28px 22px;border-radius:22px} .asa-related-products{padding-top:44px} } @media(max-width:380px){ .asa-container{padding-inline:16px} .product-card{padding:20px} .asa-product-hero-actions{gap:10px} .asa-product-visual{min-height:230px} .asa-product-visual-icon{width:138px;height:138px;border-radius:30px} .asa-product-cta-card{padding:25px 18px} } /* ========================================================================== */ /* ۲۸) آکادمی تصویری آسا — ویترین و صحنه‌های سه‌بعدی اختصاصی */ /* ========================================================================== */ .asa-academy{ --academy-primary:var(--primary,#5b85b3); --academy-primary-soft:var(--primary-soft,#eef3f8); --academy-sky:var(--sky,#5ba8f5); --academy-sky-soft:var(--sky-soft,#eaf3fd); --academy-warm:var(--amber,#f7b955); --academy-growth:var(--violet,#9b6cf6); --academy-success:#1f9d70; --academy-navy:var(--navy,#0f2350); --academy-ink:var(--ink,#1b1f3b); --academy-text:var(--body,#5a6079); --academy-muted:var(--muted,#8a90a8); --academy-border:var(--border,#eceef6); position:relative;isolation:isolate;overflow:hidden;overflow:clip; padding-block:clamp(76px,9vw,132px); background: radial-gradient(circle at 12% 14%,var(--academy-primary-soft),transparent 34%), radial-gradient(circle at 90% 86%,var(--academy-sky-soft),transparent 34%), linear-gradient(160deg,#fbfdff 0%,#f4f8fc 48%,#fff 100%); } body.asa-academy-is-embedded .asa-elementor-front #academy:not(.asa-academy){display:none!important} .asa-academy-page-shell{min-width:0;overflow:hidden;overflow:clip} .asa-academy-page{padding-top:clamp(56px,7vw,98px)} .academy-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none} .academy-backdrop>span{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:50%;opacity:.65} .academy-backdrop>span:first-child{width:420px;height:420px;top:-230px;right:-120px;box-shadow:0 0 0 48px color-mix(in srgb,var(--primary) 2%,transparent),0 0 0 96px color-mix(in srgb,var(--primary) 2%,transparent)} .academy-backdrop>span:nth-child(2){width:300px;height:300px;bottom:-190px;left:-100px;box-shadow:0 0 0 40px rgba(239,166,68,.025),0 0 0 80px rgba(239,166,68,.025)} .academy-backdrop>i{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(color-mix(in srgb,var(--primary) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 8%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 34%,#000 72%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 34%,#000 72%,transparent)} .academy-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(30px,4.8vw,54px)} .academy-heading-copy{width:100%;min-width:0;max-width:820px} .academy-heading .section-title{max-width:100%;margin-bottom:12px;overflow-wrap:anywhere;text-wrap:balance} .academy-heading .section-sub{max-width:760px;margin:0;line-height:2} .academy-channel-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;max-width:100%;padding:10px 16px;border:1px solid color-mix(in srgb,var(--academy-primary) 24%,var(--academy-border));border-radius:var(--radius-sm,12px);color:var(--primary-d,#4a6c92);background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm,0 4px 14px -6px rgba(27,31,59,.12));font-size:13px;font-weight:850;line-height:1.6;text-decoration:none;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .academy-channel-link:hover{color:var(--primary-d,#4a6c92);transform:translateY(-3px);border-color:color-mix(in srgb,var(--academy-primary) 48%,var(--academy-border));box-shadow:var(--shadow-primary,0 16px 30px -12px var(--primary-glow))} .academy-channel-link:focus-visible,.academy-card-link:focus-visible,.academy-more .asa-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 48%,transparent);outline-offset:5px} .academy-channel-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(237,20,91,.2);border-radius:50%;color:#ED145B;background:#fff;box-shadow:0 8px 20px rgba(237,20,91,.2);transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .academy-channel-mark .academy-aparat-logo{display:block;width:25px;height:25px;fill:currentColor;stroke:none} .academy-channel-link:hover .academy-channel-mark{transform:rotate(-8deg) scale(1.06);box-shadow:0 10px 24px rgba(237,20,91,.28)} .academy-channel-link>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .academy-showcase{position:relative;isolation:isolate;min-width:0;padding:clamp(20px,3.2vw,38px);border:1px solid color-mix(in srgb,var(--academy-primary) 16%,var(--academy-border));border-radius:clamp(26px,3.5vw,42px);background: radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--academy-primary-soft) 84%,transparent),transparent 32%), radial-gradient(circle at 92% 92%,color-mix(in srgb,var(--academy-sky-soft) 82%,transparent),transparent 32%), linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.94)); box-shadow:var(--shadow-lg,0 30px 60px -22px rgba(60,55,120,.28)),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .academy-showcase::before{content:"";position:absolute;z-index:-1;width:52%;height:72%;top:-14%;right:-8%;border-radius:50%;background:radial-gradient(circle,var(--academy-primary-soft),transparent 68%);filter:blur(8px);pointer-events:none} .academy-showcase::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.7),transparent 28%,transparent 72%,color-mix(in srgb,var(--academy-growth) 4%,transparent))} .academy-showcase-top{height:26px;display:flex;align-items:flex-start;gap:7px;padding-inline:4px 0;margin-bottom:8px} .academy-showcase-top span{width:7px;height:7px;border-radius:50%;background:var(--academy-primary)} .academy-showcase-top span:first-child{background:var(--academy-growth)}.academy-showcase-top span:nth-child(2){background:var(--academy-warm)}.academy-showcase-top span:nth-child(3){background:var(--academy-success)} .academy-showcase-top i{width:80px;height:6px;margin-inline-start:auto;border-radius:99px;background:linear-gradient(90deg,var(--academy-primary-soft),color-mix(in srgb,var(--academy-primary) 28%,#fff))} .academy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);min-width:0;perspective:1400px} .academy-card{--academy-rx:0deg;--academy-ry:0deg;--academy-lift:0px;position:relative;min-width:0;height:100%;border-radius:26px;transform:translateY(var(--academy-lift)) rotateX(var(--academy-rx)) rotateY(var(--academy-ry));transform-style:preserve-3d;transition:transform .18s ease-out,filter .3s var(--ease);will-change:transform} .academy-card::before{content:"";position:absolute;inset:18px 12%;z-index:-1;border-radius:28px;background:var(--academy-accent);opacity:0;filter:blur(28px);transform:translateZ(-20px);transition:opacity .3s var(--ease)} .academy-card:hover::before,.academy-card:focus-within::before{opacity:.2} .academy-card:focus-within{z-index:40} .academy-card-link{position:relative;isolation:isolate;overflow:hidden;display:flex;min-width:0;height:100%;flex-direction:column;border:1px solid color-mix(in srgb,var(--academy-accent) 18%,var(--academy-border));border-radius:inherit;color:var(--academy-ink);background:linear-gradient(155deg,rgba(255,255,255,.98),color-mix(in srgb,var(--academy-accent) 5%,#fff));box-shadow:var(--shadow-sm,0 4px 14px -6px rgba(27,31,59,.12)),inset 0 1px 0 #fff;text-decoration:none;transform-style:preserve-3d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)} .academy-card-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,color-mix(in srgb,var(--academy-accent) 13%,transparent),transparent 46%);opacity:.85} .academy-card-link::after{content:"";position:absolute;width:140px;height:220%;top:-65%;right:-170px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--academy-primary) 10%,transparent),transparent);transform:rotate(24deg);transition:right .65s var(--ease)} .academy-card:hover .academy-card-link,.academy-card:focus-within .academy-card-link{border-color:color-mix(in srgb,var(--academy-accent) 48%,var(--academy-border));background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--academy-accent) 8%,#fff));box-shadow:0 24px 56px color-mix(in srgb,var(--academy-accent) 16%,rgba(60,55,120,.18)),inset 0 1px 0 #fff} .academy-card:hover .academy-card-link::after,.academy-card:focus-within .academy-card-link::after{right:135%} .academy-card-visual{position:relative;min-height:238px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--academy-accent) 14%,var(--academy-border));background:linear-gradient(145deg,color-mix(in srgb,var(--academy-accent) 9%,#fff),#f8fbff);transform:translateZ(18px)} .academy-card-visual::before{content:"";position:absolute;inset:14px;border-radius:22px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--academy-accent) 25%,transparent),transparent 62%)} .academy-card-copy{position:relative;z-index:2;display:flex;min-width:0;flex:1 1 auto;flex-direction:column;padding:22px 22px 24px;transform:translateZ(24px)} .academy-card-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--academy-muted);font-size:11px;font-weight:800;letter-spacing:.1px} .academy-card-kicker i{width:7px;height:7px;border-radius:50%;background:var(--academy-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--academy-accent) 14%,transparent),0 0 18px var(--academy-accent)} .academy-card-copy h3{margin:0 0 10px;color:var(--academy-ink);font-size:clamp(18px,1.55vw,22px);font-weight:900;line-height:1.7;overflow-wrap:anywhere;text-wrap:balance} .academy-card-copy p{min-width:0;margin:0 0 19px;color:var(--academy-text);font-size:13px;line-height:1.95;overflow-wrap:anywhere} .academy-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:var(--primary-d,#4a6c92);font-size:13px;font-weight:850} .academy-card-action svg{width:19px;height:19px;fill:none;stroke:var(--academy-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)} .academy-card:hover .academy-card-action svg,.academy-card:focus-within .academy-card-action svg{transform:translateX(-4px)} .academy-more{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)} .academy-more .asa-btn{min-height:52px;max-width:100%;gap:10px;box-shadow:0 16px 38px color-mix(in srgb,var(--primary) 24%,transparent)} .academy-more .asa-btn svg{flex:0 0 auto;transition:transform .25s var(--ease)} .academy-more .asa-btn:hover svg{transform:translateX(-4px)} .academy-empty{margin:24px 0 10px;padding:30px;border:1px dashed color-mix(in srgb,var(--academy-primary) 35%,var(--academy-border));border-radius:20px;color:var(--academy-text);background:rgba(255,255,255,.72);text-align:center;line-height:1.9} /* صحنه عمومی: تمام مدل‌ها داخل یک دنیای پرسپکتیو پایدار ساخته می‌شوند. */ .asa-academy-scene{position:relative;width:min(100%,310px);height:220px;perspective:900px;transform-style:preserve-3d;pointer-events:none;user-select:none} .academy-scene-world{position:absolute;inset:19px 20px 31px;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-7deg);transition:transform .45s var(--ease)} .academy-card:hover .academy-scene-world,.academy-card:focus-within .academy-scene-world{transform:rotateX(1deg) rotateY(3deg) translateY(-4px) scale(1.025)} .academy-scene-glow{position:absolute;width:72%;height:62%;top:14%;left:14%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--academy-accent) 35%,transparent),transparent 70%);filter:blur(16px);opacity:.72} .academy-scene-grid{position:absolute;inset:8% 6% 20%;border-radius:24px;opacity:.25;background-image:linear-gradient(color-mix(in srgb,var(--academy-primary) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--academy-primary) 28%,transparent) 1px,transparent 1px);background-size:22px 22px;transform:perspective(360px) rotateX(62deg) translateY(49%);mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)} .academy-scene-floor{position:absolute;width:70%;height:20px;bottom:17px;left:15%;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(8px);transform:rotateX(70deg)} /* مالی: دفتر سه‌بعدی، ماشین‌حساب و سکه‌ها */ .academy-ledger{position:absolute;width:116px;height:132px;right:42px;top:22px;transform-style:preserve-3d;transform:rotateY(-10deg) rotateZ(3deg)} .academy-ledger-page{position:absolute;inset:0;border-radius:11px 15px 15px 11px;box-shadow:0 20px 35px rgba(1,8,20,.27)} .academy-ledger .page-back{background:color-mix(in srgb,var(--academy-accent) 62%,#17243a);transform:translateZ(-9px) translateX(8px)} .academy-ledger .page-front{display:flex;flex-direction:column;gap:12px;padding:28px 18px;background:linear-gradient(145deg,#fff,#eaf0fa);transform:translateZ(4px);overflow:hidden} .academy-ledger .page-front::before{content:"";position:absolute;inset:0 auto 0 10px;width:6px;background:repeating-linear-gradient(to bottom,var(--academy-accent) 0 5px,transparent 5px 10px)} .academy-ledger .page-front i{display:block;height:4px;border-radius:4px;background:#b9c8dc}.academy-ledger .page-front i:nth-child(2){width:76%}.academy-ledger .page-front b{display:grid;place-items:center;align-self:flex-end;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--academy-accent);font-size:16px} .academy-calculator{position:absolute;width:92px;height:121px;left:34px;top:58px;padding:12px;border-radius:15px;background:linear-gradient(145deg,#2c405e,#101d32);box-shadow:0 22px 35px rgba(1,8,20,.3);transform:translateZ(34px) rotateY(12deg) rotateZ(-4deg)} .academy-calc-screen{display:flex;align-items:center;justify-content:flex-end;height:29px;padding:4px 7px;border-radius:7px;color:#244037;background:#cce7d8;font-size:11px;font-weight:900} .academy-calc-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.academy-calc-keys i{height:14px;border-radius:4px;background:rgba(255,255,255,.22)}.academy-calc-keys i:nth-child(3n){background:var(--academy-accent)} .academy-coin,.academy-pay-coin{position:absolute;display:grid;place-items:center;width:34px;height:34px;border:4px solid #ffd378;border-radius:50%;color:#704512;background:linear-gradient(145deg,#ffe5a4,#eaa63a);box-shadow:0 11px 22px rgba(0,0,0,.24);font-weight:950;transform-style:preserve-3d} .academy-coin::after,.academy-pay-coin::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(112,69,18,.35);border-radius:50%} .academy-coin.coin-one{left:21px;top:25px;transform:translateZ(56px) rotateY(18deg)}.academy-coin.coin-two{right:19px;bottom:6px;width:30px;height:30px;transform:translateZ(48px) rotateX(16deg)} /* انبار: قفسه، جعبه‌های حجمی و خط اسکن */ .academy-rack{position:absolute;inset:22px 28px 25px;border:7px solid #c9d7e9;border-top-width:9px;border-bottom-width:9px;transform:translateZ(-8px);box-shadow:0 20px 30px rgba(3,10,24,.25)} .academy-rack::before{content:"";position:absolute;left:0;right:0;top:49%;height:7px;background:#c9d7e9;box-shadow:0 5px 8px rgba(2,8,20,.18)} .academy-rack>span{position:absolute;width:40%;height:7px;border-radius:2px;background:#7187a5}.academy-rack>span:nth-child(1){right:5%;top:22%}.academy-rack>span:nth-child(2){left:5%;top:22%;width:28%}.academy-rack>span:nth-child(3){right:5%;bottom:18%;width:30%}.academy-rack>span:nth-child(4){left:5%;bottom:18%} .academy-rack>i{position:absolute;top:0;bottom:0;width:5px;background:#aebfd5}.academy-rack>i:nth-of-type(1){left:30%}.academy-rack>i:nth-of-type(2){right:30%} .academy-box{position:absolute;width:64px;height:49px;border-radius:5px;background:linear-gradient(145deg,#f5bd62,#bd722d);box-shadow:0 16px 24px rgba(1,8,20,.25);transform-style:preserve-3d} .academy-box::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 45%);border-radius:inherit}.academy-box b{position:absolute;width:20px;height:12px;left:22px;top:8px;border-radius:2px;background:#fff1c8;opacity:.7} .academy-box.box-one{right:52px;top:42px;transform:translateZ(22px) rotateY(-8deg)}.academy-box.box-two{left:47px;top:53px;width:55px;height:41px;transform:translateZ(30px) rotateY(7deg)}.academy-box.box-three{right:84px;bottom:28px;width:72px;height:47px;transform:translateZ(38px) rotateY(-5deg)} .academy-scan-line{position:absolute;left:26px;right:26px;top:25px;height:3px;border-radius:99px;background:#58f0ce;box-shadow:0 0 14px #58f0ce,0 0 28px rgba(88,240,206,.55);transform:translateZ(60px)} /* فروش: نمایشگر تحلیلی، کارت فروش و سیگنال رشد */ .academy-sales-screen{position:absolute;width:170px;height:124px;right:33px;top:27px;padding:19px;border:5px solid #dce7f5;border-radius:16px;background:linear-gradient(145deg,#fdfefe,#dfe9f7);box-shadow:0 22px 35px rgba(1,8,20,.27);transform:translateZ(2px) rotateY(-7deg)} .academy-sales-screen::after{content:"";position:absolute;width:52px;height:7px;bottom:-14px;left:58px;border-radius:0 0 7px 7px;background:#a8b9cf;box-shadow:0 8px 0 -1px #dce7f5} .academy-sales-bars{position:absolute;left:22px;right:22px;bottom:20px;height:61px;display:flex;align-items:flex-end;gap:10px}.academy-sales-bars i{flex:1;height:28%;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--academy-accent) 68%,#8095b1);transform-origin:bottom}.academy-sales-bars i:nth-child(2){height:54%}.academy-sales-bars i:nth-child(3){height:78%}.academy-sales-bars i:nth-child(4){height:100%;background:var(--academy-accent)} .academy-sales-line{position:absolute;left:24px;right:20px;top:37px;height:34px;border-top:3px solid #e8a941;border-radius:50%;transform:rotate(-14deg)}.academy-sales-screen>b{position:absolute;right:16px;top:12px;color:var(--academy-accent);font-size:19px} .academy-sales-card{position:absolute;width:92px;height:62px;left:23px;bottom:11px;border-radius:13px;background:linear-gradient(145deg,var(--academy-accent),color-mix(in srgb,var(--academy-accent) 62%,#192d4b));box-shadow:0 18px 30px rgba(1,8,20,.29);transform:translateZ(48px) rotateY(10deg) rotateZ(-5deg)} .academy-sales-card span{position:absolute;width:25px;height:18px;left:11px;top:12px;border-radius:5px;background:rgba(255,255,255,.55)}.academy-sales-card i{position:absolute;right:12px;bottom:13px;width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.65)} .academy-sale-pulse{position:absolute;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:#fff;background:var(--academy-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--academy-accent) 36%,transparent);font-weight:900}.academy-sale-pulse.pulse-one{left:18px;top:26px;transform:translateZ(65px)}.academy-sale-pulse.pulse-two{right:18px;bottom:10px;background:#46bd8b;transform:translateZ(55px)} /* دارایی ثابت: پلاک سه‌بعدی، حلقه چرخه عمر و پایه سازمانی */ .academy-asset-tag{position:absolute;width:150px;height:103px;right:53px;top:39px;padding:24px;border-radius:18px 18px 18px 35px;background:linear-gradient(145deg,#fff8db,#ddb35f);box-shadow:0 23px 38px rgba(1,8,20,.28);transform:translateZ(28px) rotateY(-9deg) rotateZ(3deg)} .academy-asset-tag::after{content:"";position:absolute;inset:6px;border:1px solid rgba(110,75,23,.2);border-radius:14px 14px 14px 30px}.academy-tag-hole{position:absolute;width:18px;height:18px;right:14px;top:14px;border:5px solid #ad8542;border-radius:50%;background:#21314a;box-shadow:inset 0 2px 3px rgba(0,0,0,.35)} .academy-asset-tag>b{display:block;color:#6e4b17;font-size:17px;letter-spacing:1px}.academy-asset-tag>i{display:inline-block;width:10px;height:18px;margin:9px 2px 0;border-radius:3px;background:#9e7538}.academy-asset-tag>i:nth-of-type(2),.academy-asset-tag>i:nth-of-type(4){height:25px}.academy-asset-tag>i:nth-of-type(3){height:13px} .academy-asset-orbit{position:absolute;width:190px;height:190px;left:33px;top:7px;border:2px dashed color-mix(in srgb,var(--academy-accent) 65%,#fff);border-radius:50%;transform:rotateX(64deg) translateZ(-9px)} .academy-asset-orbit>span{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--academy-accent);box-shadow:0 0 14px var(--academy-accent)}.academy-asset-orbit>span:first-child{left:12px;top:40px}.academy-asset-orbit>span:nth-child(2){right:5px;top:76px}.academy-asset-orbit>span:nth-child(3){left:85px;bottom:-7px;background:#efb751} .academy-asset-base{position:absolute;width:124px;height:26px;left:76px;bottom:21px;border-radius:50%;background:linear-gradient(180deg,#5b7699,#20324d);box-shadow:0 12px 18px rgba(1,8,20,.3);transform:translateZ(-5px) rotateX(68deg)} /* حقوق و دستمزد: پرونده پرسنلی، فیش حقوق و سکه */ .academy-profile{position:absolute;width:92px;height:114px;right:38px;top:34px;border-radius:17px;background:linear-gradient(145deg,#f7fbff,#cfdded);box-shadow:0 20px 34px rgba(1,8,20,.27);transform:translateZ(8px) rotateY(-8deg) rotateZ(4deg)} .academy-avatar{position:absolute;width:38px;height:38px;left:27px;top:17px;border-radius:50%;background:linear-gradient(180deg,var(--academy-accent),color-mix(in srgb,var(--academy-accent) 62%,#243b5d))}.academy-avatar::after{content:"";position:absolute;width:59px;height:30px;left:-10px;top:42px;border-radius:30px 30px 10px 10px;background:color-mix(in srgb,var(--academy-accent) 55%,#90a8c5)} .academy-profile>i{position:absolute;height:4px;bottom:13px;border-radius:4px;background:#9eb0c7}.academy-profile>i:nth-of-type(1){left:15px;right:15px}.academy-profile>i:nth-of-type(2){left:26px;right:26px;bottom:5px} .academy-payslip{position:absolute;width:127px;height:142px;left:43px;top:24px;padding:19px 16px;border-radius:13px;background:linear-gradient(145deg,#fff,#e7eef7);box-shadow:0 25px 40px rgba(1,8,20,.3);transform:translateZ(42px) rotateY(10deg) rotateZ(-3deg)} .academy-payslip>b{display:block;margin-bottom:19px;color:#314764;font-size:12px}.academy-payslip>i{display:block;height:5px;margin:10px 0;border-radius:4px;background:#b7c6d8}.academy-payslip>i:nth-of-type(2){width:73%}.academy-payslip>span{position:absolute;display:grid;place-items:center;width:32px;height:32px;right:13px;bottom:12px;border-radius:50%;color:#fff;background:#42b784;font-weight:900} .academy-pay-coin.pay-one{right:16px;bottom:17px;transform:translateZ(63px) rotateY(22deg)}.academy-pay-coin.pay-two{left:20px;top:18px;width:28px;height:28px;transform:translateZ(67px) rotateX(18deg)} /* باسکول: نمایشگر وزن، کامیون، پل و پرتو ثبت */ .academy-weight-display{position:absolute;width:126px;height:66px;right:69px;top:11px;padding:10px;border:7px solid #aebed1;border-radius:13px;background:#15283d;box-shadow:0 15px 28px rgba(1,8,20,.3);transform:translateZ(10px) rotateY(-5deg)} .academy-weight-display span{display:block;color:#79f1c7;font-family:monospace;font-size:20px;font-weight:900;letter-spacing:1px;text-align:center;text-shadow:0 0 10px rgba(121,241,199,.7)}.academy-weight-display b{display:block;color:#8297ad;font-size:8px;text-align:center;text-transform:uppercase} .academy-truck{position:absolute;width:176px;height:69px;left:43px;bottom:34px;transform:translateZ(35px) rotateY(5deg)} .academy-truck-load{position:absolute;width:106px;height:51px;right:0;top:0;border-radius:7px 10px 3px 3px;background:linear-gradient(145deg,var(--academy-accent),color-mix(in srgb,var(--academy-accent) 60%,#263d5d));box-shadow:inset 0 1px 0 rgba(255,255,255,.28)} .academy-truck-load::after{content:"ASA";position:absolute;right:24px;top:14px;color:rgba(255,255,255,.65);font-size:13px;font-weight:950;letter-spacing:2px} .academy-truck-cabin{position:absolute;width:63px;height:54px;left:5px;bottom:4px;border-radius:15px 8px 4px 5px;background:linear-gradient(145deg,#eef4fa,#9cafc7)}.academy-truck-cabin::before{content:"";position:absolute;width:34px;height:22px;left:9px;top:8px;border-radius:9px 4px 3px 3px;background:#56718e}.academy-truck-cabin::after{content:"";position:absolute;width:15px;height:7px;left:-4px;bottom:9px;border-radius:3px;background:#f0ad42} .academy-truck>i{position:absolute;width:25px;height:25px;bottom:-8px;border:7px solid #1b2738;border-radius:50%;background:#8b9aab;box-shadow:0 6px 10px rgba(0,0,0,.3)}.academy-truck .wheel-one{left:27px}.academy-truck .wheel-two{right:20px} .academy-bridge{position:absolute;left:23px;right:23px;bottom:22px;height:17px;border-radius:5px;background:linear-gradient(180deg,#d5dfeb,#758ba6);box-shadow:0 12px 22px rgba(1,8,20,.3);transform:translateZ(0)}.academy-bridge span{position:absolute;left:16px;right:16px;bottom:-8px;height:8px;background:#506680;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)} .academy-weight-beam{position:absolute;left:28px;right:28px;top:80px;height:2px;background:#67f1ca;box-shadow:0 0 12px #67f1ca,0 0 26px rgba(103,241,202,.55);transform:translateZ(67px)} /* صحنه عمومی ویدیو برای موارد جدید سفارشی‌ساز */ .academy-video-cube{position:absolute;width:118px;height:102px;left:73px;top:43px;transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(24deg)} .academy-video-cube>span{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,var(--academy-accent),color-mix(in srgb,var(--academy-accent) 56%,#1a2e4d));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)} .academy-video-cube .cube-front{inset:0;color:#fff;font-size:30px;border-radius:17px;transform:translateZ(28px);padding-inline-start:5px}.academy-video-cube .cube-side{width:56px;height:100%;right:-28px;top:0;transform:rotateY(90deg);border-radius:0 12px 12px 0;filter:brightness(.72)}.academy-video-cube .cube-top{width:100%;height:56px;left:0;top:-28px;transform:rotateX(90deg);border-radius:12px 12px 0 0;filter:brightness(1.15)} .academy-video-ring{position:absolute;border:2px solid color-mix(in srgb,var(--academy-accent) 65%,#fff);border-radius:50%;opacity:.8}.academy-video-ring.ring-one{width:190px;height:190px;left:38px;top:5px;transform:rotateX(66deg)}.academy-video-ring.ring-two{width:148px;height:148px;left:59px;top:26px;border-style:dashed;transform:rotateY(69deg)} /* حرکت‌های هدفمند هر موضوع؛ زمان‌بندی‌های متفاوت از حس تکرار جلوگیری می‌کند. */ .asa-academy.has-motion .academy-scene-world{animation:asa-academy-world 6.4s ease-in-out infinite} .asa-academy.has-motion .academy-coin,.asa-academy.has-motion .academy-pay-coin{animation:asa-academy-coin 3.8s ease-in-out infinite alternate} .asa-academy.has-motion .coin-two,.asa-academy.has-motion .pay-two{animation-delay:-1.7s} .asa-academy.has-motion .academy-scan-line{animation:asa-academy-scan 3s ease-in-out infinite} .asa-academy.has-motion .academy-box-two{animation:asa-academy-box 4.6s ease-in-out infinite} .asa-academy.has-motion .academy-sales-bars i{animation:asa-academy-bar 3.4s ease-in-out infinite alternate;animation-delay:calc(var(--i,1)*-.22s)} .asa-academy.has-motion .academy-sales-bars i:nth-child(1){--i:1}.asa-academy.has-motion .academy-sales-bars i:nth-child(2){--i:2}.asa-academy.has-motion .academy-sales-bars i:nth-child(3){--i:3}.asa-academy.has-motion .academy-sales-bars i:nth-child(4){--i:4} .asa-academy.has-motion .academy-sale-pulse{animation:asa-academy-pulse 2.5s ease-in-out infinite}.asa-academy.has-motion .pulse-two{animation-delay:-1.2s} .asa-academy.has-motion .academy-asset-orbit{animation:asa-academy-orbit 13s linear infinite} .asa-academy.has-motion .academy-payslip{animation:asa-academy-paper 5s ease-in-out infinite} .asa-academy.has-motion .academy-truck{animation:asa-academy-truck 5.6s ease-in-out infinite} .asa-academy.has-motion .academy-weight-beam{animation:asa-academy-beam 2.8s ease-in-out infinite} .asa-academy.has-motion .academy-video-cube{animation:asa-academy-cube 8s ease-in-out infinite} .asa-academy.has-motion .academy-video-ring{animation:asa-academy-ring 14s linear infinite}.asa-academy.has-motion .ring-two{animation-direction:reverse;animation-duration:10s} @keyframes asa-academy-world{0%,100%{translate:0 0}50%{translate:0 -6px}} @keyframes asa-academy-coin{to{translate:0 -9px;rotate:22deg}} @keyframes asa-academy-scan{0%,100%{top:25px;opacity:.25}50%{top:166px;opacity:1}} @keyframes asa-academy-box{50%{translate:0 -7px;rotate:5deg}} @keyframes asa-academy-bar{to{scale:1 1.13;filter:brightness(1.2)}} @keyframes asa-academy-pulse{0%,100%{scale:1;box-shadow:0 10px 24px color-mix(in srgb,var(--academy-accent) 36%,transparent)}50%{scale:1.1;box-shadow:0 0 0 9px transparent}} @keyframes asa-academy-orbit{to{rotate:1 0 0 360deg}} @keyframes asa-academy-paper{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:-1deg}} @keyframes asa-academy-truck{0%,100%{translate:-7px 0}50%{translate:7px -1px}} @keyframes asa-academy-beam{0%,100%{opacity:.22;scale:.72 1}50%{opacity:1;scale:1 1}} @keyframes asa-academy-cube{0%,100%{rotate:0deg}50%{rotate:8deg;translate:0 -6px}} @keyframes asa-academy-ring{to{rotate:1 0 0 360deg}} /* تبلت، موبایل، لمس و دسترس‌پذیری حرکتی */ @media(max-width:1080px){ .academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .academy-card-copy h3{font-size:21px} } @media(max-width:820px){ .academy-heading{align-items:flex-start;flex-direction:column;gap:20px} .academy-channel-link{align-self:flex-start} .academy-card-visual{min-height:225px} } @media(max-width:640px){ .asa-academy{padding-block:64px} .academy-heading{margin-bottom:28px} .academy-heading .section-title{font-size:clamp(28px,8.4vw,38px);line-height:1.5} .academy-heading .section-sub{font-size:15px;line-height:1.95} .academy-channel-link{width:100%;min-height:52px} .academy-showcase{padding:17px;border-radius:26px} .academy-showcase-top{margin-bottom:2px} .academy-grid{grid-template-columns:minmax(0,1fr);gap:16px} .academy-card{border-radius:22px;will-change:auto} .academy-card-visual{min-height:218px} .academy-card-copy{padding:20px} .academy-card-copy h3{font-size:20px} .academy-more .asa-btn{width:100%;justify-content:center} } @media(max-width:380px){ .academy-showcase{padding:13px;border-radius:22px} .academy-card-visual{min-height:202px} .asa-academy-scene{height:204px;scale:.9} .academy-card-copy{padding:18px} .academy-card-copy h3{font-size:18px} } @media(hover:none),(pointer:coarse){ .academy-card{transform:none!important;will-change:auto} .academy-card-link{touch-action:manipulation} } .asa-academy.no-motion *{animation:none!important} @media(prefers-reduced-motion:reduce){ .asa-academy *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important} .academy-card,.academy-card:hover,.academy-card:focus-within,.academy-card:hover .academy-scene-world,.academy-card:focus-within .academy-scene-world{transform:none!important} .academy-card-link::after{display:none} } /* سطح کارت‌ها از تنظیمات پوسته؛ گرادیان‌ها و صحنه‌های گرافیکی دست‌نخورده می‌مانند. */ .dash-window, .feature-card, .product-card, .testimonial-card, .blog-card, .faq-item, .contact-form-card, .asa-widget-card, .widget, .comment-body, .asa-no-results, .about-fact, .about-principle, .office-card, .asa-product-info-card, .asa-education-article, .asa-education-source-card { background-color: var(--surface, #fff); }