/* dmhouse-logo-design.css — قالب «طراحی لوگو سایت» (template-parts/body/logo-design.php).
   ⚠ همهٔ قاعده‌ها زیر .dmlg. هویت: مینیمال و دقیق؛ زرد طلایی برند + فیروزه‌ای (--dmlg-teal) روی شبکهٔ طراحی.
   بخش‌های مشترک (پرسش‌ها، دیدگاه‌ها، فرم، نقشهٔ راه، نمایش بزرگ) در dmhouse-service.css و dmhouse-lead-form.css. */

.dmlg {
    --dmlg-gold: var(--accent-primary);
    --dmlg-teal: #19c3c0;
    box-sizing: border-box;
    direction: rtl;
}

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

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

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

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

.dmlg .dmlg-hl { color: var(--dmlg-gold); }

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

.dmlg .dmlg-title {
    margin: 0 0 18px;
    color: var(--text-primary);
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.55;
}

.dmlg .dmlg-title--center {
    max-width: 860px;
    margin-inline: auto;
    margin-block-end: 48px;
    text-align: center;
}

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

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

.dmlg .dmlg-rich a {
    color: var(--dmlg-gold);
    font-weight: 700;
    text-decoration: none;
    border-block-end: 1px dashed currentColor;
}

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

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

/* ══════════ هیرو ══════════ */
.dmlg .dmlg-hero {
    padding-block: 170px 120px;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 44px 44px;
}

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

.dmlg .dmlg-eyebrow {
    display: inline-block;
    margin: 0 0 18px;
    padding: 6px 16px;
    border: 1px solid color-mix(in srgb, var(--dmlg-gold) 50%, transparent);
    border-radius: var(--pill-radius);
    color: var(--dmlg-gold);
    font-size: 14px;
    font-weight: 800;
}

.dmlg .dmlg-hero__title {
    margin: 0 0 22px;
    font-size: clamp(34px, 4.8vw, 62px);
    font-weight: 900;
    line-height: 1.3;
}

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

.dmlg .dmlg-hero__media {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 0;
}

/* سه عکس روی هم */
.dmlg .dmlg-stack {
    position: relative;
    width: min(460px, 100%);
    aspect-ratio: 1 / 1;
}

.dmlg .dmlg-stack__photo {
    position: absolute;
    width: 66%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 6px solid #fff;
    border-radius: 22px;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .35);
    animation: dmlgFloat 7s ease-in-out infinite;
}

.dmlg .dmlg-stack__photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dmlg .dmlg-stack__photo--0 { inset-block-start: 0; inset-inline-start: 0; rotate: 4deg; z-index: 3; }
.dmlg .dmlg-stack__photo--1 { inset-block-start: 18%; inset-inline-end: 0; rotate: -6deg; z-index: 2; animation-delay: -2.3s; }
.dmlg .dmlg-stack__photo--2 { inset-block-end: 0; inset-inline-start: 14%; rotate: 2deg; z-index: 1; animation-delay: -4.6s; }

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

/* وکتور جایگزین: شبکهٔ طلایی و نشان */
.dmlg .dmlg-art {
    width: min(480px, 100%);
    height: auto;
}

.dmlg .dmlg-art__board { fill: rgba(255, 255, 255, .04); stroke: rgba(255, 255, 255, .14); }

.dmlg .dmlg-art__grid circle,
.dmlg .dmlg-art__grid path {
    stroke: var(--dmlg-teal);
    stroke-width: 1;
    stroke-dasharray: 4 6;
    opacity: .5;
    animation: dmlgGrid 9s ease-in-out infinite;
}

.dmlg .dmlg-art__mark,
.dmlg .dmlg-art__dot {
    stroke: var(--dmlg-gold);
    stroke-width: 4;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    fill: transparent;
    animation: dmlgDraw 9s ease-in-out infinite;
}

.dmlg .dmlg-art__dot { animation-delay: .6s; }

.dmlg .dmlg-art__name rect {
    fill: rgba(255, 255, 255, .8);
    transform-box: fill-box;
    transform-origin: right center;
    animation: dmlgType 9s ease-in-out infinite;
}

.dmlg .dmlg-art__cursor {
    fill: #fff;
    animation: dmlgCursor 9s ease-in-out infinite;
}

@keyframes dmlgGrid {
    0%, 10% { opacity: 0; }
    20%, 60% { opacity: .5; }
    75%, 100% { opacity: .08; }
}

@keyframes dmlgDraw {
    0%, 15% { stroke-dashoffset: 1; fill: transparent; }
    45% { stroke-dashoffset: 0; fill: transparent; }
    60%, 88% { stroke-dashoffset: 0; fill: color-mix(in srgb, var(--dmlg-gold) 35%, transparent); }
    100% { stroke-dashoffset: 0; fill: transparent; opacity: 0; }
}

@keyframes dmlgType {
    0%, 55% { scale: 0 1; }
    70%, 92% { scale: 1 1; }
    100% { scale: 0 1; }
}

@keyframes dmlgCursor {
    0% { translate: 360px 100px; }
    25% { translate: 240px 90px; }
    45% { translate: 140px 255px; }
    65% { translate: 330px 310px; }
    100% { translate: 360px 100px; }
}

/* ══════════ ویژگی‌ها و دیوار لوگو ══════════ */
.dmlg .dmlg-feats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dmlg .dmlg-feat {
    padding: 26px 20px;
    border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
    border-radius: 22px;
    background-color: var(--bg-secondary);
    transition: border-color .3s ease, translate .3s ease;
}

.dmlg .dmlg-feat:hover { border-color: var(--dmlg-gold); }

.dmlg .dmlg-feat__glyph {
    display: block;
    width: 46px;
    height: 46px;
    margin-block-end: 16px;
    border: 3px solid var(--dmlg-gold);
    animation: dmlgMorph 6s ease-in-out infinite;
}

.dmlg .dmlg-feat__glyph--0 { border-radius: 50%; }
.dmlg .dmlg-feat__glyph--1 { border-radius: 12px; border-color: var(--dmlg-teal); }
.dmlg .dmlg-feat__glyph--2 { border-radius: 50% 50% 8px 50%; }
.dmlg .dmlg-feat__glyph--3 { border-radius: 4px; rotate: 45deg; border-color: var(--dmlg-teal); }
.dmlg .dmlg-feat__glyph--4 { border-radius: 50% 8px; }

@keyframes dmlgMorph {
    0%, 100% { scale: 1; }
    50% { scale: .82; }
}

.dmlg .dmlg-feat__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 900;
}

.dmlg .dmlg-feat__text {
    color: var(--text-secondary);
    font-size: 14.5px;
    line-height: 2;
}

.dmlg .dmlg-wall { margin-block-start: 60px; }

.dmlg .dmlg-wall__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-block-end: 22px;
}

.dmlg .dmlg-wall__label {
    margin: 0;
    font-size: 20px;
    font-weight: 900;
}

.dmlg .dmlg-wall__all {
    padding: 8px 18px;
    border: 1px solid var(--dmlg-gold);
    border-radius: var(--pill-radius);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background-color .3s ease;
}

.dmlg .dmlg-wall__all:hover,
.dmlg .dmlg-wall__all:focus-visible { background-color: color-mix(in srgb, var(--dmlg-gold) 20%, transparent); }

/* کاروسل حلقه‌ای: هر ردیف دو نسخه از لوگوها دارد و نصف طول خودش جابه‌جا می‌شود (بی‌درز).
   ردیف دوم برعکس می‌رود. لبه‌ها با ماسک محو می‌شوند؛ با نگه داشتن ماوس می‌ایستد. */
.dmlg .dmlg-marquee {
    overflow: hidden;
    padding-block: 8px;
    -webkit-mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent);
}

.dmlg .dmlg-marquee + .dmlg-marquee { margin-block-start: 6px; }

.dmlg .dmlg-marquee__track {
    display: flex;
    gap: 16px;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    animation: dmlgMarquee 40s linear infinite;
}

.dmlg .dmlg-marquee--1 .dmlg-marquee__track { animation-direction: reverse; animation-duration: 46s; }

.dmlg .dmlg-marquee:hover .dmlg-marquee__track,
.dmlg .dmlg-marquee:focus-within .dmlg-marquee__track { animation-play-state: paused; }

/* RTL: ردیف از راست شروع می‌شود؛ جابه‌جایی +۵۰٪ (به‌اضافهٔ نصف فاصله) نیمهٔ دوم را جای اول می‌نشاند. */
@keyframes dmlgMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(calc(50% + 8px)); }
}

.dmlg .dmlg-wall__item {
    flex: 0 0 auto;
    width: 150px;
}

.dmlg .dmlg-wall__item a {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 14px 30px -22px rgba(10, 25, 47, .5);
    transition: translate .3s ease, box-shadow .3s ease;
}

.dmlg .dmlg-wall__item a:hover,
.dmlg .dmlg-wall__item a:focus-visible {
    translate: 0 -6px;
    box-shadow: 0 22px 40px -22px rgba(10, 25, 47, .6);
}

.dmlg .dmlg-wall__item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: filter .35s ease, scale .35s ease;
}

.dmlg .dmlg-wall__item a:hover img,
.dmlg .dmlg-wall__item a:focus-visible img {
    filter: none;
    scale: 1.05;
}

.dmlg .dmlg-callbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-block-start: 50px;
    padding: 24px 30px;
    border-radius: 24px;
    background-color: var(--color-navy);
    color: var(--text-primary);
}

.dmlg .dmlg-callbar__text {
    margin: 0;
    color: var(--text-primary);
    font-size: 19px;
    font-weight: 900;
}

/* ══════════ دو ستونه (قیمت، اهمیت) ══════════ */
.dmlg .dmlg-split {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

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

.dmlg .dmlg-split__text .dm-btn-wrapper { margin-block-start: 28px; }

.dmlg .dmlg-split__media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 460px;
    object-fit: cover;
    border-radius: 26px;
}

.dmlg .dmlg-range { margin-block-start: 26px; }

.dmlg .dmlg-range__bar {
    position: relative;
    display: block;
    height: 10px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .1);
}

.dmlg .dmlg-range__bar i {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 100%;
    border-radius: inherit;
    background-image: linear-gradient(to left, var(--dmlg-teal), var(--dmlg-gold));
    transform-origin: right center;
    animation: dmlgRange 5s ease-in-out infinite;
}

@keyframes dmlgRange {
    0% { scale: .2 1; }
    60%, 80% { scale: 1 1; }
    100% { scale: .2 1; }
}

.dmlg .dmlg-range__ends {
    display: flex;
    justify-content: space-between;
    margin-block-start: 8px;
    color: var(--text-secondary);
    font-size: 13px;
}

.dmlg .dmlg-range__val {
    margin: 10px 0 0;
    color: var(--dmlg-gold);
    font-size: 20px;
    font-weight: 900;
}

/* ══════════ مراحل ══════════ */
.dmlg .dmlp-road { --dmlp-accent: var(--dmlg-teal); }

/* ══════════ انواع ══════════ */
.dmlg .dmlg-types__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.dmlg .dmlg-type {
    padding: 26px 22px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 24px;
    background-color: rgba(255, 255, 255, .04);
}

.dmlg .dmlg-type__title {
    margin: 18px 0 10px;
    font-size: 18px;
    font-weight: 900;
}

.dmlg .dmlg-type__text {
    color: var(--text-secondary);
    font-size: 14.5px;
    line-height: 2.05;
}

/* صحنهٔ هر نوع؛ سه i با نقش متفاوت */
.dmlg .dmlg-type__scene {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 110px;
    border-radius: 18px;
    background-color: rgba(255, 255, 255, .05);
}

.dmlg .dmlg-type__scene i { display: block; }

/* ۰ نوشتاری: سه حرف/میله با ارتفاع متفاوت که به‌نوبت تایپ می‌شوند */
.dmlg .dmlg-type__scene--0 i {
    width: 16px;
    height: 46px;
    border-radius: 4px;
    background-color: var(--dmlg-gold);
    transform-origin: bottom;
    animation: dmlgBars 3s ease-in-out infinite;
}

.dmlg .dmlg-type__scene--0 i:nth-child(2) { height: 32px; animation-delay: .2s; }
.dmlg .dmlg-type__scene--0 i:nth-child(3) { height: 56px; animation-delay: .4s; }

@keyframes dmlgBars {
    0%, 100% { scale: 1 .25; }
    40%, 70% { scale: 1 1; }
}

/* ۱ تصویری: یک نماد چرخان */
.dmlg .dmlg-type__scene--1 i:first-child {
    width: 56px;
    height: 56px;
    border: 4px solid var(--dmlg-teal);
    border-radius: 50% 50% 50% 8px;
    animation: dmlgSpin 6s linear infinite;
}

.dmlg .dmlg-type__scene--1 i + i { display: none; }

@keyframes dmlgSpin { to { rotate: 360deg; } }

/* ۲ ترکیبی: نماد + دو خط نوشته */
.dmlg .dmlg-type__scene--2 { flex-direction: row; }

.dmlg .dmlg-type__scene--2 i:first-child {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background-color: var(--dmlg-gold);
    animation: dmlgMorph 4s ease-in-out infinite;
}

.dmlg .dmlg-type__scene--2 i:nth-child(2),
.dmlg .dmlg-type__scene--2 i:nth-child(3) {
    width: 64px;
    height: 10px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .7);
    transform-origin: right center;
    animation: dmlgType 4s ease-in-out infinite;
}

.dmlg .dmlg-type__scene--2 i:nth-child(3) { width: 40px; animation-delay: .3s; }

/* ۳ مینیمال: یک دایرهٔ خطی که کامل و پاک می‌شود */
.dmlg .dmlg-type__scene--3 i:first-child {
    width: 54px;
    height: 54px;
    border: 3px solid transparent;
    border-block-start-color: var(--dmlg-teal);
    border-inline-start-color: var(--dmlg-teal);
    border-radius: 50%;
    animation: dmlgSpin 3s cubic-bezier(.6, .1, .4, .9) infinite;
}

.dmlg .dmlg-type__scene--3 i + i { display: none; }

.dmlg .dmlg-types__media { margin-block-start: 40px; }

.dmlg .dmlg-types__media img {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 26px;
}

/* ══════════ چرا ما ══════════ */
/* متن سمت راست، صحنهٔ «مهر اعتماد» سمت چپ. */
.dmlg .dmlg-why__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

.dmlg .dmlg-why__box { min-width: 0; }

.dmlg .dmlg-seal {
    width: 100%;
    max-width: 400px;
    height: auto;
    justify-self: center;
}

.dmlg .dmlg-seal__glow {
    fill: color-mix(in srgb, var(--dmlg-gold) 12%, transparent);
    animation: dmlgSealGlow 4s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

@keyframes dmlgSealGlow {
    0%, 100% { scale: .94; opacity: .7; }
    50% { scale: 1.04; opacity: 1; }
}

.dmlg .dmlg-seal__ring {
    stroke: var(--dmlg-teal);
    stroke-width: 2;
    stroke-dasharray: 6 10;
    transform-box: fill-box;
    transform-origin: center;
    animation: dmlgSpin 24s linear infinite;
}

.dmlg .dmlg-seal__badge > path:first-child {
    fill: var(--color-navy);
    stroke: var(--dmlg-gold);
    stroke-width: 4;
    stroke-linejoin: round;
}

.dmlg .dmlg-seal__mark {
    stroke: var(--dmlg-gold);
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: dmlgSealDraw 8s ease-in-out infinite;
}

@keyframes dmlgSealDraw {
    0%, 6% { stroke-dashoffset: 1; }
    30%, 90% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: 1; }
}

.dmlg .dmlg-seal__dot {
    fill: var(--dmlg-teal);
    transform-box: fill-box;
    transform-origin: center;
    animation: dmlgMorph 2.6s ease-in-out infinite;
}

/* پنج تیک: به‌نوبت می‌پرند و روشن می‌مانند، آخر حلقه با هم خاموش می‌شوند. */
.dmlg .dmlg-seal__tick { opacity: .25; animation: dmlgSealTick 8s ease-in-out infinite; }
.dmlg .dmlg-seal__tick circle { fill: var(--dmlg-gold); }
.dmlg .dmlg-seal__tick path { stroke: var(--color-navy); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.dmlg .dmlg-seal__tick--2 { animation-delay: .5s; }
.dmlg .dmlg-seal__tick--3 { animation-delay: 1s; }
.dmlg .dmlg-seal__tick--4 { animation-delay: 1.5s; }
.dmlg .dmlg-seal__tick--5 { animation-delay: 2s; }

@keyframes dmlgSealTick {
    0%, 30% { opacity: .25; }
    36%, 88% { opacity: 1; }
    100% { opacity: .25; }
}

.dmlg .dmlg-seal__podium { fill: color-mix(in srgb, var(--color-navy) 15%, transparent); }

.dmlg .dmlg-seal__spark {
    fill: var(--dmlg-gold);
    transform-box: fill-box;
    transform-origin: center;
    animation: dmlgSpark 3s ease-in-out infinite;
}

.dmlg .dmlg-seal__spark--b { fill: var(--dmlg-teal); animation-delay: -1.5s; }

@keyframes dmlgSpark {
    0%, 100% { scale: .4; opacity: 0; }
    50% { scale: 1; opacity: 1; }
}

.dmlg .dmlg-checks {
    display: grid;
    gap: 14px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.dmlg .dmlg-check {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border-radius: 18px;
    background-color: var(--bg-secondary);
    font-size: 16px;
    font-weight: 700;
}

.dmlg .dmlg-check__tick {
    position: relative;
    flex: 0 0 34px;
    height: 34px;
    border-radius: 50%;
    background-color: var(--dmlg-gold);
}

.dmlg .dmlg-check__tick::after {
    content: "";
    position: absolute;
    inset-block-start: 9px;
    inset-inline-start: 12px;
    width: 8px;
    height: 14px;
    border: solid var(--color-navy);
    border-width: 0 3px 3px 0;
    rotate: 45deg;
}

/* ══════════ اهمیت ══════════ */
.dmlg .dmlg-imp__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 18px;
    margin: 50px 0 0;
    padding: 0;
    list-style: none;
}

.dmlg .dmlg-imp__item {
    padding: 24px;
    border-inline-start: 3px solid var(--dmlg-teal);
    border-radius: 16px;
    background-color: rgba(255, 255, 255, .04);
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 2.05;
}

.dmlg .dmlg-imp__num {
    display: block;
    color: var(--dmlg-gold);
    font-size: 26px;
    font-weight: 900;
}

.dmlg .dmlg-imp__title {
    margin: 6px 0 8px;
    color: var(--text-primary);
    font-size: 17px;
    font-weight: 900;
}

.dmlg .dmlg-imp__closing {
    margin-block-start: 36px;
    color: var(--text-secondary);
    font-size: 16px;
    line-height: 2.2;
}

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

    .dmlg.is-js .js-lp-reveal { opacity: 1; translate: none; transition: none; }
    .dmlg .dmlg-art__mark,
    .dmlg .dmlg-art__dot,
    .dmlg .dmlg-seal__mark { stroke-dashoffset: 0; }
    .dmlg .dmlg-seal__tick { opacity: 1; }
    /* بدون حرکت: ردیف لوگوها با دست اسکرول می‌شود (نسخهٔ تکراری پنهان). */
    .dmlg .dmlg-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
    .dmlg .dmlg-wall__item[aria-hidden="true"] { display: none; }
}

/* عنوان پرسش‌ها کوچک‌تر (درخواست مالک). */
.dmlg .dmsv-faq__title {
    font-size: clamp(30px, 5vw, 64px);
    line-height: 1.1;
}

/* تصویر کنار پرسش‌ها هم‌قد پرسش‌ها در حالت اولیه؛ ارتفاع را dmhouse-landing.js در --dmlp-faq-h می‌گذارد. */
@media (min-width: 992px) {
    .dmlg .dmlp-faq .dmsv-faq__image {
        height: var(--dmlp-faq-h, auto);
        aspect-ratio: auto;
    }
}

@media (max-width: 1100px) {
    .dmlg .dmlg-feats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dmlg .dmlg-types__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .dmlg .dmlg-hero__grid,
    .dmlg .dmlg-split,
    .dmlg .dmlg-why__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .dmlg .dmlg-sec { padding-block: 80px; }
    .dmlg .dmlg-hero { padding-block: 140px 80px; }
    .dmlg .dmlg-seal { max-width: 300px; }
}

/* موبایل: بین سکشن‌ها ۲۰px، داخل ۱۵px؛ سکشن‌های موج‌دار ۴۵px تا موج روی متن نیفتد؛ هیرو جای هدر. */
@media (max-width: 767px) {
    .dmlg .dmlg-sec,
    .dmlg .dmlg-sec.section-meld {
        margin-block: 20px;
        padding-block: 15px;
    }

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

@media (max-width: 600px) {
    .dmlg .dmlg-feats,
    .dmlg .dmlg-types__grid { grid-template-columns: minmax(0, 1fr); }
    .dmlg .dmlg-wall__item { width: 110px; }
    .dmlg .dmlg-marquee__track { gap: 10px; }
    .dmlg .dmlg-callbar { padding: 20px; }
}

/* ══════════ یکپارچگی برند (۱.۱۲۱.۰، تصمیم مالک) ══════════
   این قالب از اول مسی بود؛ فیروزه‌ای فقط در وکتورها (شبکهٔ طلایی، صحنهٔ انواع لوگو، مهر اعتماد) می‌ماند. */
.dmlg .dmlp-road { --dmlp-accent: var(--accent-primary); }
.dmlg .dmlg-imp__item { border-inline-start-color: var(--accent-primary); }
.dmlg .dmlg-feat__glyph--1,
.dmlg .dmlg-feat__glyph--3 { border-color: var(--color-navy); }