/* همهٔ خدمات */
.as-list { padding-top: clamp(50px, 6vw, 80px); }
.as-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem 2rem; flex-wrap: wrap; margin-bottom: 2.6rem; }
.as-head .f-kicker { margin-bottom: .5rem; }

/* جست‌وجو */
.as-search { position: relative; display: flex; align-items: center; gap: .6rem; width: min(100%, 420px); min-height: 54px; padding: 0 .55rem 0 1.1rem; padding-inline: 1.1rem .55rem; border-radius: 999px; background: #fff; border: 1.5px solid var(--line); box-shadow: 0 18px 40px -30px rgba(22, 26, 44, .5); transition: border-color .25s, box-shadow .25s; cursor: text; }
.as-search:focus-within { border-color: var(--red); box-shadow: 0 0 0 4px rgba(227, 36, 43, .12), 0 18px 40px -30px rgba(179, 20, 27, .5); }
.fl .as-search > svg { color: var(--red); width: 20px; height: 20px; }
.as-search input { flex: 1; min-width: 0; border: 0; outline: none; background: none; color: var(--ink); font-size: .95rem; padding: .6rem 0; }
.as-search input::-webkit-search-cancel-button { cursor: pointer; }
.as-search__count { flex: none; padding: .3rem .85rem; border-radius: 999px; background: #fde8e9; color: var(--red-d); font-size: .8rem; font-weight: 800; white-space: nowrap; }

/* کارت‌ها */
.as-grid > [hidden], .as-empty[hidden] { display: none !important; }
.as-grid .f-card__media { aspect-ratio: 16 / 10; }
.as-num { position: absolute; z-index: 2; top: 12px; inset-inline-start: 12px; display: grid; place-items: center; min-width: 40px; height: 30px; padding: 0 .6rem; border-radius: 999px; background: rgba(255, 255, 255, .92); color: var(--red-d); font-size: .8rem; font-weight: 900; letter-spacing: 1px; box-shadow: 0 8px 18px -10px rgba(22, 26, 44, .6); backdrop-filter: blur(6px); }
.as-empty { margin-top: 1rem; border-radius: 22px; background: #fff; border: 1px dashed #ecd3d7; }

/* مسیر همکاری */
.as-steps__panel { isolation: isolate; text-align: center; padding-block: clamp(36px, 5vw, 60px); }
.as-steps__panel::after { content: ''; position: absolute; z-index: -1; left: -40px; bottom: -40px; width: 220px; height: 220px; background: var(--dots); -webkit-mask: radial-gradient(circle, #000, transparent 70%); mask: radial-gradient(circle, #000, transparent 70%); }
.as-steps__panel .f-kicker { justify-content: center; }
.as-steps__panel .f-kicker::after { display: none; }
.fl .as-steps__title { margin-inline: auto; }
.as-steps__title { max-width: 720px; margin-inline: auto; font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 300; line-height: 1.55; color: var(--ink); }
.as-steps__list { position: relative; list-style: none; padding: 0; margin: 2.8rem 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; counter-reset: s; }
.as-steps__list::before { content: ''; position: absolute; top: 33px; right: 12.5%; left: 12.5%; border-top: 2px dashed rgba(227, 36, 43, .25); }
.as-steps__list li { position: relative; display: grid; justify-items: center; gap: .5rem; padding: 0 .5rem; }
.as-steps__ico { position: relative; display: grid; place-items: center; width: 66px; height: 66px; border-radius: 20px; color: #fff; background: var(--badge); box-shadow: 0 14px 26px -12px rgba(227, 36, 43, .75), 0 0 0 6px #fff; transition: transform .45s var(--ease); }
.fl .as-steps__ico svg { width: 28px; height: 28px; stroke-width: 1.8; }
.as-steps__ico em { position: absolute; top: -8px; inset-inline-end: -8px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: var(--red-d); font-style: normal; font-size: .78rem; font-weight: 900; box-shadow: 0 6px 14px -6px rgba(22, 26, 44, .5); }
.as-steps__list li:hover .as-steps__ico { transform: rotate(-8deg) scale(1.06); }
.as-steps__list b { margin-top: .6rem; font-size: 1.05rem; color: var(--ink); }
.as-steps__list p { font-size: .9rem; color: var(--muted); line-height: 1.8; }

@media (max-width: 960px) {
    .as-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; }
    .as-steps__list::before { display: none; }
}
@media (max-width: 600px) {
    .as-search { width: 100%; }
    /* کارت‌های افقی فشرده در موبایل */
    .as-grid { gap: 14px; }
    .as-grid .f-card { flex-direction: row; border-radius: 18px; }
    .as-grid .f-card__media { flex: none; width: 36%; aspect-ratio: auto; min-height: 128px; }
    .as-grid .f-card__body { padding: .9rem 1rem .8rem; min-width: 0; }
    .as-grid .f-card__ico { display: none; }
    .as-grid .f-card__body h3 { font-size: .98rem; }
    .as-grid .f-card__body p { font-size: .82rem; margin-top: .25rem; }
    .as-grid .f-card__more { padding-top: .6rem; font-size: .84rem; }
    .as-grid .f-card__body p + .f-card__more, .as-grid .f-card__body h3 + .f-card__more { margin-top: .6rem; }
    .fl .as-grid .f-card__more b { width: 28px; height: 28px; }
    .as-num { top: 8px; inset-inline-start: 8px; min-width: 32px; height: 24px; font-size: .72rem; }
    .as-steps__list { grid-template-columns: 1fr; }
}