/* ==========================================================================
   Atour — سربرگ صفحه‌ی دوره‌ها
   هم‌طرح با سربرگ وبلاگ (.atour-blog__head)
   ========================================================================== */

.atour-shop-head {
    --atour-green: #00b894;
    --atour-green-dark: #027a62;
    --atour-mint: #eff9f1;
    --atour-mint-soft: #f7fbf9;
    --atour-ink: #162320;
    --atour-body: #4a5a56;
    --atour-faint: #6b7b77;
    --atour-line: #dceae3;
    --atour-surface: #ffffff;

    direction: rtl;
    background: var(--atour-mint-soft);
    border-bottom: 1px solid var(--atour-line);
    padding: 40px 0 44px;
    margin-bottom: 40px;
}

.atour-shop-head *,
.atour-shop-head *::before,
.atour-shop-head *::after { box-sizing: border-box; }

.atour-shop-head__container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 24px;
}

/* ---------- مسیر ---------- */
.atour-shop-head__crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font-size: 13.5px;
    color: var(--atour-faint);
    margin-bottom: 12px;
}
.atour-shop-head__crumbs a {
    color: var(--atour-faint);
    text-decoration: none;
}
.atour-shop-head__crumbs a:hover { color: var(--atour-green-dark); }
.atour-shop-head__crumbs .is-current { color: var(--atour-ink); font-weight: 600; }

/* ---------- عنوان ---------- */
.atour-shop-head__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 12px;
}

.atour-shop-head__title {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: -0.6px;
    line-height: 1.4;
    color: var(--atour-ink);
}

.atour-shop-head__count {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding-inline: 13px;
    border: 1px solid var(--atour-line);
    border-radius: 999px;
    background: var(--atour-surface);
    font-size: 13px;
    font-weight: 700;
    color: var(--atour-green-dark);
    white-space: nowrap;
}

.atour-shop-head__desc {
    margin: 0;
    font-size: 16px;
    line-height: 2;
    color: var(--atour-body);
    max-width: 760px;
}

/* ---------- موبایل ---------- */
@media (max-width: 782px) {
    .atour-shop-head { padding: 26px 0 30px; margin-bottom: 28px; }
    .atour-shop-head__container { padding-inline: 16px; }
    .atour-shop-head__title { font-size: 26px; }
    .atour-shop-head__desc { font-size: 14.5px; }
}