.elementor-710 .elementor-element.elementor-element-3c9fa81{--display:flex;}@media(min-width:768px){.elementor-710 .elementor-element.elementor-element-3c9fa81{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-756e896 *//* =========================================================
   آجر لفتون سیاه
   سه بخش اول محتوا
   CTA CSS در این فایل وجود ندارد
========================================================= */

.lefton-black-product {
    --lefton-wine: #6f252d;
    --lefton-dark: #202020;
    --lefton-text: #444444;
    --lefton-muted: #777777;
    --lefton-border: #e8e8e8;
    --lefton-soft: #f7f7f7;
    --lefton-white: #ffffff;

    direction: rtl;
}


/* =========================================================
   ساختار عمومی سکشن
========================================================= */

.lefton-black-product .lefton-section {
    padding: 38px 0;
}


.lefton-black-product .lefton-section-head {
    margin-bottom: 25px;
}


.lefton-black-product .lefton-section-eyebrow {
    display: inline-block;

    margin-bottom: 7px;

    color: var(--lefton-wine) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-title {
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: var(--lefton-dark) !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}


.lefton-black-product .lefton-lead {
    margin: 0 !important;

    color: var(--lefton-text) !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


.lefton-black-product .lefton-lead strong {
    color: var(--lefton-dark) !important;
    font-weight: 800 !important;
}


/* =========================================================
   بخش اول - چهار کارت
========================================================= */

.lefton-black-product .lefton-buy-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin: 26px 0 32px;
}


.lefton-black-product .lefton-buy-card {
    position: relative;

    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--lefton-border);
    border-radius: 12px;

    box-shadow: 0 4px 16px rgba(0,0,0,0.025);
}


.lefton-black-product .lefton-buy-card::after {
    content: "";

    position: absolute;

    right: 18px;
    bottom: 0;

    width: 30px;
    height: 2px;

    background: var(--lefton-wine);
}


.lefton-black-product .lefton-buy-card-number {
    display: block;

    margin-bottom: 10px;

    direction: ltr;

    color: var(--lefton-wine) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-buy-card h3 {
    margin: 0 !important;

    color: var(--lefton-dark) !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
}


/* توضیحات بخش اول */

.lefton-black-product .lefton-detail-list {
    border-top: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-detail-item {
    padding: 25px 0;

    border-bottom: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-detail-heading {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    margin-bottom: 9px;
}


.lefton-black-product .lefton-detail-heading > span {
    flex: 0 0 auto;

    margin-top: 8px;

    direction: ltr;

    color: var(--lefton-wine) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-detail-heading h3 {
    margin: 0 !important;

    color: var(--lefton-dark) !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-detail-item p {
    margin: 0 0 9px !important;

    color: var(--lefton-text) !important;

    font-size: 15px !important;
    line-height: 2.05 !important;
}


.lefton-black-product .lefton-detail-item p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   بخش دوم - مشخصات
========================================================= */

.lefton-black-product .lefton-specs-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 23px;
}


.lefton-black-product .lefton-spec-item {
    padding: 16px 17px;

    background: var(--lefton-soft);

    border: 1px solid var(--lefton-border);
    border-radius: 10px;
}


.lefton-black-product .lefton-spec-label {
    display: block;

    margin-bottom: 5px;

    color: var(--lefton-muted) !important;

    font-size: 11px !important;
}


.lefton-black-product .lefton-spec-value {
    display: block;

    color: var(--lefton-dark) !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}


/* =========================================================
   باکس کوتاه ویژگی نسوز
========================================================= */

.lefton-black-product .lefton-refractory-note {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 24px;
    padding: 20px;

    background: #fafafa;

    border: 1px solid var(--lefton-border);
    border-right: 3px solid var(--lefton-wine);
    border-radius: 11px;
}


.lefton-black-product .lefton-refractory-note-icon {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    direction: ltr;

    background: #202020;

    border-radius: 50%;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-refractory-note-label {
    display: block;

    margin-bottom: 3px;

    color: var(--lefton-wine) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-refractory-note h3 {
    margin: 0 0 7px !important;

    color: var(--lefton-dark) !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-refractory-note p {
    margin: 0 0 7px !important;

    color: var(--lefton-text) !important;

    font-size: 14px !important;
    line-height: 2 !important;
}


.lefton-black-product .lefton-refractory-note p:last-child {
    margin-bottom: 0 !important;
}


/* سیاه یا مشکی */

.lefton-black-product .lefton-product-name-note {
    margin-top: 14px;
    padding: 15px 17px;

    background: #ffffff;

    border: 1px dashed #d9d9d9;
    border-radius: 9px;
}


.lefton-black-product .lefton-product-name-note > strong {
    display: block;

    margin-bottom: 4px;

    color: var(--lefton-dark) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-product-name-note p {
    margin: 0 !important;

    color: var(--lefton-text) !important;

    font-size: 13px !important;
    line-height: 2 !important;
}


/* =========================================================
   بخش سوم - کارت قیمت
========================================================= */

.lefton-black-product .lefton-price-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 11px;

    margin: 24px 0 30px;
}


.lefton-black-product .lefton-price-card {
    position: relative;

    padding: 18px 20px;

    background: #ffffff;

    border: 1px solid var(--lefton-border);
    border-radius: 11px;
}


.lefton-black-product .lefton-price-card::before {
    content: "";

    position: absolute;

    right: 0;
    top: 15px;
    bottom: 15px;

    width: 3px;

    background: var(--lefton-wine);
}


.lefton-black-product .lefton-price-label {
    display: block;

    margin-bottom: 5px;

    color: var(--lefton-muted) !important;

    font-size: 11px !important;
}


.lefton-black-product .lefton-price-value {
    display: block;

    direction: ltr;
    text-align: right;

    color: var(--lefton-dark) !important;

    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}


.lefton-black-product .lefton-price-unit {
    display: block;

    margin-top: 2px;

    color: var(--lefton-muted) !important;

    font-size: 11px !important;
}


/* جزئیات قیمت */

.lefton-black-product .lefton-price-info {
    border-top: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-price-info-item {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 22px 0;

    border-bottom: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-price-info-number {
    flex: 0 0 auto;

    margin-top: 7px;

    direction: ltr;

    color: var(--lefton-wine) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-price-info-item h3 {
    margin: 0 0 5px !important;

    color: var(--lefton-dark) !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-price-info-item p {
    margin: 0 !important;

    color: var(--lefton-text) !important;

    font-size: 14px !important;
    line-height: 2 !important;
}


/* یادآوری قیمت */

.lefton-black-product .lefton-price-alert {
    margin-top: 20px;
    padding: 16px 18px;

    background: #f8f8f8;

    border-right: 3px solid var(--lefton-wine);
    border-radius: 9px;
}


.lefton-black-product .lefton-price-alert strong {
    display: block;

    margin-bottom: 4px;

    color: var(--lefton-dark) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-price-alert p {
    margin: 0 !important;

    color: var(--lefton-text) !important;

    font-size: 13px !important;
    line-height: 2 !important;
}


/* =========================================================
   تبلت
========================================================= */

@media (max-width: 1024px) {

    .lefton-black-product .lefton-buy-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lefton-black-product .lefton-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {

    .lefton-black-product .lefton-section {
        padding: 28px 0;
    }


    .lefton-black-product .lefton-title {
        font-size: 22px !important;
    }


    .lefton-black-product .lefton-lead {
        font-size: 15px !important;
        line-height: 2 !important;
    }


    .lefton-black-product .lefton-buy-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 9px;
    }


    .lefton-black-product .lefton-buy-card {
        padding: 14px;
    }


    .lefton-black-product .lefton-buy-card h3 {
        font-size: 13px !important;
    }


    .lefton-black-product .lefton-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 8px;
    }


    .lefton-black-product .lefton-spec-item {
        padding: 13px;
    }


    .lefton-black-product .lefton-spec-value {
        font-size: 14px !important;
    }


    .lefton-black-product .lefton-refractory-note {
        gap: 11px;

        padding: 16px;
    }


    .lefton-black-product .lefton-refractory-note-icon {
        width: 32px;
        height: 32px;
    }


    .lefton-black-product .lefton-refractory-note h3 {
        font-size: 16px !important;
    }


    .lefton-black-product .lefton-price-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .lefton-black-product .lefton-price-value {
        font-size: 20px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f232f0b *//* =========================================================
   SECTION 04
   CALCULATOR LAUNCHER
========================================================= */

.lefton-black-product .lefton-calc-launcher {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    margin: 30px 0;
    padding: 20px 22px;

    background: #f8f8f8;

    border: 1px solid #e7e7e7;
    border-right: 3px solid #6f252d;
    border-radius: 11px;
}


.lefton-black-product .lefton-calc-copy {
    flex: 1 1 auto;
}


.lefton-black-product .lefton-calc-eyebrow {
    display: block;

    margin-bottom: 4px;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-calc-title {
    display: block;

    margin-bottom: 5px;

    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-calc-copy p {
    margin: 0 !important;

    color: #666666 !important;

    font-size: 13px !important;
    line-height: 2 !important;
}


.lefton-black-product .lefton-calc-slot {
    flex: 0 0 auto;
}



/* =========================================================
   SECTION 05
   QUALITY CARDS
========================================================= */

.lefton-black-product .lefton-quality-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin-top: 24px;
}


.lefton-black-product .lefton-quality-card {
    padding: 20px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
    border-radius: 11px;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}


.lefton-black-product .lefton-quality-card:hover {
    transform: translateY(-2px);

    border-color: #d7d7d7;
}


.lefton-black-product .lefton-quality-top {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-bottom: 8px;
}


.lefton-black-product .lefton-quality-number {
    flex: 0 0 auto;

    margin-top: 6px;

    direction: ltr;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-quality-card h3 {
    margin: 0 !important;

    color: #202020 !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-quality-card p {
    margin: 0 !important;

    color: #555555 !important;

    font-size: 13px !important;
    line-height: 2 !important;
}


/* نکته پایین کیفیت */

.lefton-black-product .lefton-quality-tip {
    margin-top: 15px;
    padding: 16px 18px;

    background: #f8f8f8;

    border-right: 3px solid #6f252d;
    border-radius: 9px;
}


.lefton-black-product .lefton-quality-tip-label {
    display: block;

    margin-bottom: 4px;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-quality-tip p {
    margin: 0 !important;

    color: #4b4b4b !important;

    font-size: 13px !important;
    line-height: 2 !important;
}



/* =========================================================
   SECTION 06
   GRADE
========================================================= */

.lefton-black-product .lefton-grade-status {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;

    gap: 12px;

    margin: 22px 0;
    padding: 14px 17px;

    background: #f8f8f8;

    border: 1px solid #e7e7e7;
    border-radius: 10px;
}


.lefton-black-product .lefton-grade-status-label {
    color: #777777 !important;

    font-size: 12px !important;
}


.lefton-black-product .lefton-grade-status > strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 5px 10px;

    direction: ltr;

    background: #202020;

    border-radius: 6px;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-grade-status p {
    margin: 0 !important;

    color: #666666 !important;

    font-size: 12px !important;
    line-height: 1.9 !important;
}



/* =========================================================
   GRADE TABLE
========================================================= */

.lefton-black-product .lefton-grade-table-wrap {
    overflow-x: auto;

    margin-top: 18px;

    border: 1px solid #e7e7e7;
    border-radius: 11px;
}


.lefton-black-product .lefton-grade-table {
    width: 100%;

    border-collapse: collapse;

    background: #ffffff;
}


.lefton-black-product .lefton-grade-table th {
    padding: 14px 15px;

    background: #f6f6f6;

    border-bottom: 1px solid #e7e7e7;

    text-align: right;

    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-grade-table td {
    padding: 14px 15px;

    border-bottom: 1px solid #ededed;

    text-align: right;

    color: #505050 !important;

    font-size: 13px !important;
    line-height: 1.9 !important;
}


.lefton-black-product .lefton-grade-table tbody tr:last-child td {
    border-bottom: 0;
}


.lefton-black-product .lefton-grade-table td:first-child {
    color: #202020 !important;

    font-weight: 700 !important;
}



/* توضیح زیر جدول */

.lefton-black-product .lefton-grade-explanation {
    margin-top: 20px;
}


.lefton-black-product .lefton-grade-explanation h3 {
    margin: 0 0 7px !important;

    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-grade-explanation p {
    margin: 0 0 8px !important;

    color: #444444 !important;

    font-size: 14px !important;
    line-height: 2 !important;
}


.lefton-black-product .lefton-grade-explanation p:last-child {
    margin-bottom: 0 !important;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .lefton-black-product .lefton-grade-status {
        grid-template-columns: auto auto;
    }

    .lefton-black-product .lefton-grade-status p {
        grid-column: 1 / -1;
    }

}



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

@media (max-width: 767px) {

    .lefton-black-product .lefton-calc-launcher {
        flex-direction: column;
        align-items: stretch;

        gap: 14px;

        padding: 17px;
    }


    .lefton-black-product .lefton-quality-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    .lefton-black-product .lefton-quality-card {
        padding: 16px;
    }


    .lefton-black-product .lefton-grade-status {
        grid-template-columns: auto auto;

        gap: 8px;
    }


    .lefton-black-product .lefton-grade-status p {
        grid-column: 1 / -1;
    }


    .lefton-black-product .lefton-grade-table {
        min-width: 650px;
    }


    .lefton-black-product .lefton-grade-table th,
    .lefton-black-product .lefton-grade-table td {
        padding: 12px;

        font-size: 12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5699bc8 *//* =========================================================
   SECTION 07
   BLACK / MOSHKI NAME
========================================================= */

.lefton-black-product .lefton-name-answer {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
    gap: 12px;

    margin-top: 24px;
}


.lefton-black-product .lefton-name-answer-main {
    padding: 20px;

    background: #f8f8f8;

    border: 1px solid #e7e7e7;
    border-right: 3px solid #6f252d;
    border-radius: 11px;
}


.lefton-black-product .lefton-name-answer-label {
    display: block;
    margin-bottom: 5px;

    color: #6f252d !important;

    font-size: 12px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-name-answer-main > strong {
    display: block;
    margin-bottom: 7px;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-name-answer-main p {
    margin: 0 !important;

    color: #484848 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


.lefton-black-product .lefton-name-spec {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 18px 22px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
    border-radius: 11px;
}


.lefton-black-product .lefton-name-spec span {
    margin-bottom: 4px;

    color: #888888 !important;

    font-size: 12px !important;
}


.lefton-black-product .lefton-name-spec strong {
    white-space: nowrap;

    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-name-details {
    margin-top: 15px;
}


.lefton-black-product .lefton-name-details article {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 22px 0;

    border-bottom: 1px solid #e8e8e8;
}


.lefton-black-product .lefton-name-number {
    flex: 0 0 auto;
    margin-top: 7px;

    direction: ltr;

    color: #6f252d !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-name-details h3 {
    margin: 0 0 6px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-name-details p {
    margin: 0 !important;

    color: #484848 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


/* =========================================================
   SECTION 08
   INTERNAL COMPARISON
========================================================= */

.lefton-black-product .lefton-color-compare-section
.lefton-table a {
    color: #6f252d !important;

    font-weight: 700 !important;
    text-decoration: none !important;
}


.lefton-black-product .lefton-color-compare-section
.lefton-table a:hover {
    text-decoration: underline !important;
}


.lefton-black-product .lefton-compare-links {
    margin-top: 22px;

    border-top: 1px solid #e8e8e8;
}


.lefton-black-product .lefton-compare-item {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 23px 0;

    border-bottom: 1px solid #e8e8e8;
}


.lefton-black-product .lefton-compare-item > span {
    flex: 0 0 auto;
    margin-top: 7px;

    direction: ltr;

    color: #6f252d !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-compare-item h3 {
    margin: 0 0 6px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-compare-item p {
    margin: 0 !important;

    color: #454545 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


.lefton-black-product .lefton-compare-item p a {
    color: #6f252d !important;

    font-weight: 700 !important;
    text-decoration: none !important;
}


.lefton-black-product .lefton-compare-item p a:hover {
    text-decoration: underline !important;
}


/* =========================================================
   SECTION 09
   APPLICATIONS
========================================================= */

.lefton-black-product .lefton-usage-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin-top: 24px;
}


.lefton-black-product .lefton-usage-card {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
    border-radius: 11px;
}


.lefton-black-product .lefton-usage-number {
    flex: 0 0 auto;
    margin-top: 6px;

    direction: ltr;

    color: #6f252d !important;

    font-size: 12px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-usage-card h3 {
    margin: 0 0 6px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-usage-card p {
    margin: 0 !important;

    color: #484848 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


/* راهنمای زیر کاربردها */

.lefton-black-product .lefton-usage-guide {
    margin-top: 16px;
    padding: 19px 20px;

    background: #f8f8f8;

    border-right: 3px solid #6f252d;
    border-radius: 10px;
}


.lefton-black-product .lefton-usage-guide-title > span {
    display: block;
    margin-bottom: 3px;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-usage-guide h3 {
    margin: 0 0 7px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-usage-guide > p {
    margin: 0 !important;

    color: #454545 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


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

@media (max-width: 767px) {

    .lefton-black-product .lefton-name-answer {
        grid-template-columns: 1fr;
    }


    .lefton-black-product .lefton-name-spec strong {
        white-space: normal;
    }


    .lefton-black-product .lefton-usage-grid {
        grid-template-columns: 1fr;
    }


    .lefton-black-product .lefton-name-answer-main p,
    .lefton-black-product .lefton-name-details p,
    .lefton-black-product .lefton-compare-item p,
    .lefton-black-product .lefton-usage-card p,
    .lefton-black-product .lefton-usage-guide > p {
        font-size: 15px !important;
        line-height: 2 !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7478c6a *//* =========================================================
   TABLE - COLOR COMPARISON
   آجر لفتون سیاه
   Scope Only:
   .lefton-color-compare-section .lefton-table
========================================================= */

.lefton-black-product .lefton-color-compare-section .lefton-table-wrap {
    position: relative;

    overflow-x: auto;

    margin: 24px 0 0;

    background: #ffffff;

    border: 1px solid #e5e5e5;
    border-radius: 12px;

    box-shadow: 0 4px 18px rgba(0,0,0,0.025);
}


.lefton-black-product .lefton-color-compare-section .lefton-table {
    width: 100%;

    border-collapse: collapse;
    border-spacing: 0;

    background: #ffffff;
}


/* =========================================================
   HEADER
========================================================= */

.lefton-black-product .lefton-color-compare-section .lefton-table thead th {
    padding: 16px 18px;

    background: #f5f5f5 !important;

    border: 0 !important;
    border-bottom: 1px solid #dedede !important;

    text-align: right !important;

    color: #202020 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-color-compare-section .lefton-table thead th:first-child {
    border-right: 3px solid #6f252d !important;
}


/* =========================================================
   CELLS
========================================================= */

.lefton-black-product .lefton-color-compare-section .lefton-table tbody td {
    padding: 17px 18px;

    background: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid #ededed !important;

    vertical-align: middle;

    text-align: right !important;

    color: #494949 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
}


/* آخرین ردیف */

.lefton-black-product .lefton-color-compare-section .lefton-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* ستون اول */

.lefton-black-product .lefton-color-compare-section .lefton-table tbody td:first-child {
    color: #202020 !important;

    font-weight: 700 !important;
}


/* =========================================================
   CURRENT PRODUCT
   اولین ردیف = آجر لفتون سیاه
========================================================= */

.lefton-black-product .lefton-color-compare-section .lefton-table tbody tr:first-child td {
    background: #fafafa !important;
}


.lefton-black-product .lefton-color-compare-section .lefton-table tbody tr:first-child td:first-child {
    position: relative;

    padding-right: 21px;

    color: #202020 !important;
}


.lefton-black-product .lefton-color-compare-section .lefton-table tbody tr:first-child td:first-child::before {
    content: "";

    position: absolute;

    right: 0;
    top: 13px;
    bottom: 13px;

    width: 3px;

    background: #6f252d;

    border-radius: 3px;
}


/* =========================================================
   LINKS
========================================================= */

.lefton-black-product .lefton-color-compare-section .lefton-table a {
    color: #6f252d !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: opacity 0.2s ease;
}


.lefton-black-product .lefton-color-compare-section .lefton-table a:hover {
    opacity: 0.72;

    text-decoration: none !important;
}


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

@media (max-width: 767px) {

    .lefton-black-product .lefton-color-compare-section .lefton-table {
        min-width: 680px;
    }


    .lefton-black-product .lefton-color-compare-section .lefton-table thead th {
        padding: 13px 14px;

        font-size: 13px !important;
    }


    .lefton-black-product .lefton-color-compare-section .lefton-table tbody td {
        padding: 14px;

        font-size: 14px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b86090 *//* =========================================================
   SECTION 10
   PRODUCT CHOICE
========================================================= */

.lefton-black-product .lefton-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin-top: 24px;
}


.lefton-black-product .lefton-choice-card {
    padding: 22px;

    background: #ffffff;

    border: 1px solid #e6e6e6;
    border-radius: 12px;
}


.lefton-black-product .lefton-choice-card--yes {
    border-top: 3px solid #6f252d;
}


.lefton-black-product .lefton-choice-card--check {
    border-top: 3px solid #202020;
}


.lefton-black-product .lefton-choice-status {
    display: inline-block;

    margin-bottom: 7px;

    color: #6f252d !important;

    font-size: 12px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-choice-card--check .lefton-choice-status {
    color: #666666 !important;
}


.lefton-black-product .lefton-choice-card h3 {
    margin: 0 0 12px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-choice-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.lefton-black-product .lefton-choice-card li {
    position: relative;

    margin-bottom: 8px;
    padding-right: 18px;

    color: #484848 !important;

    font-size: 16px !important;
    line-height: 2 !important;
}


.lefton-black-product .lefton-choice-card li:last-child {
    margin-bottom: 0;
}


.lefton-black-product .lefton-choice-card li::before {
    content: "";

    position: absolute;

    right: 0;
    top: 15px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #6f252d;
}


.lefton-black-product .lefton-choice-card--check li::before {
    background: #777777;
}


/* نتیجه */

.lefton-black-product .lefton-choice-summary {
    margin-top: 15px;
    padding: 19px 20px;

    background: #f8f8f8;

    border-right: 3px solid #6f252d;
    border-radius: 10px;
}


.lefton-black-product .lefton-choice-summary > span {
    display: block;

    margin-bottom: 3px;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.lefton-black-product .lefton-choice-summary h3 {
    margin: 0 0 6px !important;

    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}


.lefton-black-product .lefton-choice-summary p {
    margin: 0 !important;

    color: #454545 !important;

    font-size: 16px !important;
    line-height: 2.05 !important;
}


/* موبایل */

@media (max-width: 767px) {

    .lefton-black-product .lefton-choice-grid {
        grid-template-columns: 1fr;
    }


    .lefton-black-product .lefton-choice-card {
        padding: 17px;
    }


    .lefton-black-product .lefton-choice-card li,
    .lefton-black-product .lefton-choice-summary p {
        font-size: 15px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a273dc9 *//* =========================================================
   SECTION 11
   DIRECT ORDER
========================================================= */

.lefton-black-product .lefton-order-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 11px;

    margin-top: 24px;
}


.lefton-black-product .lefton-order-step {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 19px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
    border-radius: 11px;
}


.lefton-black-product .lefton-order-number {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    direction: ltr;

    background: #f4f4f4;

    border-radius: 50%;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 900 !important;
}


.lefton-black-product .lefton-order-step strong {
    display: block;

    margin-bottom: 4px;

    color: #202020 !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-order-step p {
    margin: 0 !important;

    color: #4b4b4b !important;

    font-size: 15px !important;
    line-height: 2 !important;
}


/* خلاصه سفارش */

.lefton-black-product .lefton-order-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 1px;

    overflow: hidden;

    margin-top: 16px;

    background: #e7e7e7;

    border: 1px solid #e7e7e7;
    border-radius: 10px;
}


.lefton-black-product .lefton-order-summary > div {
    padding: 15px;

    background: #f8f8f8;
}


.lefton-black-product .lefton-order-summary span {
    display: block;

    margin-bottom: 4px;

    color: #808080 !important;

    font-size: 11px !important;
}


.lefton-black-product .lefton-order-summary strong {
    display: block;

    color: #202020 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}


.lefton-black-product .lefton-order-note {
    margin-top: 15px;
    padding: 17px 19px;

    border-right: 3px solid #6f252d;

    background: #f8f8f8;

    border-radius: 9px;
}


.lefton-black-product .lefton-order-note strong {
    display: block;

    margin-bottom: 4px;

    color: #202020 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
}


.lefton-black-product .lefton-order-note p {
    margin: 0 !important;

    color: #4b4b4b !important;

    font-size: 15px !important;
    line-height: 2 !important;
}


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

@media (max-width: 767px) {

    .lefton-black-product .lefton-order-steps {
        grid-template-columns: 1fr;
    }


    .lefton-black-product .lefton-order-step {
        padding: 16px;
    }


    .lefton-black-product .lefton-order-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .lefton-black-product .lefton-order-step p,
    .lefton-black-product .lefton-order-note p {
        font-size: 14px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d94192 *//* =========================================================
   PRODUCT FAQ
   LOCKED STYLE
   استفاده ثابت برای صفحات محصولات
========================================================= */

.lefton-product-faq {
    direction: rtl;

    margin-top: 26px;
}


/* =========================================================
   ITEM
========================================================= */

.lefton-product-faq .lefton-faq-item {
    position: relative;

    margin-bottom: 9px;

    background: #ffffff;

    border: 1px solid #e6e6e6;
    border-radius: 11px;

    overflow: hidden;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.lefton-product-faq .lefton-faq-item:last-child {
    margin-bottom: 0;
}


.lefton-product-faq .lefton-faq-item[open] {
    border-color: #d9d9d9;

    box-shadow: 0 5px 18px rgba(0,0,0,0.025);
}


/* =========================================================
   QUESTION
========================================================= */

.lefton-product-faq .lefton-faq-question {
    position: relative;

    display: grid;
    grid-template-columns: 38px 1fr 24px;
    align-items: center;

    gap: 11px;

    min-height: 70px;

    padding: 14px 17px;

    cursor: pointer;

    list-style: none;

    user-select: none;
}


.lefton-product-faq .lefton-faq-question::-webkit-details-marker {
    display: none;
}


/* =========================================================
   NUMBER
========================================================= */

.lefton-product-faq .lefton-faq-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    direction: ltr;
    white-space: nowrap;

    background: #f5f5f5;

    border-radius: 50%;

    color: #6f252d !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.lefton-product-faq .lefton-faq-title {
    color: #202020 !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
}


/* =========================================================
   PLUS / MINUS
========================================================= */

.lefton-product-faq .lefton-faq-icon {
    position: relative;

    width: 20px;
    height: 20px;
}


.lefton-product-faq .lefton-faq-icon::before,
.lefton-product-faq .lefton-faq-icon::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #777777;

    transform: translate(-50%, -50%);

    transition: transform 0.2s ease;
}


.lefton-product-faq .lefton-faq-icon::before {
    width: 12px;
    height: 1px;
}


.lefton-product-faq .lefton-faq-icon::after {
    width: 1px;
    height: 12px;
}


.lefton-product-faq .lefton-faq-item[open]
.lefton-faq-icon::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


/* =========================================================
   ANSWER
========================================================= */

.lefton-product-faq .lefton-faq-answer {
    padding:
        0 66px
        18px 52px;
}


.lefton-product-faq .lefton-faq-answer p {
    margin: 0 0 8px !important;

    color: #4b4b4b !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 2.05 !important;
}


.lefton-product-faq .lefton-faq-answer p:last-child {
    margin-bottom: 0 !important;
}


.lefton-product-faq .lefton-faq-answer strong {
    color: #202020 !important;

    font-weight: 800 !important;
}


/* =========================================================
   OPEN ACCENT
========================================================= */

.lefton-product-faq .lefton-faq-item[open]::before {
    content: "";

    position: absolute;

    right: 0;
    top: 13px;
    bottom: 13px;

    width: 3px;

    background: #6f252d;

    border-radius: 3px;
}


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

@media (max-width: 767px) {

    .lefton-product-faq .lefton-faq-question {
        grid-template-columns: 32px 1fr 20px;

        gap: 9px;

        min-height: 64px;

        padding: 13px 14px;
    }


    .lefton-product-faq .lefton-faq-number {
        width: 30px;
        height: 30px;

        font-size: 10px !important;
    }


    .lefton-product-faq .lefton-faq-title {
        font-size: 15px !important;
        line-height: 1.85 !important;
    }


    .lefton-product-faq .lefton-faq-answer {
        padding:
            0 55px
            16px 38px;
    }


    .lefton-product-faq .lefton-faq-answer p {
        font-size: 14px !important;
        line-height: 2 !important;
    }

}







/* =========================================================
   FAQ BACKGROUND
   سفید مایل به زرشکی - LOCKED
========================================================= */

.lefton-black-product .lefton-faq-section {
    position: relative;

    padding: 34px 24px;

    background: #fbf7f7;

    border: 1px solid #f1e5e7;
    border-radius: 14px;
}


/* خود آیتم‌های سوال */

.lefton-product-faq .lefton-faq-item {
    position: relative;

    margin-bottom: 10px;

    background: rgba(255, 255, 255, 0.82) !important;

    border: 1px solid #eadfe1;
    border-radius: 11px;

    overflow: hidden;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* سوال باز */

.lefton-product-faq .lefton-faq-item[open] {
    background: #ffffff !important;

    border-color: #dfc9cd;

    box-shadow: 0 5px 18px rgba(111, 37, 45, 0.045);
}


/* دایره شماره */

.lefton-product-faq .lefton-faq-number {
    background: #f6e9eb !important;

    color: #6f252d !important;
}


/* خط Accent هنگام باز شدن */

.lefton-product-faq .lefton-faq-item[open]::before {
    content: "";

    position: absolute;

    right: 0;
    top: 13px;
    bottom: 13px;

    width: 3px;

    background: #6f252d;

    border-radius: 3px;
}


/* موبایل */

@media (max-width: 767px) {

    .lefton-black-product .lefton-faq-section {
        padding: 24px 14px;

        border-radius: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c9fa81 *//* =====================================================
   LEFTON BLACK PRODUCT
   Base Styles - آجر لفتون سیاه
===================================================== */

#lefton-black-product {
    --lefton-wine: #6f252d;
    --lefton-black: #171717;
    --lefton-text: #303030;
    --lefton-muted: #6d6d6d;
    --lefton-border: #e8e8e8;
    --lefton-soft: #f7f7f7;
    --lefton-white: #ffffff;
    --lefton-radius: 14px;
}

/* ---------- Sections ---------- */

#lefton-black-product .lefton-section {
    padding: 38px 0;
}

#lefton-black-product .lefton-section + .lefton-section {
    border-top: 1px solid var(--lefton-border);
}

/* ---------- Headings ---------- */

#lefton-black-product .lefton-title {
    margin: 0 0 18px;
    color: var(--lefton-black);
    font-size: clamp(23px, 2vw, 30px);
    font-weight: 800;
    line-height: 1.65;
}

#lefton-black-product .lefton-subtitle {
    margin: 28px 0 10px;
    color: var(--lefton-black);
    font-size: clamp(18px, 1.5vw, 21px);
    font-weight: 700;
    line-height: 1.8;
}

/* ---------- Text ---------- */

#lefton-black-product .lefton-text,
#lefton-black-product p {
    color: var(--lefton-text);
    font-size: 16px;
    line-height: 2;
}

#lefton-black-product .lefton-lead {
    color: var(--lefton-text);
    font-size: 17px;
    line-height: 2;
}

#lefton-black-product strong {
    color: var(--lefton-black);
    font-weight: 800;
}

/* ---------- Accent ---------- */

#lefton-black-product .lefton-accent {
    color: var(--lefton-wine);
    font-weight: 800;
}

/* ---------- Cards Grid ---------- */

#lefton-black-product .lefton-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 24px 0;
}

#lefton-black-product .lefton-card {
    padding: 20px;
    border: 1px solid var(--lefton-border);
    border-radius: var(--lefton-radius);
    background: var(--lefton-white);
}

#lefton-black-product .lefton-card-number {
    display: block;
    margin-bottom: 10px;
    color: var(--lefton-wine);
    font-size: 14px;
    font-weight: 900;
    direction: ltr;
}

#lefton-black-product .lefton-card-title {
    margin: 0;
    color: var(--lefton-black);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
}

/* ---------- Detail Items ---------- */

#lefton-black-product .lefton-detail {
    padding: 24px 0;
}

#lefton-black-product .lefton-detail + .lefton-detail {
    border-top: 1px solid var(--lefton-border);
}

#lefton-black-product .lefton-detail-number {
    color: var(--lefton-wine);
    font-size: 15px;
    font-weight: 900;
    direction: ltr;
}

/* ---------- Specification Grid ---------- */

#lefton-black-product .lefton-specs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 22px;
}

#lefton-black-product .lefton-spec {
    padding: 17px;
    border: 1px solid var(--lefton-border);
    border-radius: 12px;
    background: var(--lefton-soft);
}

#lefton-black-product .lefton-spec-label {
    display: block;
    margin-bottom: 6px;
    color: var(--lefton-muted);
    font-size: 13px;
}

#lefton-black-product .lefton-spec-value {
    color: var(--lefton-black);
    font-size: 17px;
    font-weight: 800;
}

/* ---------- Price Numbers ---------- */

#lefton-black-product .lefton-numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 22px 0;
}

#lefton-black-product .lefton-number-item {
    padding: 20px;
    border: 1px solid var(--lefton-border);
    border-radius: var(--lefton-radius);
    background: var(--lefton-white);
}

#lefton-black-product .lefton-number-value {
    display: block;
    color: var(--lefton-wine);
    font-size: 23px;
    font-weight: 900;
    line-height: 1.5;
}

#lefton-black-product .lefton-number-label {
    display: block;
    margin-top: 5px;
    color: var(--lefton-muted);
    font-size: 14px;
}

/* ---------- Lists ---------- */

#lefton-black-product .lefton-list {
    margin: 16px 0;
    padding: 0;
    list-style: none;
}

#lefton-black-product .lefton-list li {
    position: relative;
    padding: 8px 22px 8px 0;
    color: var(--lefton-text);
    line-height: 1.9;
}

#lefton-black-product .lefton-list li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 19px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lefton-wine);
}

/* ---------- Tables ---------- */

#lefton-black-product .lefton-table-wrap {
    overflow-x: auto;
    margin-top: 22px;
}

#lefton-black-product .lefton-table {
    width: 100%;
    border-collapse: collapse;
}

#lefton-black-product .lefton-table th,
#lefton-black-product .lefton-table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--lefton-border);
    text-align: right;
    line-height: 1.8;
}

#lefton-black-product .lefton-table th {
    color: var(--lefton-black);
    font-weight: 800;
    background: var(--lefton-soft);
}

/* ---------- Links ---------- */

#lefton-black-product a {
    text-decoration: none;
}

#lefton-black-product .lefton-inline-link {
    color: var(--lefton-wine);
    font-weight: 700;
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {

    #lefton-black-product .lefton-section {
        padding: 28px 0;
    }

    #lefton-black-product .lefton-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    #lefton-black-product .lefton-card {
        padding: 15px;
    }

    #lefton-black-product .lefton-specs {
        grid-template-columns: repeat(2, 1fr);
    }

    #lefton-black-product .lefton-numbers {
        grid-template-columns: 1fr;
    }

    #lefton-black-product .lefton-title {
        font-size: 22px;
    }

    #lefton-black-product .lefton-subtitle {
        font-size: 18px;
    }

    #lefton-black-product .lefton-text,
    #lefton-black-product p {
        font-size: 15px;
    }
}

















/* =========================================================
   CTA ثابت مشکی محصولات
   LOCKED STYLE
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark {
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 32px;

    margin-top: 32px;
    padding: 30px 30px;

    direction: rtl;

    background: #202020 !important;

    border: 0;
    border-radius: 15px;

    box-shadow: none;
}


/* =========================================================
   دایره تزئینی پایین سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark::after {
    content: "";

    position: absolute;

    left: 150px;
    bottom: -72px;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: #6f252d;

    opacity: 0.58;

    pointer-events: none;
}


/* =========================================================
   متن سمت راست
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-copy {
    position: relative;
    z-index: 2;

    flex: 1 1 auto;
    min-width: 0;
}


/* لیبل بالایی */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-eyebrow {
    display: block;

    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.8;

    color: #e7a1aa !important;
}


/* تیتر اصلی */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-title {
    display: block;

    margin: 0 0 7px;

    font-size: 17px;
    font-weight: 800;
    line-height: 1.9;

    color: #ffffff !important;
}


/* متن توضیح */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-copy p {
    margin: 0;

    font-size: 13px;
    font-weight: 400;
    line-height: 2;

    color: rgba(255,255,255,0.42) !important;
}


/* =========================================================
   کارت تماس سفید سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact {
    position: relative;
    z-index: 3;

    flex: 0 0 172px;

    min-height: 82px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 13px 18px;

    background: #ffffff !important;

    border: 1px solid #e9e9e9;
    border-radius: 10px;

    text-align: center;
    text-decoration: none !important;

    box-shadow:
        0 2px 8px rgba(0,0,0,0.08);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


/* Hover */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0,0,0,0.14);

    text-decoration: none !important;
}


/* تماس مستقیم */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact span {
    display: block;

    margin-bottom: 6px;

    font-size: 12px;
    font-weight: 600;

    color: #d26b78 !important;
}


/* شماره تماس */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact strong {
    display: block;

    margin: 0;

    direction: ltr;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;

    letter-spacing: 0;

    color: #222222 !important;
}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {

    .lefton-unified-cta.lefton-unified-cta--dark {
        flex-direction: column;
        align-items: stretch;

        gap: 18px;

        margin-top: 26px;
        padding: 22px 18px;

        border-radius: 12px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-title {
        font-size: 16px;
        line-height: 1.9;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-copy p {
        font-size: 13px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-contact {
        flex-basis: auto;

        min-height: 70px;

        padding: 12px 16px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark::after {
        left: -35px;
        bottom: -58px;

        width: 90px;
        height: 90px;
    }

}






/* =========================================================
   CTA سفید ثابت محصولات
   White Background + Black Contact Card
   Scope:
   .lefton-unified-cta.lefton-unified-cta--light
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;

    margin-top: 32px;
    padding: 18px 20px;

    direction: rtl;

    background: #ffffff !important;

    border: 1px solid #e5e5e5;
    border-radius: 14px;

    box-shadow: none;
}


/* =========================================================
   بخش متنی سمت راست
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-copy {
    flex: 1 1 auto;
    min-width: 0;
}


/* متن کوچک بالایی */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-eyebrow {
    display: block;

    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.8;

    color: #999999 !important;
}


/* تیتر اصلی */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-title {
    display: block;

    margin: 0 0 6px;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.9;

    color: #202020 !important;
}


/* توضیح */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-copy p {
    margin: 0;

    font-size: 12px;
    font-weight: 400;
    line-height: 2;

    color: #8a8a8a !important;
}


/* =========================================================
   کارت تماس مشکی سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact {
    flex: 0 0 157px;

    min-height: 112px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 14px 16px;

    background: #242424 !important;

    border: none;
    border-radius: 9px;

    text-align: center;
    text-decoration: none !important;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Hover کارت تماس */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact:hover {
    transform: translateY(-2px);

    background: #1d1d1d !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.10);

    text-decoration: none !important;
}


/* عنوان مشاوره خرید */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact span {
    display: block;

    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;

    color: #e03b49 !important;
}


/* شماره تلفن */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact strong {
    display: block;

    margin: 0;

    direction: ltr;
    unicode-bidi: embed;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 767px) {

    .lefton-unified-cta.lefton-unified-cta--light {
        flex-direction: column;
        align-items: stretch;

        gap: 16px;

        margin-top: 26px;
        padding: 18px 16px;

        border-radius: 11px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-title {
        font-size: 15px;
        line-height: 1.9;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-copy p {
        font-size: 12px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-contact {
        flex-basis: auto;

        min-height: 72px;

        padding: 12px 15px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-contact span {
        margin-bottom: 5px;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   CTA ثابت مشکی محصولات
   LOCKED STYLE
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark {
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 32px;

    margin-top: 32px;
    padding: 30px 30px;

    direction: rtl;

    background: #202020 !important;

    border: 0;
    border-radius: 15px;

    box-shadow: none;
}


/* =========================================================
   دایره تزئینی پایین سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark::after {
    content: "";

    position: absolute;

    left: 150px;
    bottom: -72px;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: #6f252d;

    opacity: 0.58;

    pointer-events: none;
}


/* =========================================================
   متن سمت راست
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-copy {
    position: relative;
    z-index: 2;

    flex: 1 1 auto;
    min-width: 0;
}


/* لیبل بالایی */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-eyebrow {
    display: block;

    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.8;

    color: #e7a1aa !important;
}


/* تیتر اصلی */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-title {
    display: block;

    margin: 0 0 7px;

    font-size: 17px;
    font-weight: 800;
    line-height: 1.9;

    color: #ffffff !important;
}


/* متن توضیح */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-copy p {
    margin: 0;

    font-size: 13px;
    font-weight: 400;
    line-height: 2;

    color: rgba(255,255,255,0.42) !important;
}


/* =========================================================
   کارت تماس سفید سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact {
    position: relative;
    z-index: 3;

    flex: 0 0 172px;

    min-height: 82px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 13px 18px;

    background: #ffffff !important;

    border: 1px solid #e9e9e9;
    border-radius: 10px;

    text-align: center;
    text-decoration: none !important;

    box-shadow:
        0 2px 8px rgba(0,0,0,0.08);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


/* Hover */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0,0,0,0.14);

    text-decoration: none !important;
}


/* تماس مستقیم */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact span {
    display: block;

    margin-bottom: 6px;

    font-size: 12px;
    font-weight: 600;

    color: #d26b78 !important;
}


/* شماره تماس */

.lefton-unified-cta.lefton-unified-cta--dark
.lefton-unified-cta-contact strong {
    display: block;

    margin: 0;

    direction: ltr;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;

    letter-spacing: 0;

    color: #222222 !important;
}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {

    .lefton-unified-cta.lefton-unified-cta--dark {
        flex-direction: column;
        align-items: stretch;

        gap: 18px;

        margin-top: 26px;
        padding: 22px 18px;

        border-radius: 12px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-title {
        font-size: 16px;
        line-height: 1.9;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-copy p {
        font-size: 13px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark
    .lefton-unified-cta-contact {
        flex-basis: auto;

        min-height: 70px;

        padding: 12px 16px;
    }


    .lefton-unified-cta.lefton-unified-cta--dark::after {
        left: -35px;
        bottom: -58px;

        width: 90px;
        height: 90px;
    }

}






/* =========================================================
   CTA سفید ثابت محصولات
   White Background + Black Contact Card
   Scope:
   .lefton-unified-cta.lefton-unified-cta--light
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;

    margin-top: 32px;
    padding: 18px 20px;

    direction: rtl;

    background: #ffffff !important;

    border: 1px solid #e5e5e5;
    border-radius: 14px;

    box-shadow: none;
}


/* =========================================================
   بخش متنی سمت راست
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-copy {
    flex: 1 1 auto;
    min-width: 0;
}


/* متن کوچک بالایی */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-eyebrow {
    display: block;

    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.8;

    color: #999999 !important;
}


/* تیتر اصلی */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-title {
    display: block;

    margin: 0 0 6px;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.9;

    color: #202020 !important;
}


/* توضیح */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-copy p {
    margin: 0;

    font-size: 12px;
    font-weight: 400;
    line-height: 2;

    color: #8a8a8a !important;
}


/* =========================================================
   کارت تماس مشکی سمت چپ
========================================================= */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact {
    flex: 0 0 157px;

    min-height: 112px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 14px 16px;

    background: #242424 !important;

    border: none;
    border-radius: 9px;

    text-align: center;
    text-decoration: none !important;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Hover کارت تماس */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact:hover {
    transform: translateY(-2px);

    background: #1d1d1d !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.10);

    text-decoration: none !important;
}


/* عنوان مشاوره خرید */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact span {
    display: block;

    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;

    color: #e03b49 !important;
}


/* شماره تلفن */

.lefton-unified-cta.lefton-unified-cta--light
.lefton-unified-cta-contact strong {
    display: block;

    margin: 0;

    direction: ltr;
    unicode-bidi: embed;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 767px) {

    .lefton-unified-cta.lefton-unified-cta--light {
        flex-direction: column;
        align-items: stretch;

        gap: 16px;

        margin-top: 26px;
        padding: 18px 16px;

        border-radius: 11px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-title {
        font-size: 15px;
        line-height: 1.9;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-copy p {
        font-size: 12px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-contact {
        flex-basis: auto;

        min-height: 72px;

        padding: 12px 15px;
    }


    .lefton-unified-cta.lefton-unified-cta--light
    .lefton-unified-cta-contact span {
        margin-bottom: 5px;
    }

}

























/* =========================================================
   آجر لفتون سیاه
   GENERAL CONTENT STYLE
   بدون استایل CTA
========================================================= */

.lefton-black-product {
    --lefton-wine: #6f252d;
    --lefton-dark: #202020;
    --lefton-text: #444444;
    --lefton-muted: #7a7a7a;
    --lefton-border: #e8e8e8;
    --lefton-soft: #f7f7f7;
    --lefton-white: #ffffff;

    direction: rtl;
}


/* =========================================================
   سکشن عمومی
========================================================= */

.lefton-black-product .lefton-section {
    position: relative;
    padding: 38px 0;
}


/* =========================================================
   هدر سکشن
========================================================= */

.lefton-black-product .lefton-section-head {
    margin-bottom: 26px;
}


/* لیبل کوچک بالای تیتر */

.lefton-black-product .lefton-section-eyebrow {
    display: inline-block;

    margin: 0 0 8px;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;

    color: var(--lefton-wine) !important;
}


/* تیتر H2 */

.lefton-black-product h2.lefton-title {
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.65 !important;

    color: var(--lefton-dark) !important;
}


/* متن معرفی زیر H2 */

.lefton-black-product p.lefton-lead {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 2.05 !important;

    color: var(--lefton-text) !important;
}


/* =========================================================
   کارت‌های چهارتایی
========================================================= */

.lefton-black-product .lefton-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;

    margin: 26px 0 34px !important;
}


.lefton-black-product .lefton-card {
    position: relative;

    min-height: 120px;

    padding: 19px !important;

    background: var(--lefton-white) !important;

    border: 1px solid var(--lefton-border) !important;
    border-radius: 13px !important;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.035) !important;
}


/* شماره کارت */

.lefton-black-product .lefton-card-number {
    display: block;

    margin-bottom: 11px;

    direction: ltr;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    color: var(--lefton-wine) !important;
}


/* عنوان کارت */

.lefton-black-product h3.lefton-card-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;

    color: var(--lefton-dark) !important;
}


/* =========================================================
   توضیحات شماره‌دار زیر کارت‌ها
========================================================= */

.lefton-black-product .lefton-details {
    border-top: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-detail {
    padding: 26px 0 !important;

    border-bottom: 1px solid var(--lefton-border);
}


.lefton-black-product .lefton-detail-heading {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 10px;
}


/* شماره توضیحات */

.lefton-black-product .lefton-detail-number {
    flex: 0 0 auto;

    margin-top: 8px;

    direction: ltr;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    color: var(--lefton-wine) !important;
}


/* تیتر H3 توضیحات */

.lefton-black-product h3.lefton-subtitle {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;

    color: var(--lefton-dark) !important;
}


/* متن توضیحات */

.lefton-black-product .lefton-detail p {
    margin: 0 0 10px !important;
    padding: 0 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 2.05 !important;

    color: var(--lefton-text) !important;
}


.lefton-black-product .lefton-detail p:last-child {
    margin-bottom: 0 !important;
}


.lefton-black-product .lefton-detail strong {
    font-weight: 800 !important;
    color: var(--lefton-dark) !important;
}


/* =========================================================
   گرید مشخصات محصول
========================================================= */

.lefton-black-product .lefton-specs-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 12px !important;

    margin-top: 24px !important;
}


/* هر مشخصه */

.lefton-black-product .lefton-spec-item {
    position: relative;

    padding: 17px 18px !important;

    background: var(--lefton-soft) !important;

    border: 1px solid var(--lefton-border) !important;
    border-radius: 11px !important;
}


/* عنوان مشخصه */

.lefton-black-product .lefton-spec-label {
    display: block;

    margin-bottom: 5px;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;

    color: var(--lefton-muted) !important;
}


/* مقدار مشخصه */

.lefton-black-product .lefton-spec-value {
    display: block;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;

    color: var(--lefton-dark) !important;
}


/* =========================================================
   باکس توضیح تکمیلی
========================================================= */

.lefton-black-product .lefton-note {
    position: relative;

    margin-top: 22px;
    padding: 18px 20px;

    background: var(--lefton-soft);

    border-right: 3px solid var(--lefton-wine);
    border-radius: 10px;
}


.lefton-black-product .lefton-note p {
    margin: 0 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 2 !important;

    color: var(--lefton-text) !important;
}


.lefton-black-product .lefton-note strong {
    color: var(--lefton-dark) !important;
    font-weight: 800 !important;
}


/* =========================================================
   تبلت
========================================================= */

@media (max-width: 1024px) {

    .lefton-black-product .lefton-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .lefton-black-product .lefton-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 767px) {

    .lefton-black-product .lefton-section {
        padding: 28px 0;
    }


    .lefton-black-product h2.lefton-title {
        font-size: 22px !important;
        line-height: 1.75 !important;
    }


    .lefton-black-product p.lefton-lead {
        font-size: 15px !important;
        line-height: 2 !important;
    }


    .lefton-black-product .lefton-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        margin: 22px 0 28px !important;
    }


    .lefton-black-product .lefton-card {
        min-height: 112px;

        padding: 15px !important;

        border-radius: 10px !important;
    }


    .lefton-black-product h3.lefton-card-title {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }


    .lefton-black-product .lefton-detail {
        padding: 22px 0 !important;
    }


    .lefton-black-product h3.lefton-subtitle {
        font-size: 17px !important;
    }


    .lefton-black-product .lefton-detail p {
        font-size: 15px !important;
        line-height: 2 !important;
    }


    .lefton-black-product .lefton-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;
    }


    .lefton-black-product .lefton-spec-item {
        padding: 14px !important;
    }


    .lefton-black-product .lefton-spec-value {
        font-size: 15px !important;
    }

}/* End custom CSS */