.elementor-1796 .elementor-element.elementor-element-e84d210{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-a0c5351 *//* =========================================
   ARTICLE COMPARISON CARDS
   .lefton-article-compare-*
   Minimal / Professional
========================================= */

.lefton-article-compare-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:26px 0;
}

.lefton-article-compare-card{
    position:relative;
    padding:22px 22px 20px;
    background:#fff;
    border:1px solid #e4e4e2;
    border-radius:14px;
    box-shadow:0 6px 22px rgba(0,0,0,.035);
    overflow:hidden;
}

.lefton-article-compare-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:3px;
    background:#a8aaab;
}

.lefton-article-compare-card--good{
    background:#fafaf9;
    border-color:#dedfdd;
}

.lefton-article-compare-card--good::before{
    background:#777b7c;
}

.lefton-article-compare-card--warn{
    background:#f8f7f5;
    border-color:#e1ded9;
}

.lefton-article-compare-card--warn::before{
    background:#9a9690;
}

.lefton-article-compare-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid #e8e8e6;
}

.lefton-article-compare-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:8px;
    background:#eeeeec;
    color:#414344;
    font-size:15px;
    font-weight:900;
    line-height:1;
}

.lefton-article-compare-card--warn .lefton-article-compare-icon{
    background:#e8e5e1;
    color:#595652;
}

.lefton-article-compare-title{
    color:#292a2a;
    font-size:17px;
    font-weight:900;
    line-height:1.8;
}

.lefton-article-compare-list{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
}

.lefton-article-compare-list li{
    position:relative;
    margin:0!important;
    padding:8px 18px 8px 0!important;
    color:#595b5c;
    font-size:15px;
    line-height:1.9;
    border:0!important;
    background:transparent!important;
}

.lefton-article-compare-list li::before{
    content:""!important;
    position:absolute;
    right:1px;
    top:17px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#8b8e8f!important;
}

.lefton-article-compare-card--warn .lefton-article-compare-list li::before{
    background:#aaa49e!important;
}


/* =========================================
   ARTICLE OFFICIAL QUOTE
   .lefton-article-quote
========================================= */

blockquote.lefton-article-quote{
    position:relative;
    margin:30px 0!important;
    padding:28px 30px 24px!important;
    background:#f7f7f5!important;
    border:1px solid #e1e1de!important;
    border-right:4px solid #777a7b!important;
    border-radius:14px!important;
    box-shadow:0 7px 24px rgba(0,0,0,.035)!important;
    overflow:hidden;
}

blockquote.lefton-article-quote::before{
    content:"“";
    position:absolute;
    top:-12px;
    left:18px;
    color:#d5d5d1;
    font-family:Georgia,serif;
    font-size:92px;
    font-weight:700;
    line-height:1;
    pointer-events:none;
}

blockquote.lefton-article-quote p{
    position:relative;
    z-index:1;
    margin:0 0 18px!important;
    padding:0!important;
    color:#343535!important;
    background:transparent!important;
    border:0!important;
    font-size:16.5px!important;
    font-weight:500!important;
    line-height:2!important;
    direction:ltr!important;
    text-align:left!important;
    font-style:italic!important;
}

blockquote.lefton-article-quote .lefton-article-quote-source{
    position:relative;
    z-index:1;
    display:block;
    margin:0!important;
    padding:15px 0 0!important;
    border-top:1px solid #dfdfdc!important;
    color:#686a6a!important;
    background:transparent!important;
    font-size:13.5px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.9!important;
    direction:rtl!important;
    text-align:right!important;
}

blockquote.lefton-article-quote .lefton-article-quote-source cite{
    color:#343535!important;
    font-style:normal!important;
    font-weight:800!important;
}

blockquote.lefton-article-quote .lefton-article-external-link{
    color:#474949!important;
    text-decoration:none!important;
    font-weight:700!important;
    border-bottom:1px solid #aaa!important;
    transition:color .2s ease,border-color .2s ease!important;
}

blockquote.lefton-article-quote .lefton-article-external-link:hover{
    color:#111!important;
    border-bottom-color:#555!important;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .lefton-article-compare-grid{
        grid-template-columns:1fr;
        gap:12px;
        margin:22px 0;
    }

    .lefton-article-compare-card{
        padding:18px 17px;
        border-radius:12px;
    }

    .lefton-article-compare-head{
        gap:8px;
        margin-bottom:12px;
        padding-bottom:12px;
    }

    .lefton-article-compare-title{
        font-size:16px;
    }

    .lefton-article-compare-list li{
        font-size:14.5px;
        padding:7px 17px 7px 0!important;
    }

    blockquote.lefton-article-quote{
        margin:24px 0!important;
        padding:22px 18px 19px!important;
        border-radius:12px!important;
    }

    blockquote.lefton-article-quote::before{
        top:-7px;
        left:10px;
        font-size:68px;
    }

    blockquote.lefton-article-quote p{
        margin-bottom:15px!important;
        font-size:15px!important;
        line-height:1.95!important;
    }

    blockquote.lefton-article-quote .lefton-article-quote-source{
        padding-top:13px!important;
        font-size:13px!important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   ARTICLE LIST MODIFIERS — MINIMAL NEUTRAL
   جایگزین CSS قبلی این 5 کلاس
========================================= */

/* ---------- BASE ---------- */
.lefton-article-list--decision,
.lefton-article-list--warning,
.lefton-article-list--walltype,
.lefton-article-list--mistakes,
.lefton-article-list--checklist{
    list-style:none!important;
    margin:24px 0!important;
    padding:0!important;
    display:grid;
    gap:11px;
}

.lefton-article-list--decision li,
.lefton-article-list--warning li,
.lefton-article-list--walltype li,
.lefton-article-list--mistakes li,
.lefton-article-list--checklist li{
    position:relative;
    margin:0!important;
    border-radius:12px;
    font-size:15.5px;
    line-height:2;
    transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.lefton-article-list--decision li strong,
.lefton-article-list--warning li strong,
.lefton-article-list--walltype li strong,
.lefton-article-list--mistakes li strong,
.lefton-article-list--checklist li strong{
    color:#292929;
    font-weight:800;
}


/* =========================================
   DECISION — سفید / خاکستری روشن
========================================= */
.lefton-article-list--decision li{
    padding:15px 50px 15px 18px!important;
    background:#f8f8f7;
    border:1px solid #e7e7e4;
    color:#555;
}

.lefton-article-list--decision li::before{
    content:"✓"!important;
    position:absolute;
    right:15px;
    top:16px;
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#323435!important;
    color:#fff!important;
    font-size:12px;
    font-weight:900;
    line-height:1;
}

.lefton-article-list--decision li:hover{
    background:#fff;
    border-color:#d8d8d4;
    transform:translateY(-1px);
}


/* =========================================
   WARNING — خاکستری گرم / هشدار مینیمال
========================================= */
.lefton-article-list--warning li{
    padding:15px 50px 15px 18px!important;
    background:#f7f5f2;
    border:1px solid #e5e0da;
    color:#55514d;
}

.lefton-article-list--warning li::before{
    content:"!"!important;
    position:absolute;
    right:15px;
    top:16px;
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#66615c!important;
    color:#fff!important;
    font-size:13px;
    font-weight:900;
    line-height:1;
}

.lefton-article-list--warning li:hover{
    background:#fbfaf8;
    border-color:#d7d0c8;
}


/* =========================================
   WALL TYPE — کارت‌های خنثی دو ستونه
========================================= */
.lefton-article-list--walltype{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
}

.lefton-article-list--walltype li{
    padding:18px 20px 18px 20px!important;
    background:#fff;
    border:1px solid #e4e5e5;
    color:#57595a;
    box-shadow:0 5px 18px rgba(0,0,0,.025);
}

.lefton-article-list--walltype li::before{
    content:""!important;
    position:absolute;
    top:0;
    right:20px;
    width:34px;
    height:3px;
    border-radius:0 0 5px 5px;
    background:#a5a7a8!important;
}

.lefton-article-list--walltype li:hover{
    border-color:#cfd1d2;
    box-shadow:0 7px 22px rgba(0,0,0,.045);
    transform:translateY(-1px);
}


/* =========================================
   MISTAKES — شماره‌دار مینیمال
========================================= */
.lefton-article-list--mistakes{
    counter-reset:lefton-mistake;
}

.lefton-article-list--mistakes li{
    counter-increment:lefton-mistake;
    padding:17px 60px 17px 18px!important;
    background:#faf9f7;
    border:1px solid #e6e2dc;
    color:#585653;
}

.lefton-article-list--mistakes li::before{
    content:counter(lefton-mistake)!important;
    position:absolute;
    right:15px;
    top:14px;
    width:31px;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#dedbd5!important;
    color:#343434!important;
    font-size:12px;
    font-weight:900;
    line-height:1;
}

.lefton-article-list--mistakes li:hover{
    background:#fff;
    border-color:#d6d1ca;
}


/* =========================================
   CHECKLIST — خطی و بسیار مینیمال
========================================= */
.lefton-article-list--checklist{
    gap:0;
    border:1px solid #e2e3e3;
    border-radius:13px;
    overflow:hidden;
    background:#fff;
}

.lefton-article-list--checklist li{
    padding:17px 52px 17px 18px!important;
    background:#fff;
    border:0!important;
    border-bottom:1px solid #ededeb!important;
    border-radius:0!important;
    color:#545657;
}

.lefton-article-list--checklist li:last-child{
    border-bottom:0!important;
}

.lefton-article-list--checklist li::before{
    content:"✓"!important;
    position:absolute;
    right:17px;
    top:18px;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #bfc1c1;
    border-radius:6px;
    background:#f6f6f5!important;
    color:#454748!important;
    font-size:11px;
    font-weight:900;
    line-height:1;
}

.lefton-article-list--checklist li:hover{
    background:#fafafa;
}


/* =========================================
   MOBILE
========================================= */
@media(max-width:767px){
    .lefton-article-list--decision,
    .lefton-article-list--warning,
    .lefton-article-list--walltype,
    .lefton-article-list--mistakes,
    .lefton-article-list--checklist{
        grid-template-columns:1fr;
        gap:9px;
        margin:20px 0!important;
    }

    .lefton-article-list--decision li,
    .lefton-article-list--warning li{
        padding:13px 45px 13px 13px!important;
        font-size:15px;
    }

    .lefton-article-list--walltype li{
        padding:16px 16px!important;
        font-size:15px;
    }

    .lefton-article-list--mistakes li{
        padding:14px 54px 14px 13px!important;
        font-size:15px;
    }

    .lefton-article-list--checklist{
        gap:0;
    }

    .lefton-article-list--checklist li{
        padding:14px 46px 14px 13px!important;
        font-size:15px;
    }

    .lefton-article-list--decision li::before,
    .lefton-article-list--warning li::before{
        right:12px;
        top:14px;
    }

    .lefton-article-list--mistakes li::before{
        right:12px;
        top:12px;
    }

    .lefton-article-list--checklist li::before{
        right:13px;
        top:15px;
    }
}/* End custom CSS */