/* dmhouse-cheap-site.css — قالب «طراحی سایت ارزان» (template-parts/body/cheap-site.php).
   ⚠ همهٔ قاعده‌ها زیر .dmch. هویت: «قفسهٔ قالب آماده»؛ برچسب قیمتِ مسی، کارت‌های برچسب‌دار و جدول مقایسه با ستون برجستهٔ قالب آماده.
   بخش‌های مشترک (پرسش‌ها، متن سئویی، دیدگاه‌ها، فرم) در dmhouse-service.css و dmhouse-lead-form.css. */

.dmch {
    --dmch-copper: var(--accent-primary);
    /* مسی تیره‌تر برای متن کوچک و دکمه‌های سفیدنویس: خودِ مسی روی سفید ۳٫۸:۱ است و برای متن زیر ۱۸٫۶px کم می‌آورد. */
    --dmch-copper-text: color-mix(in srgb, var(--accent-primary) 76%, #000);
    --dmch-ink: var(--color-navy, #0a192f);
    box-sizing: border-box;
    direction: rtl;
}

.dmch *,
.dmch *::before,
.dmch *::after {
    box-sizing: inherit;
}

.dmch .dmch-sec {
    position: relative;
    padding-block: 110px;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    overflow: hidden;
}

.dmch .dmch-sec.section-meld { padding-block: clamp(110px, 12vw, 170px); }

.dmch .dmch-sec.section-meld > .page-container {
    position: relative;
    z-index: 2;
}

.dmch .dmch-hl { color: var(--dmch-copper); }
.dmch .dmch-rich a { color: var(--dmch-copper-text); }
.dmch .theme-dark .dmch-rich a { color: var(--dmch-copper); }

.dmch .dmch-title,
.dmch .dmch-hero__title { text-align: start; }

.dmch .dmch-title {
    margin: 0 0 20px;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.55;
}

.dmch .dmch-title--center {
    max-width: 900px;
    margin-inline: auto;
    margin-block-end: 44px;
    text-align: center;
}

.dmch .dmch-lead {
    color: var(--text-secondary);
    font-size: 16px;
    line-height: 2.2;
}

.dmch .dmch-intro {
    max-width: 780px;
    margin: -22px auto 44px;
    text-align: center;
}

.dmch .dmch-rich > :first-child { margin-block-start: 0; }
.dmch .dmch-rich > :last-child { margin-block-end: 0; }
.dmch .dmch-rich p { margin: 0 0 12px; }

.dmch .dmch-rich a {
    font-weight: 700;
    text-decoration: none;
    border-block-end: 1px dashed currentColor;
}

.dmch.is-js .js-lp-reveal {
    opacity: 0;
    translate: 0 26px;
    transition: opacity .6s ease, translate .6s ease;
}

.dmch.is-js .js-lp-reveal.is-in {
    opacity: 1;
    translate: 0 0;
}

/* ══════════ هیرو ══════════ */
.dmch .dmch-hero {
    padding-block: 170px 120px;
    background-image: radial-gradient(circle at 15% 30%, color-mix(in srgb, var(--dmch-copper) 18%, transparent), transparent 42%), radial-gradient(circle at 85% 85%, color-mix(in srgb, var(--dmch-copper) 12%, transparent), transparent 40%);
}

.dmch .dmch-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 60px;
    align-items: center;
}

.dmch .dmch-eyebrow {
    display: inline-block;
    margin: 0 0 18px;
    padding: 6px 16px;
    border-radius: var(--pill-radius);
    background-color: color-mix(in srgb, var(--dmch-copper) 18%, transparent);
    color: #e7b98a;
    font-size: 14px;
    font-weight: 800;
}

.dmch .dmch-hero__title {
    margin: 0 0 22px;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    line-height: 1.25;
}

.dmch .dmch-hero__desc {
    max-width: 620px;
    margin-block-end: 30px;
    color: var(--text-secondary);
    font-size: 16.5px;
    line-height: 2.2;
}

.dmch .dmch-hero__media {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.dmch .dmch-hero__img {
    display: block;
    width: 100%;
    max-width: 560px;
    height: auto;
}

/* صحنه: پنجرهٔ سایتِ آماده؛ بلوک‌ها یکی‌یکی سر جا می‌نشینند، برچسب قیمت آویزان است و دو نشان دورش می‌چرخند. */
.dmch .dmch-scene {
    position: relative;
    width: min(480px, 100%);
    aspect-ratio: 1 / 0.9;
}

.dmch .dmch-scene__glow {
    position: absolute;
    inset: 8% 6%;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--dmch-copper) 22%, transparent);
    filter: blur(50px);
}

.dmch .dmch-scene__win {
    position: absolute;
    inset: 12% 8% 6%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, .06);
    box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6);
    animation: dmchFloat 7s ease-in-out infinite;
}

.dmch .dmch-scene__bar {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dmch .dmch-scene__bar i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .28);
}

.dmch .dmch-scene__bar b {
    flex: 1;
    height: 10px;
    margin-inline-start: 10px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .1);
}

.dmch .dmch-scene__nav,
.dmch .dmch-scene__banner,
.dmch .dmch-scene__cards {
    display: flex;
    gap: 10px;
}

.dmch .dmch-scene__nav i {
    width: 44px;
    height: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);
}

.dmch .dmch-scene__banner { height: 22%; }

.dmch .dmch-scene__banner i {
    flex: 1;
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--dmch-copper) 55%, transparent);
}

.dmch .dmch-scene__banner i + i { flex: .6; background-color: rgba(255, 255, 255, .14); }

.dmch .dmch-scene__cards { height: 24%; }

.dmch .dmch-scene__cards i {
    flex: 1;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .14);
}

.dmch .dmch-scene__line {
    height: 9px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .16);
}

.dmch .dmch-scene__line--short { width: 55%; }

/* هر بلوک با تأخیر خودش سر جا می‌نشیند و حلقه می‌شود */
.dmch .dmch-scene__nav,
.dmch .dmch-scene__banner,
.dmch .dmch-scene__cards,
.dmch .dmch-scene__line { animation: dmchPlace 8s ease-in-out infinite; }

.dmch .dmch-scene__banner { animation-delay: .5s; }
.dmch .dmch-scene__cards { animation-delay: 1s; }
.dmch .dmch-scene__line { animation-delay: 1.5s; }
.dmch .dmch-scene__line--short { animation-delay: 1.9s; }

.dmch .dmch-scene__tag,
.dmch .dmch-scene__badge,
.dmch .dmch-scene__owner {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
}

.dmch .dmch-scene__tag {
    inset-block-start: 0;
    inset-inline-end: 12%;
    width: 58px;
    height: 58px;
    justify-content: center;
    border-radius: 16px;
    background-color: var(--dmch-copper);
    color: #fff;
    box-shadow: 0 16px 34px -12px color-mix(in srgb, var(--dmch-copper) 70%, transparent);
    rotate: 8deg;
    transform-origin: top center;
    animation: dmchSwing 5s ease-in-out infinite;
}

.dmch .dmch-scene__tag svg { width: 28px; height: 28px; }

.dmch .dmch-scene__badge,
.dmch .dmch-scene__owner {
    padding: 8px 14px;
    background-color: #fff;
    color: var(--dmch-ink);
    box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .5);
}

.dmch .dmch-scene__badge svg,
.dmch .dmch-scene__owner svg { width: 18px; height: 18px; color: var(--dmch-copper); }

.dmch .dmch-scene__badge { inset-block-end: 12%; inset-inline-start: 0; animation: dmchFloat 6s ease-in-out infinite; }
.dmch .dmch-scene__owner { inset-block-start: 38%; inset-inline-end: 0; animation: dmchFloat 6.5s ease-in-out .8s infinite; }

@keyframes dmchFloat {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -10px; }
}

@keyframes dmchSwing {
    0%, 100% { rotate: 8deg; }
    50% { rotate: -6deg; }
}

@keyframes dmchPlace {
    0% { opacity: 0; translate: 0 14px; }
    12%, 82% { opacity: 1; translate: 0 0; }
    100% { opacity: 0; translate: 0 -6px; }
}

/* ══════════ سکشن‌ها ══════════ */
.dmch .dmch-split {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 60px;
    align-items: center;
}

.dmch .dmch-split__text { min-width: 0; }

/* کارت تیک‌دار کنار متن */
.dmch .dmch-checks {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 30px;
    list-style: none;
    border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
    border-radius: 26px;
    background-color: var(--bg-primary);
    box-shadow: 0 30px 60px -40px rgba(10, 25, 47, .5);
}

.dmch .dmch-check {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
}

.dmch .dmch-check__mark {
    display: grid;
    flex: 0 0 32px;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--dmch-copper) 16%, transparent);
    color: var(--dmch-copper);
}

.dmch .dmch-check__mark svg { width: 18px; height: 18px; }
.dmch .dmch-checks--navy .dmch-check__mark { background-color: var(--dmch-ink); color: #fff; }

.dmch .dmch-grid {
    display: grid;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmch .dmch-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dmch .dmch-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.dmch .dmch-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 30px 26px 26px;
    border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
    border-radius: 26px;
    background-color: var(--bg-primary);
    transition: translate .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.dmch .dmch-card:hover {
    translate: 0 -6px;
    border-color: color-mix(in srgb, var(--dmch-copper) 55%, transparent);
    box-shadow: 0 30px 60px -36px color-mix(in srgb, var(--dmch-copper) 60%, transparent);
}

/* کارت برچسب‌دار: گوشهٔ بریده + سوراخ بند برچسب */
.dmch .dmch-card--tag {
    padding-block-start: 44px;
    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
}

.dmch .dmch-card__hole {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 20px;
    width: 12px;
    height: 12px;
    border: 2px solid var(--dmch-copper);
    border-radius: 50%;
}

.dmch .dmch-card__icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background-color: color-mix(in srgb, var(--dmch-copper) 16%, transparent);
    color: var(--dmch-copper);
}

.dmch .dmch-card__icon svg { width: 28px; height: 28px; }

.dmch .dmch-card__title {
    margin: 0;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
    text-align: start;
}

.dmch .dmch-card__text {
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 2.05;
}

/* ══════════ جدول مقایسه ══════════ */
.dmch .dmch-table-wrap {
    overflow-x: auto;
    border-radius: 26px;
}

.dmch .dmch-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 26px;
    background-color: rgba(255, 255, 255, .04);
    font-size: 16px;
}

.dmch .dmch-table th,
.dmch .dmch-table td {
    padding: 20px 24px;
    text-align: start;
    line-height: 1.9;
    border-block-end: 1px solid rgba(255, 255, 255, .1);
}

/* ⚠ شیوه‌نامهٔ سراسری جدول‌ها (dmhouse-tables.css) رنگ متن را سرمه‌ای می‌گذارد؛ روی این سکشن تیره باید رنگ سکشن به ارث برسد. */
.dmch .dmch-table,
.dmch .dmch-table th,
.dmch .dmch-table td { color: inherit; }

.dmch .dmch-table thead th { font-weight: 900; }
.dmch .dmch-table tbody tr:last-child th,
.dmch .dmch-table tbody tr:last-child td { border-block-end: 0; }
.dmch .dmch-table tbody th { color: inherit; font-weight: 800; }

.dmch .dmch-table .dmch-table__ready {
    background-color: color-mix(in srgb, var(--dmch-copper) 16%, transparent);
    font-weight: 800;
}

.dmch .dmch-table__pill {
    display: inline-block;
    padding: 6px 16px;
    border-radius: var(--pill-radius);
    background-color: var(--dmch-copper-text);
    color: #fff;
    font-size: 14.5px;
}

/* ══════════ اجاره‌ای در برابر مالکیت ══════════ */
.dmch .dmch-builders__top { margin-block-end: 48px; }

.dmch .dmch-col-label { width: 22%; }
.dmch .dmch-col-ready,
.dmch .dmch-col-custom { width: 39%; }

/* دو ستون هم‌قد (اجاره‌ای | مالکیت) با نشان «در برابر» در میانه؛ ردیف‌ها هم‌ارتفاع و جداشده با خط. */
.dmch .dmch-versus {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

.dmch .dmch-versus__badge {
    position: absolute;
    inset-block-start: 50%;
    left: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 4px solid var(--bg-primary);
    border-radius: 50%;
    background-color: var(--dmch-copper-text);
    color: #fff;
    font-size: 12.5px;
    font-weight: 900;
    translate: -50% -50%;
}

.dmch .dmch-vs {
    display: flex;
    flex-direction: column;
    padding: 28px 28px 14px;
    border-radius: 28px;
}

.dmch .dmch-vs--rent {
    border: 1px dashed var(--border-color, rgba(0, 0, 0, .22));
    background-color: color-mix(in srgb, var(--text-primary) 3%, transparent);
}

.dmch .dmch-vs--own {
    border: 1px solid transparent;
    background-image: linear-gradient(160deg, var(--dmch-ink), color-mix(in srgb, var(--dmch-ink) 80%, var(--dmch-copper)));
    color: #fff;
    box-shadow: 0 34px 64px -38px rgba(10, 25, 47, .85);
}

.dmch .dmch-vs__head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-block-end: 18px;
    border-block-end: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

.dmch .dmch-vs__chip {
    display: grid;
    flex: 0 0 48px;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background-color: color-mix(in srgb, currentColor 10%, transparent);
}

.dmch .dmch-vs__chip svg { width: 26px; height: 26px; }
.dmch .dmch-vs--own .dmch-vs__chip { background-color: var(--dmch-copper); color: #fff; }

.dmch .dmch-vs__title {
    margin: 0;
    color: inherit;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.6;
}

.dmch .dmch-vs__list {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmch .dmch-vs__item {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 14px;
    min-height: 74px;
    padding-block: 14px;
    font-size: 15.5px;
    line-height: 1.9;
}

.dmch .dmch-vs__item + .dmch-vs__item { border-block-start: 1px solid color-mix(in srgb, currentColor 12%, transparent); }

.dmch .dmch-vs--rent .dmch-vs__text { color: var(--text-secondary); }

.dmch .dmch-vs__mark {
    display: grid;
    flex: 0 0 30px;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: color-mix(in srgb, #c0392b 14%, transparent);
    color: #b03a2e;
}

.dmch .dmch-vs--own .dmch-vs__mark { background-color: var(--dmch-copper); color: #fff; }
.dmch .dmch-vs__mark svg { width: 15px; height: 15px; }

/* ══════════ وکتورهای متحرک ══════════
   هر وکتور SVG ثابت است (inc/cheap-site-page.php ← dmhouse_chs_art) و حرکتش فقط با CSS؛ حرکت کم همه را خاموش می‌کند (پایین فایل). */
.dmch [class*="dmch-a-"] {
    transform-box: fill-box;
    transform-origin: center;
}

.dmch .dmch-a-led { animation: dmchBlink 1.8s ease-in-out infinite; }
.dmch .dmch-a-led--2 { animation-delay: .3s; }
.dmch .dmch-a-led--3 { animation-delay: .6s; }
.dmch .dmch-a-led--4 { animation-delay: .9s; }
.dmch .dmch-a-led--5 { animation-delay: 1.2s; }
.dmch .dmch-a-led--6 { animation-delay: 1.5s; }

.dmch .dmch-a-flow {
    stroke-dasharray: 3 7;
    animation: dmchDash 1.1s linear infinite;
}

.dmch .dmch-a-ring { animation: dmchRing 2.6s ease-out infinite; }

.dmch .dmch-a-check {
    stroke-dasharray: 40;
    animation: dmchDraw 3s ease-in-out infinite;
}

.dmch .dmch-a-needle {
    transform-box: view-box;
    transform-origin: 32px 46px;
    animation: dmchNeedle 2.6s ease-in-out infinite alternate;
}

.dmch .dmch-a-streak {
    stroke-dasharray: 6 8;
    animation: dmchDash .6s linear infinite;
}

.dmch .dmch-a-bar {
    transform-origin: bottom;
    animation: dmchGrow 2.4s ease-in-out infinite alternate;
}

.dmch .dmch-a-bar--2 { animation-delay: .35s; }
.dmch .dmch-a-bar--3 { animation-delay: .7s; }

.dmch .dmch-a-lens { animation: dmchLens 3.2s ease-in-out infinite alternate; }

.dmch .dmch-a-drop { animation: dmchDrop 2.2s ease-in infinite; }
.dmch .dmch-a-sign { animation: dmchBlink 1.4s ease-in-out infinite; }
.dmch .dmch-a-door { animation: dmchDoor 2.2s ease-in-out infinite; }

.dmch .dmch-a-win { animation: dmchBlink 3.6s ease-in-out infinite; }
.dmch .dmch-a-win--2 { animation-delay: .6s; }
.dmch .dmch-a-win--3 { animation-delay: 1.2s; }
.dmch .dmch-a-win--4 { animation-delay: 1.8s; }
.dmch .dmch-a-win--5 { animation-delay: 2.4s; }
.dmch .dmch-a-win--6 { animation-delay: 3s; }

.dmch .dmch-a-ping { animation: dmchPing 2.4s ease-out infinite; }
.dmch .dmch-a-ping--2 { animation-delay: 1.2s; }
.dmch .dmch-a-star { animation: dmchTwinkle 2s ease-in-out infinite; }

.dmch .dmch-a-glow { animation: dmchGlow 2.2s ease-in-out infinite; }
.dmch .dmch-a-bolt { animation: dmchFlicker 2.2s steps(1) infinite; }

.dmch .dmch-a-coin { animation: dmchSpin 3.4s ease-in-out infinite; }
.dmch .dmch-a-down { animation: dmchBounce 1.4s ease-in-out infinite; }

.dmch .dmch-a-wave { animation: dmchBlink 1.6s ease-in-out infinite; }
.dmch .dmch-a-wave--2 { animation-delay: .5s; }

@keyframes dmchBlink {
    0%, 100% { opacity: .25; }
    50% { opacity: 1; }
}

@keyframes dmchDash { to { stroke-dashoffset: -20; } }

@keyframes dmchRing {
    0% { scale: .82; opacity: .9; }
    100% { scale: 1.12; opacity: 0; }
}

@keyframes dmchDraw {
    0%, 15% { stroke-dashoffset: 40; }
    55%, 90% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -40; }
}

@keyframes dmchNeedle {
    from { rotate: -70deg; }
    to { rotate: 42deg; }
}

@keyframes dmchGrow {
    from { scale: 1 .3; }
    to { scale: 1 1; }
}

@keyframes dmchLens {
    from { translate: -22px 12px; }
    to { translate: 0 0; }
}

@keyframes dmchDrop {
    0% { translate: 0 0; opacity: 0; }
    15% { opacity: 1; }
    80% { translate: 0 26px; opacity: 1; }
    100% { translate: 0 30px; opacity: 0; }
}

@keyframes dmchDoor {
    0%, 100% { opacity: .5; }
    50% { opacity: 1; }
}

@keyframes dmchPing {
    0% { scale: 1; opacity: .8; }
    100% { scale: 2; opacity: 0; }
}

@keyframes dmchTwinkle {
    0%, 100% { scale: .6; rotate: 0deg; opacity: .6; }
    50% { scale: 1.2; rotate: 90deg; opacity: 1; }
}

@keyframes dmchGlow {
    0%, 100% { scale: .75; opacity: .08; }
    50% { scale: 1.1; opacity: .28; }
}

@keyframes dmchFlicker {
    0%, 60%, 100% { opacity: 1; }
    66% { opacity: .35; }
    72% { opacity: 1; }
    80% { opacity: .5; }
}

@keyframes dmchSpin {
    0%, 100% { scale: 1 1; }
    50% { scale: -1 1; }
}

@keyframes dmchBounce {
    0%, 100% { translate: 0 -2px; }
    50% { translate: 0 3px; }
}

/* ویژگی‌ها: ویرایشگر، گوگل، رنگ، ریسپانسیو، راست‌چین، کیفیت */
.dmch .dmch-a-type { stroke-dasharray: 22; animation: dmchType 3.6s steps(9, end) infinite; }
.dmch .dmch-a-type--2 { stroke-dasharray: 22; animation-delay: .9s; }
.dmch .dmch-a-caret { animation: dmchCaret 1s steps(1) infinite; }
.dmch .dmch-a-top { animation: dmchBlink 2s ease-in-out infinite; }

.dmch .dmch-a-dot { animation: dmchDot 2.4s ease-in-out infinite; }
.dmch .dmch-a-dot--2 { animation-delay: .4s; }
.dmch .dmch-a-dot--3 { animation-delay: .8s; }

.dmch .dmch-a-device { animation: dmchTurn 4.8s ease-in-out infinite; }
.dmch .dmch-a-ripple { animation: dmchBlink 2.4s ease-in-out infinite; }

.dmch .dmch-a-line { stroke-dasharray: 40; animation: dmchSlideIn 3.6s ease-in-out infinite; }
.dmch .dmch-a-line--2 { animation-delay: .25s; }
.dmch .dmch-a-line--3 { animation-delay: .5s; }
.dmch .dmch-a-line--4 { animation-delay: .75s; }
.dmch .dmch-a-arrow { animation: dmchNudge 1.6s ease-in-out infinite; }

.dmch .dmch-a-ribbon { transform-origin: top; animation: dmchRibbon 2.8s ease-in-out infinite alternate; }
.dmch .dmch-a-star2 { animation: dmchTwinkle 2.4s ease-in-out infinite; }

@keyframes dmchType {
    0% { stroke-dashoffset: 22; }
    45%, 85% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -22; }
}

@keyframes dmchCaret {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes dmchDot {
    0%, 100% { scale: .7; opacity: .5; }
    50% { scale: 1.45; opacity: 1; }
}

@keyframes dmchTurn {
    0%, 12% { rotate: 0deg; }
    42%, 62% { rotate: 90deg; }
    92%, 100% { rotate: 0deg; }
}

@keyframes dmchSlideIn {
    0% { stroke-dashoffset: 40; opacity: .3; }
    35%, 85% { stroke-dashoffset: 0; opacity: 1; }
    100% { stroke-dashoffset: 0; opacity: .3; }
}

@keyframes dmchNudge {
    0%, 100% { translate: 0 0; }
    50% { translate: -4px 0; }
}

@keyframes dmchRibbon {
    from { rotate: -4deg; }
    to { rotate: 4deg; }
}

/* کارت وکتوری «یعنی چه؟» */
.dmch .dmch-feats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmch .dmch-feat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 26px 16px 22px;
    border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
    border-radius: 26px;
    background-color: var(--bg-primary);
    box-shadow: 0 26px 50px -38px rgba(10, 25, 47, .55);
    text-align: center;
    transition: translate .35s ease, border-color .35s ease;
}

.dmch .dmch-feat:hover {
    translate: 0 -6px;
    border-color: color-mix(in srgb, var(--dmch-copper) 55%, transparent);
}

.dmch .dmch-feat__art {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border-radius: 24px;
    background-image: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--dmch-copper) 22%, transparent), color-mix(in srgb, var(--dmch-copper) 8%, transparent));
    color: var(--dmch-copper-text);
}

.dmch .dmch-feat__art svg {
    width: 58px;
    height: 58px;
    overflow: visible;
}

.dmch .dmch-feat__text {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.7;
}

/* آیکن‌های متحرک کارت‌های «مناسب چه کسب‌وکارهایی» و «چرا مارکت» */
.dmch .dmch-card__icon--live svg {
    width: 34px;
    height: 34px;
    overflow: visible;
}

/* ══════════ مقایسه: مسابقهٔ زمان تحویل + جدول ══════════ */
.dmch .dmch-compare__grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.6fr);
    gap: 32px;
    align-items: center;
}

.dmch .dmch-art {
    padding: 22px;
    border-radius: 28px;
}

.dmch .dmch-art svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.dmch .dmch-art--race {
    border: 1px solid rgba(255, 255, 255, .14);
    background-color: rgba(255, 255, 255, .05);
    color: #fff;
}

.dmch .dmch-a-label {
    fill: currentColor;
    font-size: 15px;
    font-weight: 800;
}

.dmch .dmch-a-label--hot { fill: var(--dmch-copper); }

.dmch .dmch-a-track {
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 2 9;
    opacity: .5;
}

.dmch .dmch-a-fast { color: var(--dmch-copper); }
.dmch .dmch-a-slow { color: rgba(255, 255, 255, .6); }

/* آرام‌تر: چرخهٔ ۱۴ ثانیه‌ای؛ قالب آماده در حدود ۴٫۵ ثانیه می‌رسد (نرم شروع و نرم پایان) و اختصاصی تقریباً تا آخر چرخه راه می‌رود. */
.dmch .dmch-a-fast,
.dmch .dmch-a-slow {
    transform-box: view-box;
    animation-duration: 14s;
    animation-timing-function: cubic-bezier(.45, 0, .25, 1);
    animation-iteration-count: infinite;
}

.dmch .dmch-a-fast { animation-name: dmchRaceFast; }
.dmch .dmch-a-slow { animation-name: dmchRaceSlow; }

@keyframes dmchRaceFast {
    0%, 5% { translate: 0 0; opacity: 1; }
    37% { translate: -282px 0; }
    91% { translate: -282px 0; opacity: 1; }
    97% { translate: -282px 0; opacity: 0; }
    100% { translate: 0 0; opacity: 0; }
}

@keyframes dmchRaceSlow {
    0%, 5% { translate: 0 0; opacity: 1; }
    88% { translate: -282px 0; }
    93% { translate: -282px 0; opacity: 1; }
    97% { translate: -282px 0; opacity: 0; }
    100% { translate: 0 0; opacity: 0; }
}

/* ══════════ اجاره‌ای در برابر مالکیت ══════════ */
.dmch .dmch-art--owner {
    background-color: var(--dmch-ink);
    color: #fff;
    box-shadow: 0 40px 70px -40px rgba(10, 25, 47, .8);
}

.dmch .dmch-a-rent { opacity: .6; }

.dmch .dmch-a-fall {
    fill: var(--dmch-copper);
    animation: dmchFall 3.2s ease-in infinite;
}

.dmch .dmch-a-fall--2 { animation-delay: 1s; }
.dmch .dmch-a-fall--3 { animation-delay: 2s; }

.dmch .dmch-a-site { animation: dmchBob 7s ease-in-out infinite; }
.dmch .dmch-a-keywrap { color: var(--dmch-copper); animation: dmchSwingKey 4s ease-in-out infinite; }
.dmch .dmch-a-seal { color: var(--dmch-copper); animation: dmchSeal 2.6s ease-in-out infinite; }

@keyframes dmchFall {
    0% { translate: 0 -20px; opacity: 0; }
    20% { opacity: 1; }
    100% { translate: 0 60px; opacity: 0; }
}

@keyframes dmchBob {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -8px; }
}

@keyframes dmchSwingKey {
    0%, 100% { rotate: -10deg; }
    50% { rotate: 12deg; }
}

@keyframes dmchSeal {
    0%, 100% { scale: 1; }
    50% { scale: 1.14; }
}

/* ══════════ مسیر خرید (مسیر دایره‌ای مشترک) ══════════ */
.dmch .dmch-path { position: relative; }

/* ⚠ عنوان مسیر در طرح مشترک تا ۸۰px است و دو واژه با اسکرول ۱۴۰px از هم باز می‌شوند؛ با واژه‌های کوتاه و اندازهٔ کوچک‌تر، مرحله‌های ۲ و ۵ که دو طرف عنوان می‌نشینند روی متن نمی‌افتند. */
@media (min-width: 993px) {
    .dmch .dmch-path .dmcp-heading { font-size: clamp(34px, 3.6vw, 54px); }
    .dmch .dmch-path .dmcp-step { width: min(220px, 22vw); }
    /* باز شدن دو واژه (در طرح مشترک ثابت ۱۴۰px) متناسب با عرض صفحه، تا در ۱۰۰۰ تا ۱۳۰۰px به مرحله‌های دو طرف نرسد. */
    .dmch .dmch-path .dmcp-word--right { transform: translateX(calc(var(--dmcp-split, 0) * 6vw)); }
    .dmch .dmch-path .dmcp-word--left { transform: translateX(calc(var(--dmcp-split, 0) * -6vw)); }
}

/* بخش‌های مشترک: نقشهٔ راه و پرسش‌ها هم‌رنگ هویت این صفحه */
.dmch .dmlp-road { --dmlp-accent: var(--dmch-copper); }

.dmch .dmsv-faq__title {
    font-size: clamp(30px, 5vw, 64px);
    line-height: 1.1;
}

@media (min-width: 992px) {
    .dmch .dmlp-faq .dmsv-faq__image {
        height: var(--dmlp-faq-h, auto);
        aspect-ratio: auto;
    }

    .dmch .dmlp-faq .dmsv-faq__image img { object-fit: contain; }
}

/* ══════════ حرکت کم ══════════ */
@media (prefers-reduced-motion: reduce) {
    .dmch *,
    .dmch *::before,
    .dmch *::after {
        animation: none !important;
        transition: none !important;
    }

    .dmch.is-js .js-lp-reveal { opacity: 1; translate: none; }
}

/* ══════════ واکنش‌گرا ══════════ */
@media (max-width: 1100px) {
    .dmch .dmch-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 992px) {
    .dmch .dmch-hero__grid,
    .dmch .dmch-split { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .dmch .dmch-hero__media { order: -1; }
    .dmch .dmch-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dmch .dmch-scene { width: min(400px, 100%); }
    .dmch .dmch-compare__grid { grid-template-columns: minmax(0, 1fr); }
    .dmch .dmch-art--race { max-width: 520px; margin-inline: auto; }
    .dmch .dmch-art--owner { max-width: 520px; margin-inline: auto; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .dmch .dmch-sec { padding-block: 80px; }
    .dmch .dmch-hero { padding-block: 140px 80px; }
}

/* موبایل: بین سکشن‌ها ۲۰px، داخل ۱۵px؛ سکشن‌های موج‌دار ۴۵px؛ هیرو جای هدر. */
@media (max-width: 767px) {
    .dmch .dmch-feats { gap: 12px; }
    .dmch .dmch-feat { padding: 20px 10px 18px; }
    .dmch .dmch-feat__text { font-size: 14.5px; }

    .dmch .dmch-sec,
    .dmch .dmch-sec.section-meld {
        margin-block: 20px;
        padding-block: 15px;
    }

    .dmch .dmch-sec.section-meld { padding-block: 45px; }
    .dmch .dmch-sec:first-child { margin-block-start: 0; }
    .dmch .dmch-sec:last-child { margin-block-end: 0; }
    .dmch .dmch-hero { padding-block: 110px 30px; }

    .dmch .dmch-grid--3,
    .dmch .dmch-grid--4,
    .dmch .dmch-versus { grid-template-columns: minmax(0, 1fr); gap: 0; }

    .dmch .dmch-versus__badge {
        position: relative;
        inset: auto;
        justify-self: center;
        width: 56px;
        height: 56px;
        margin-block: -16px;
        translate: none;
    }

    .dmch .dmch-vs { padding: 22px 18px 8px; }
    .dmch .dmch-vs__item { min-height: 0; }

    .dmch .dmch-intro { margin-block-start: 0; }
    .dmch .dmch-checks { padding: 22px; }

    /* جدول ← کارت: هر ردیف یک کارت و هر ستون با برچسب خودش (data-label) */
    .dmch .dmch-table,
    .dmch .dmch-table tbody,
    .dmch .dmch-table tr,
    .dmch .dmch-table th,
    .dmch .dmch-table td { display: block; width: auto; }

    .dmch .dmch-table { border: 0; background: none; }
    .dmch .dmch-table thead { display: none; }

    .dmch .dmch-table tbody tr {
        margin-block-end: 14px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 18px;
        background-color: rgba(255, 255, 255, .05);
    }

    .dmch .dmch-table th,
    .dmch .dmch-table td { padding: 12px 16px; border-block-end: 0; }
    .dmch .dmch-table tbody th { background-color: rgba(255, 255, 255, .07); }

    .dmch .dmch-table td::before {
        content: attr(data-label);
        display: block;
        margin-block-end: 4px;
        color: var(--dmch-copper);
        font-size: 12.5px;
        font-weight: 900;
    }
}