/* صفحه عمومی معرفی کسب‌وکار.
   رنگ، شعاع گوشه، سایه و دکمه‌ها از wwwroot/css/design-system-v3.css خود برنامه
   برداشته شده‌اند تا این صفحه بخشی از همان محصول به نظر برسد، نه چیزی چسبانده. */

.biz {
    --biz-ink: #27364d;
    --biz-muted: #697586;
    --biz-line: #e1e5ec;
    --biz-bg: #f4f6f9;
    --biz-surface: #fff;
    --biz-primary: #5a4b86;
    --biz-primary-2: #6676df;
    --biz-soft: #f1eef8;
    --biz-good: #278269;
    --biz-shadow: 0 .55rem 1.6rem rgba(30, 41, 59, .075);

    min-height: 100dvh;
    background: var(--biz-bg);
    color: var(--biz-ink);
    font-family: inherit;
}

.biz main {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2.5rem);
}

/* سربرگ */
.biz-top {
    display: flex;
    height: 68px;
    align-items: center;
    justify-content: space-between;
    padding: 0 clamp(1rem, 3vw, 2.5rem);
    border-block-end: 1px solid var(--biz-line);
    background: var(--biz-surface);
}

.biz-brand {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: inherit;
    text-decoration: none;
}

.biz-brand strong { font-size: 1rem; font-weight: 800; }

.biz-mark {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: .62rem;
    background: linear-gradient(135deg, var(--biz-primary-2), var(--biz-primary));
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
}

.biz-nav { display: flex; align-items: center; gap: 1.1rem; }
.biz-nav a { color: var(--biz-muted); font-size: .87rem; text-decoration: none; }
.biz-nav a:hover { color: var(--biz-primary); }

/* پرسش اصلی */
.biz-ask { padding: clamp(2.2rem, 5vw, 3.5rem) 0 0; text-align: center; }

.biz-ask h1 {
    margin: 0 0 .7rem;
    font-size: clamp(1.75rem, 4.2vw, 2.5rem);
    font-weight: 900;
    letter-spacing: -.012em;
    text-wrap: balance;
}

.biz-ask p {
    max-width: 34rem;
    margin: 0 auto;
    color: var(--biz-muted);
    font-size: clamp(.95rem, 1.6vw, 1.06rem);
    line-height: 2;
}

/* شبکه صنف‌ها */
.biz-trades {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .85rem;
    padding-block-start: clamp(1.6rem, 3vw, 2.1rem);
}

.biz-trade {
    display: flex;
    min-height: 8.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: 1.3rem .9rem;
    border: 1px solid var(--biz-line);
    border-radius: 1rem;
    background: var(--biz-surface);
    box-shadow: var(--biz-shadow);
    color: inherit;
    text-align: center;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.biz-trade:hover,
.biz-trade:focus-visible {
    border-color: var(--biz-primary);
    box-shadow: 0 .7rem 1.9rem rgba(30, 41, 59, .11);
    transform: translateY(-2px);
}

.biz-trade strong { font-size: .93rem; font-weight: 700; line-height: 1.7; }

.biz-trade-icon {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    border-radius: .85rem;
    background: var(--biz-soft);
    color: var(--biz-primary);
}

.biz-other {
    margin: 1.6rem 0 0;
    color: var(--biz-muted);
    font-size: .87rem;
    text-align: center;
}

/* سه امکان پایه */
.biz-basics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.4rem;
    padding: 1.4rem 1.6rem;
    margin-block-start: clamp(2rem, 4vw, 2.8rem);
    border: 1px solid var(--biz-line);
    border-radius: 1rem;
    background: var(--biz-surface);
    box-shadow: var(--biz-shadow);
}

.biz-basic { display: flex; align-items: flex-start; gap: .7rem; }

.biz-basic-icon {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .68rem;
    background: var(--biz-soft);
    color: var(--biz-primary);
}

.biz-basic strong { display: block; margin-block-end: .2rem; font-size: .93rem; font-weight: 800; }
.biz-basic span { color: var(--biz-muted); font-size: .84rem; line-height: 1.9; }

/* پابرگ */
.biz-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem;
    max-width: 1120px;
    margin: clamp(2.5rem, 5vw, 3.5rem) auto 0;
    padding: 1.3rem clamp(1rem, 3vw, 2.5rem) 2.2rem;
    border-block-start: 1px solid var(--biz-line);
    color: var(--biz-muted);
    font-size: .84rem;
}

.biz-foot a { color: var(--biz-muted); text-decoration: none; }
.biz-foot a:hover { color: var(--biz-primary); }

.biz a:focus-visible {
    outline: 2px solid var(--biz-primary);
    outline-offset: 3px;
    border-radius: .4rem;
}

@media (prefers-reduced-motion: reduce) {
    .biz-trade { transition: none; }
    .biz-trade:hover, .biz-trade:focus-visible { transform: none; }
}

/* ---- صفحه اختصاصی هر صنف (/business/{slug}) ---- */

.biz-crumb {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-block-start: 1.3rem;
    color: var(--biz-muted);
    font-size: .82rem;
}

.biz-crumb a { color: var(--biz-muted); text-decoration: none; }
.biz-crumb a:hover { color: var(--biz-primary); }
.biz-crumb strong { color: var(--biz-ink); font-weight: 700; }

.biz-split {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: start;
    gap: 1.6rem;
    padding-block-start: 1.1rem;
}

.biz-h {
    margin: 0 0 .7rem;
    font-size: clamp(1.5rem, 3.4vw, 2.1rem);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -.012em;
    text-wrap: balance;
}

.biz-intro {
    max-width: 32rem;
    margin: 0 0 1.4rem;
    color: var(--biz-muted);
    font-size: clamp(.93rem, 1.5vw, 1rem);
    line-height: 2.1;
}

.biz-jobs {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

.biz-jobs li {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .8rem .95rem;
    border: 1px solid var(--biz-line);
    border-radius: .8rem;
    background: var(--biz-surface);
    font-size: .9rem;
    line-height: 1.9;
}

.biz-tick {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .5rem;
    background: #eaf4f0;
    color: var(--biz-good);
}

.biz-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    margin: 0;
}

.biz-btn {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: .66rem;
    background: linear-gradient(135deg, #675c9b, var(--biz-primary));
    color: #fff;
    font-size: .92rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

.biz-btn:hover { transform: translateY(-1px); box-shadow: 0 .55rem 1.1rem rgba(90, 75, 134, .2); }

.biz-btn.ghost {
    flex: 0 0 auto;
    border-color: #cfc4e4;
    background: var(--biz-surface);
    color: var(--biz-primary);
}

.biz-cta-note { color: var(--biz-muted); font-size: .82rem; }

/* نمونه گزارش */
.biz-sample {
    overflow: hidden;
    border: 1px solid var(--biz-line);
    border-radius: 1rem;
    background: var(--biz-surface);
    box-shadow: var(--biz-shadow);
}

.biz-sample > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem .95rem;
    border-block-end: 1px solid var(--biz-line);
    background: #f9fafc;
}

.biz-sample > header strong { font-size: .85rem; font-weight: 800; }
.biz-sample > header span { color: var(--biz-muted); font-size: .75rem; }
.biz-sample-body { padding: 1rem .95rem; }

.biz-sample-total { margin-block-end: .9rem; font-variant-numeric: tabular-nums; }
.biz-sample-total span { display: block; margin-block-end: .15rem; color: var(--biz-muted); font-size: .78rem; }
.biz-sample-total strong { color: var(--biz-good); font-size: 1.55rem; font-weight: 900; }
.biz-sample-total small { color: var(--biz-muted); font-size: .78rem; }

.biz-sample dl { display: flex; flex-direction: column; gap: .55rem; margin: 0; font-variant-numeric: tabular-nums; }
.biz-sample dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding-block-end: .55rem;
    border-block-end: 1px solid #eef1f5;
}
.biz-sample dl > div:last-child { border-block-end: 0; padding-block-end: 0; }
.biz-sample dt { font-size: .85rem; }
.biz-sample dd { margin: 0; color: var(--biz-muted); font-size: .82rem; font-weight: 700; }

/* نوار فروش آنلاین */
.biz-online {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    padding: 1.4rem 1.6rem;
    margin-block-start: 2rem;
    border: 1px solid #ded6ef;
    border-radius: 1rem;
    background: var(--biz-soft);
}

.biz-online strong { display: block; margin-block-end: .3rem; font-size: 1.02rem; font-weight: 800; }
.biz-online span { color: #5c5470; font-size: .87rem; line-height: 1.95; }

/* پیوند به صنف‌های دیگر */
.biz-more { padding-block-start: 2rem; }
.biz-more-title { display: block; margin-block-end: .7rem; color: var(--biz-muted); font-size: .84rem; }
.biz-more-list { display: flex; flex-wrap: wrap; gap: .5rem; }

.biz-more-list a {
    padding: .42rem .85rem;
    border: 1px solid var(--biz-line);
    border-radius: 999px;
    background: var(--biz-surface);
    color: var(--biz-ink);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.biz-more-list a:hover { border-color: var(--biz-primary); color: var(--biz-primary); }

@media (max-width: 820px) {
    .biz-split { grid-template-columns: minmax(0, 1fr); }
    .biz-sample { order: -1; }
}

/* ---- صفحه قیمت (/business/pricing) ---- */

.biz-billing {
    display: flex;
    justify-content: center;
    gap: .35rem;
    padding: .3rem;
    margin: 1.5rem auto 0;
    width: fit-content;
    border: 1px solid var(--biz-line);
    border-radius: 999px;
    background: var(--biz-surface);
}

.biz-billing button {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    gap: .4rem;
    padding: 0 1.1rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--biz-muted);
    font-family: inherit;
    font-size: .87rem;
    font-weight: 700;
    cursor: pointer;
}

.biz-billing button.on { background: var(--biz-primary); color: #fff; }
.biz-billing button span { font-size: .7rem; font-weight: 700; opacity: .85; }

.biz-placeholder {
    margin: .8rem 0 0;
    color: var(--biz-muted);
    font-size: .8rem;
    text-align: center;
}

.biz-plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.5rem, 1fr));
    align-items: start;
    gap: 1rem;
    padding-block-start: 1.6rem;
}

.biz-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1.5rem 1.3rem 1.3rem;
    border: 1px solid var(--biz-line);
    border-radius: 1rem;
    background: var(--biz-surface);
    box-shadow: var(--biz-shadow);
}

.biz-plan.best { border-color: var(--biz-primary); box-shadow: 0 .7rem 1.9rem rgba(90, 75, 134, .16); }

.biz-plan-badge {
    position: absolute;
    inset-block-start: -.72rem;
    inset-inline-start: 1.2rem;
    padding: .22rem .7rem;
    border-radius: 999px;
    background: var(--biz-primary);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
}

.biz-plan h2 { margin: 0; font-size: 1.25rem; font-weight: 900; }
.biz-plan-for { margin: 0; color: var(--biz-muted); font-size: .85rem; line-height: 1.85; }

.biz-plan-price {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    margin: .5rem 0 .3rem;
    font-variant-numeric: tabular-nums;
}

.biz-plan-price strong { color: var(--biz-ink); font-size: 1.85rem; font-weight: 900; letter-spacing: -.015em; }
.biz-plan-price small { color: var(--biz-muted); font-size: .8rem; }

.biz-plan-list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .5rem;
    margin: .4rem 0 1.1rem;
    padding: 0;
    list-style: none;
}

.biz-plan-list li { display: flex; align-items: center; gap: .6rem; font-size: .87rem; line-height: 1.85; }

.biz-extras { padding-block-start: 2.6rem; }
.biz-extras h2 { margin: 0 0 .35rem; font-size: 1.3rem; font-weight: 900; }
.biz-extras-lede { margin: 0 0 1.1rem; color: var(--biz-muted); font-size: .87rem; }

.biz-extra-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: .8rem;
}

.biz-extra {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--biz-line);
    border-radius: .9rem;
    background: var(--biz-surface);
}

.biz-extra strong { font-size: .93rem; font-weight: 800; }
.biz-extra span { color: var(--biz-muted); font-size: .83rem; line-height: 1.85; }
.biz-extra em { color: var(--biz-primary); font-size: .85rem; font-style: normal; font-weight: 800; }

@media (max-width: 600px) {
    .biz-billing button { min-height: 2.75rem; }
}