@font-face {
 font-family: 'iranyekan';
 src: url('../fonts/iranyekanr.woff2') format('woff2');
 font-weight: normal;
 font-style: normal;
 font-feature-settings: "ss02";
 font-display: swap;
}
@font-face {
 font-family: 'iranyekan';
 src: url('../fonts/iranyekanb.woff2') format('woff2');
 font-weight: bold;
 font-style: normal;
 font-feature-settings: "ss02";
 font-display: swap;
}
body {
 font-family: 'iranyekan' !important;
 line-height: 1.6;
 margin: 0;
 padding: 0;
 direction: rtl;
 text-align: right;
 background-color:#fff;
}
.ss02 {
 -moz-font-feature-settings: "ss02";
 -webkit-font-feature-settings: "ss02";
 font-feature-settings: "ss02";
}
.woocommerce,
.woocommerce * {
 font-family: 'iranyekan' !important;
}
/********************** اسلایدر ***************/

/* sliders */

.slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
max-width:1200px;
margin:0 auto;
}

.slides {
    display: flex;
    width: 300%; /* برای ۳ اسلاید */
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.slide {
    width: 33.33333%; /* برای ۳ اسلاید */
    height: 100%;
    flex-shrink: 0;
    background: #000;
    position: relative;
}

.slide img {
    width: 100%;
    height: auto;
    object-fit: cover !important;
    object-position: center top;
    display: block;
}

/* متن و دکمه روی اسلاید */
.slide-content {
    position: absolute;
    top: 80%;
    left: 24%;
    transform: translateY(-50%);
    z-index: 5;
    text-align: right;
    max-width:550px;
    color: #ffffff;
}


.slide-btn {
    display: inline-block;
    padding: 15px 39px;
    border-radius: 23px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background:#52311c;
    box-shadow: 0 8px 25px rgba(255, 143, 199, 0.30);
    transition: all 0.3s ease;
}

.slide-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(169, 216, 255, 0.35);
}

/* فلش‌ها */
.nav-arrow {
    position: absolute;
    top: 50%;
    background: rgba(0,0,0,0.35);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 15px;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s;
    transform: translateY(-50%);
}

.prev { left: 15px; }
.next { right: 15px; }

.nav-arrow:hover {
    background: rgba(0,0,0,0.9);
}

/* حفظ اسلایدر */
@media (max-width: 768px) {
    .slider,
    .slick-slider,
    .owl-carousel {
        overflow: visible !important;
    }

    .slick-track,
    .owl-stage {
        overflow: visible !important;
    }

    .slider-container {
        margin: 0px auto 15px;
    }

    .slide-content {
     position: absolute;
    top: 92%;
    left: 36%;
    }

   
    .slide-btn {
        padding: 10px 13px;
        font-size: 11px;
    }

    .nav-arrow {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}
/* =====================================================
 DIDAFZAR Sazan
 GLOBAL ROOT
===================================================== */
:root {
 /* ---------- Main Colors ---------- */
 --site-primary: #ed1c24;
 --site-primary-dark: #c90000;
 --site-text: #555555;
 --site-title: #4d4d4d;
 --site-muted: #999999;
 --site-white: #ffffff;
 --site-black: #111111;
 /* ---------- Typography ---------- */
 --site-font: "IRANYekan",
 "IRANSans",
 Tahoma,
 Arial,
 sans-serif;
 /* ---------- Layout ---------- */
 --site-container: 1200px;
 --site-section-padding: 80px;
 /* ---------- Radius ---------- */
 --site-radius: 0px;
 /* ---------- Transition ---------- */
 --site-transition: all .3s ease;
}
/* =====================================================
   GLOBAL RESET
===================================================== */

.didaf-intro,
.didaf-intro * {
    box-sizing: border-box;
}
.didaf-intro,
.didaf-intro * {
    font-family: "yekan-bakh-fn", "IRANYekan", Tahoma, sans-serif !important;
}

/* =====================================================
   MAIN CONTAINER
===================================================== */

.didaf-container {

    width: 100%;

    max-width: var(--site-container);

    margin-left: auto;
    margin-right: auto;
}


/* =====================================================
   SECTION
===================================================== */

.didaf-intro {

    width: 100%;

    background: var(--site-white);

    padding-top: var(--site-section-padding);
    padding-bottom: var(--site-section-padding);

    font-family: var(--site-font);

    direction: rtl;
}


/* =====================================================
   MAIN GRID
===================================================== */

.didaf-intro-grid {

    display: grid;

    grid-template-columns: 1.15fr 1fr;

    align-items: start;

    gap: 40px;
}


/* =====================================================
   VIDEO
===================================================== */

.didaf-video-column {

    width: 100%;
padding-top:60px;
    direction: rtl;
}

.didaf-video {

    position: relative;

    width: 100%;

    overflow: hidden;

    background: #000;
}


/*
   نسبت تصویر ویدیو
   مشابه نمونه
*/

.didaf-video-ratio {

    display: block;

    width: 100%;

    padding-top: 57%;
}


.didaf-video iframe {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 0;

    display: block;
}


/* =====================================================
   CONTENT
===================================================== */

.didaf-content-column {

    width: 100%;

    text-align: right;

    direction: rtl;
}


/* =====================================================
   SMALL TITLE
===================================================== */

.didaf-small-title {
    font-size: 16px !important;
    color: #999 !important;
}

.didaf-small-title span {

    color: var(--site-primary);

    font-weight: 700;
}


/* =====================================================
   MAIN TITLE
===================================================== */

.didaf-main-title {
    position: relative;
    display: inline-block;
    color: var(--site-title);
    font-weight: 700;
}

.didaf-main-title {
    font-size: 24px !important;
}
.didaf-main-title strong {

    color: var(--site-primary);

    font-weight: 800;
}


/*
   خط قرمز زیر عنوان
*/

.didaf-main-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 126px;
    height: 3px;
    background: var(--site-primary);
    border-radius: 3px;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.didaf-description,
.didaf-description p {
    font-size: 16px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
    color: #777 !important;
text-align:justify;
}


.didaf-description p {

    margin: 0 0 9px;
}


.didaf-description p:last-child {

    margin-bottom: 0;
}


/* =====================================================
   FEATURES
===================================================== */

.didaf-features {

    display: flex;

    align-items: center;

    justify-content: flex-start;
    margin-top: 28px;

    width: 100%;
}


/* =====================================================
   FEATURE
===================================================== */

.didaf-feature {

    display: flex;

    align-items: center;

    gap: 12px;

    flex: 1;

    min-width: 0;
}


/* =====================================================
   FEATURE ICON
===================================================== */

.didaf-feature-icon {

    position: relative;

    width: 45px;

    min-width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #d5d5d5;
}


.didaf-feature-icon svg {

    width: 31px;

    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* =====================================================
   FEATURE TEXT
===================================================== */

.didaf-feature-text {

    display: flex;

    flex-direction: column;

    gap: 5px;

    text-align: right;
}


.didaf-feature-text strong {

    display: block;

    color: #222;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 700;
}


.didaf-feature-text span {

    display: block;

    color: #777;

    font-size: 12px;

    line-height: 1.8;

    font-weight: 400;
}


/* =====================================================
   FEATURE DIVIDER
===================================================== */

.didaf-feature-divider {

    width: 1px;

    height: 48px;

    background: #d5d5d5;

    flex-shrink: 0;
}


/* =====================================================
   RESPONSIVE
===================================================== */


/* ---------- Tablet ---------- */

@media (max-width: 991px) {

    :root {

        --site-section-padding: 60px;

    }


    .didaf-intro-grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .didaf-video-column {

        order: 2;
    }


    .didaf-content-column {

        order: 1;
    }


    .didaf-main-title {

        font-size: 25px;
    }


    .didaf-description {

        font-size: 14px;

        line-height: 2.4;
    }

}


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

@media (max-width: 767px) {

    :root {

        --site-section-padding: 45px;

    }


    .didaf-container {

        padding-left: 15px;
        padding-right: 15px;
    }


    .didaf-intro-grid {

        gap: 30px;
    }


    .didaf-small-title {

        font-size: 13px;
    }


    .didaf-main-title {

        display: block;

        font-size: 21px;

        line-height: 1.8;

        margin-bottom: 15px;
    }


    .didaf-main-title::after {

        width: 85px;

        height: 2px;
    }


    .didaf-description {

        font-size: 13px;

        line-height: 2.3;

        text-align: justify;
    }


    .didaf-description p {

        margin-bottom: 10px;
    }


    /* ---------------------------------
       Features
    --------------------------------- */

    .didaf-features {

        display: grid;

        grid-template-columns: 1fr;

        gap: 15px;

        margin-top: 25px;
    }


    .didaf-feature {

        width: 100%;
    }


    .didaf-feature-divider {

        display: none;
    }


    .didaf-feature-icon {

        width: 42px;

        min-width: 42px;

        height: 42px;
    }


    .didaf-feature-text strong {

        font-size: 13px;
    }


    .didaf-feature-text span {

        font-size: 11px;
    }

}


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

@media (max-width: 480px) {

    .didaf-main-title {

        font-size: 19px;
    }


    .didaf-description {

        font-size: 12px;

        line-height: 2.25;
    }


    .didaf-video {

        width: 100%;
    }

}
/* =====================================================
 اصلاح ساختار: ایجاد قوس روی پس‌زمینه + شناورسازی ویدیوها
===================================================== */
.didaf-training {
 position: relative;
 background: transparent;
 color: #ffffff;
 padding: 80px 20px 0;
 margin-bottom: 70px;
 box-sizing: border-box;
}
/* پس‌زمینه تیره با تصویر که انحنا روی آن اعمال می‌شود */
.didaf-training-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #1a191c;
 background-image: url('https://didafzarsazan.com/wp-content/uploads/2026/06/آموزش.webp'); 
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 1;
 /* ایجاد ماسک قوس فقط برای پس‌زمینه */
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 -webkit-mask-size: 100% 100%;
 mask-size: 100% 100%;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
}
/* روکش تیره روی عکس */
.didaf-training-overlay::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(20, 20, 22, 0.88);
}
/* کانتینر اصلی محتوا روی پس‌زمینه */
.didaf-training-container {
 position: relative;
 z-index: 2;
 max-width: 1200px;
 margin: 0 auto;
}
/* =====================================================
 عنوان و فلش قرمز
===================================================== */
.didaf-training-header {
 text-align: center;
 margin-bottom: 35px;
 position: relative;
}
.didaf-training-arrow {
 width: 40px;
 height: 32px;
 background-color: #fff;
 color: #e62129;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 30px;
 font-weight: 800;
 position: absolute;
 left: 50%;
 top: -75px;
padding-bottom:5px;
 transform: translateX(-50%);
 z-index: 5;
}
.didaf-training-header h2 {
 font-size: 28px;
 font-weight: 800;
 color: #ffffff;
 margin: 10px 0 10px 0;
}
.didaf-training-line {
 width: 40px;
 height: 3px;
 background-color: #e62129;
 margin: 0 auto 12px;
 border-radius: 2px;
}
.didaf-training-header p {
 font-size: 14px;
 color: #cccccc;
 margin: 0;
}
/* =====================================================
 چیدمان ویدیوها و متن‌های مشکی پایین
===================================================== */
.didaf-training-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 25px;
 /* هدایت ویدیوها به سمت لبه پایین و بیرون زدن عنوان‌ها */
 transform: translateY(35px);
}
.didaf-training-item {
 display: flex;
 flex-direction: column;
}
.didaf-training-video {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 background-color: #000;
 border-radius: 6px;
 overflow: hidden;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.didaf-training-video iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: none;
}
/* متن ویدیوها (مشکی و قرارگیری در بخش سفید پایین) */
.didaf-training-title {
 text-align: center;
 margin-top: 15px;
 font-size: 14px;
 color: #222222;
 font-weight: 700;
}

@media (max-width: 768px) {

    /* -----------------------------------------
       خود بخش آموزش
    ----------------------------------------- */

    .didaf-training {
        padding: 70px 20px 50px;
        margin-bottom: 40px;
        position: relative;
    }


    /* -----------------------------------------
       بک گراند هلالی
       ارتفاع مستقل تا با ویدیوها کش نیاید
    ----------------------------------------- */

    .didaf-training-overlay {
        height: 420px;
        top: 0;
        left: 0;
        width: 100%;

        background-size: cover;
        background-position: center center;

        /* همان هلال قبلی */
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
    }


    /* -----------------------------------------
       محتوای آموزش
    ----------------------------------------- */

    .didaf-training-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }


    /* -----------------------------------------
       عنوان
    ----------------------------------------- */

    .didaf-training-header {
        margin-bottom: 35px;
    }

    .didaf-training-header h2 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .didaf-training-header p {
        font-size: 13px;
    }


    /* -----------------------------------------
       فلش بالای هلال
    ----------------------------------------- */

    .didaf-training-arrow {
        width: 38px;
        height: 30px;

        top: -63px;

        font-size: 27px;
    }


    /* -----------------------------------------
       ویدیوها
       سه تا زیر هم
    ----------------------------------------- */

    .didaf-training-grid {
        display: grid;

        grid-template-columns: 1fr;

        gap: 32px;

        width: 100%;

        /* حذف جابجایی سه‌ستونه دسکتاپ */
        transform: none;

        margin: 0;
    }


    /* -----------------------------------------
       هر آیتم
    ----------------------------------------- */

    .didaf-training-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }


    /* -----------------------------------------
       ویدیو
    ----------------------------------------- */

    .didaf-training-video {
        width: 100%;

        padding-top: 56.25%;

        border-radius: 8px;

        overflow: hidden;

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


    .didaf-training-video iframe {
        position: absolute;

        width: 100%;
        height: 100%;

        top: 0;
        left: 0;

        border: none;
    }


    /* -----------------------------------------
       عنوان هر ویدیو
    ----------------------------------------- */

    .didaf-training-title {
        width: 100%;

        margin-top: 12px;

        text-align: center;

        font-size: 14px;
        line-height: 1.8;

        color: #222;

        font-weight: 700;
    }

}
/* =====================================================
 DIDAF NEWSLETTER / SOCIAL SECTION
===================================================== */
.didaf-newsletter,
.didaf-newsletter * {
 box-sizing: border-box;
}
/* =====================================================
 MAIN SECTION
===================================================== */
.didaf-newsletter {
 width: 100%;
 padding: 35px 0;
 background: #fff;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
 direction: rtl;
}
/* =====================================================
 MAIN CONTAINER
===================================================== */
.didaf-newsletter-container {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 gap: 24px;
}
/* =====================================================
 MAIN NEWSLETTER BOX
===================================================== */
.didaf-newsletter-box {
 position: relative;
 flex: 1;
 min-width: 0;
 width: 100%;
 height: 122px;
 min-height: 122px;
 background: #f1f1f1;
 border-radius: 18px;
 display: flex;
 align-items: center;
 padding: 18px 28px;
}
/* =====================================================
 NEWSLETTER TEXT
===================================================== */
.didaf-newsletter-content {
 flex: 1;
 min-width: 0;
 text-align: right;
 padding-right: 12px;
 white-space: nowrap;
}
.didaf-newsletter-content h3 {
 margin: 0 0 5px;
 color: #151515;
 font-size: 17px;
 font-weight: 800;
 line-height: 1.7;
 white-space: nowrap;
}
.didaf-newsletter-content p {
 margin: 0;
 color: #333;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.8;
 white-space: nowrap;
}
/* =====================================================
 RED MESSAGE ICON
===================================================== */
.didaf-newsletter-icon {
 width: 50px;
 height: 50px;
 flex-shrink: 0;
 border-radius: 50%;
 background: #ed1c24;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 box-shadow:
 0 0 0 5px rgba(237, 28, 36, 0.08),
 0 3px 12px rgba(237, 28, 36, 0.20);
}
.didaf-newsletter-icon svg {
 width: 29px;
 height: 29px;
 fill: none;
 stroke: currentColor;
 stroke-width: 1.8;
 stroke-linecap: round;
 stroke-linejoin: round;
}
/* =====================================================
 PHONE FORM
===================================================== */
.didaf-newsletter-form {
 position: relative;
 width: 350px;
 height: 46px;
 min-width: 350px;
 flex-shrink: 0;
 margin-right: 28px;
 background: #fff;
 border-radius: 14px;
 display: flex;
 align-items: center;
 direction: ltr;
 overflow: hidden;
}
/* =====================================================
 PHONE INPUT
===================================================== */
.didaf-newsletter-form input {
 width: 100%;
 height: 100%;
 border: 0;
 outline: 0;
 background: transparent;
 padding: 0 18px 0 58px;
 color: #555;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
 font-size: 13px;
 text-align: right;
 direction: rtl;
}
.didaf-newsletter-form input::placeholder {
 color: #cfcfcf;
 opacity: 1;
}
/* =====================================================
 SEND BUTTON
===================================================== */
.didaf-newsletter-form button {
 position: absolute;
 left: 8px;
 top: 8px;
 width: 40px;
 height: 30px;
 border: 0;
 border-radius: 15px;
 background: #ed1c24;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 padding: 0;
 transition: 0.2s ease;
}
.didaf-newsletter-form button:hover {
 background: #c9141b;
}
.didaf-newsletter-form button svg {
 width: 19px;
 height: 19px;
 fill: none;
 stroke: currentColor;
 stroke-width: 2;
 stroke-linecap: round;
 stroke-linejoin: round;
}
/* =====================================================
 SOCIAL MEDIA
===================================================== */
.didaf-socials {
 display: flex;
 align-items: center;
 gap: 18px;
 flex-shrink: 0;
 direction: ltr;
}
/* =====================================================
 SOCIAL BUTTON
===================================================== */
.didaf-social {
 width: 82px;
 height: 108px;
 min-width: 82px;
 border-radius: 19px;
 background: #f1f1f1;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #aeb0b2;
 text-decoration: none;
 transition:
 transform 0.2s ease,
 background 0.2s ease,
 color 0.2s ease;
}
.didaf-social svg {
 width: 21px;
 height: 21px;
 fill: none;
 stroke: currentColor;
 stroke-width: 1.8;
 stroke-linecap: round;
 stroke-linejoin: round;
}
/* Twitter / Facebook */
.didaf-social:nth-child(2) svg,
.didaf-social:nth-child(3) svg {
 fill: currentColor;
 stroke: none;
}
/* =====================================================
 SOCIAL HOVER
===================================================== */
.didaf-social:hover {
 transform: translateY(-3px);
 background: #e9e9e9;
 color: #ed1c24;
}
/* =====================================================
 MEDIUM DESKTOP
===================================================== */
@media (min-width: 992px) and (max-width: 1500px) {
 .didaf-newsletter-container {
 max-width: calc(100% - 70px);
 gap: 20px;
 }
 .didaf-newsletter-form {
 width: 330px;
 min-width: 330px;
 margin-right: 24px;
 }
 .didaf-socials {
 gap: 16px;
 }
 .didaf-social {
 width: 76px;
 min-width: 76px;
 }
}
/* =====================================================
 TABLET
===================================================== */
@media (max-width: 991px) {
 .didaf-newsletter {
 padding: 30px 20px;
 }
 .didaf-newsletter-container {
 max-width: 850px;
 flex-direction: column;
 gap: 25px;
 }
 .didaf-newsletter-box {
 width: 100%;
 }
 .didaf-socials {
 order: 2;
 }
}
/* =====================================================
 MOBILE
===================================================== */
@media (max-width: 767px) {
 .didaf-newsletter {
 padding: 25px 15px;
 }
 .didaf-newsletter-container {
 width: 100%;
 gap: 20px;
 }
 .didaf-newsletter-box {
 width: 100%;
 height: auto;
 min-height: 0;
 flex-direction: column;
 gap: 18px;
 padding: 25px 20px;
 }
 .didaf-newsletter-icon {
 order: -1;
 }
 .didaf-newsletter-content {
 width: 100%;
 padding: 0;
 text-align: center;
 white-space: normal;
 }
 .didaf-newsletter-content h3 {
 font-size: 15px;
 white-space: normal;
 }
 .didaf-newsletter-content p {
 font-size: 12px;
 white-space: normal;
 }
 .didaf-newsletter-form {
 width: 100%;
 min-width: 0;
 margin-right: 0;
 }
 .didaf-socials {
 width: 100%;
 justify-content: center;
 gap: 10px;
 }
 .didaf-social {
 width: 60px;
 min-width: 60px;
 height: 65px;
 border-radius: 14px;
 }
}


/* =====================================================
 SUPPORT CONTAINER
===================================================== */
.didaf-support-container {
 position: relative;
 width: calc(100% - 60px);
 max-width: 1200px;
 height: 116px;
 margin: 0 auto;
 background: #666;
 border-radius: 26px;
 direction: rtl;
 overflow: visible;
}
/* =====================================================
 RIGHT TEXT
===================================================== */
.didaf-support-content {
 position: absolute;
 right: 60px;
 top: 25px;
 width: 390px;
 text-align: right;
 z-index: 4;
}
.didaf-support-content h2 {
 margin: 0 0 5px;
 color: #fff;
 font-size: 19px;
 line-height: 1.8;
 font-weight: 800;
}
.didaf-support-content p {
 margin: 0;
 color: #fff;
 font-size: 14px;
 line-height: 1.8;
 font-weight: 400;
}
/* =====================================================
 PERSON
===================================================== */
.didaf-support-person {
 position: absolute;
 left: 245px;
 bottom: 0;
 width: 150px;
 height: 205px;
 z-index: 7;
 display: flex;
 align-items: flex-end;
 justify-content: center;
}
.didaf-support-person img {
 display: block;
 width: 150px;
 height: 205px;
 object-fit: contain;
 object-position: bottom center;
}
/* =====================================================
 GREEN BUTTON
===================================================== */
.didaf-support-action {
 position: absolute;
 left: 340px;
 top: 36px;
 z-index: 9;
}
.didaf-support-action a {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 162px;
 height: 43px;
 background: #35c759;
 border: 2px solid rgba(255,255,255,.35);
 border-radius: 24px;
 color: #fff;
 text-decoration: none;
 font-size: 12px;
 font-weight: 700;
 white-space: nowrap;
 box-shadow: 0 2px 6px rgba(0,0,0,.15);
 transition: .2s ease;
}
.didaf-support-action a:hover {
 background: #2db94f;
 color: #fff;
 transform: translateY(-1px);
}
/* =====================================================
 PHONE
===================================================== */
.didaf-support-phone {
 position: absolute;
 left: 55px;
 top: 43px;
 z-index: 5;
 display: flex;
 align-items: center;
 gap: 9px;
 direction: ltr;
}
.didaf-support-phone a {
 color: #fff;
 text-decoration: none;
 font-size: 17px;
 font-weight: 700;
 letter-spacing: .5px;
}
.didaf-support-phone-icon {
 color: #fff;
 font-size: 20px;
 line-height: 1;
 transform: rotate(-18deg);
}
/* =====================================================
 HELP BOX
===================================================== */
.didaf-support-help {
 position: absolute;
 left: 245px;
 bottom: -15px;
 width: 165px;
 height: 44px;
 background: #f5f5f5;
 border-radius:22px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #444;
 font-size: 11px;
 font-weight: 500;
 z-index: 10;
 box-shadow: 0 2px 5px rgba(0,0,0,.04);
}
/* =====================================================
   SUPPORT SECTION - MOBILE
===================================================== */

@media (max-width: 768px) {

    /* =========================
       CONTAINER
    ========================= */

    .didaf-support-container {
        width: calc(100% - 30px);
        max-width: 100%;

        height: auto;
        min-height: 390px;

        margin: 0 auto;

        padding: 25px 20px 30px;

        box-sizing: border-box;

        border-radius: 22px;

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

        position: relative;
        overflow: visible;
    }


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

    .didaf-support-content {
        position: relative;

        top: auto;
        right: auto;

        width: 100%;

        text-align: center;

        margin: 0;

        z-index: 4;
    }

    .didaf-support-content h2 {
        margin: 0 0 5px;

        font-size: 17px;
        line-height: 1.8;
    }

    .didaf-support-content p {
        margin: 0;

        font-size: 13px;
        line-height: 1.8;
    }


    /* =========================
       PERSON
    ========================= */

    .didaf-support-person {
        position: relative;

        left: auto;
        bottom: auto;

        width: 125px;
        height: 170px;

        margin-top: 8px;

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

        z-index: 7;
    }

    .didaf-support-person img {
        width: 125px;
        height: 170px;

        object-fit: contain;
        object-position: bottom center;
    }


    /* =========================
       GREEN BUTTON
    ========================= */

    .didaf-support-action {
        position: relative;

        left: auto;
        top: auto;

        margin-top: 8px;

        z-index: 9;
    }

    .didaf-support-action a {
        width: 170px;
        height: 42px;

        font-size: 12px;

        border-radius: 23px;
    }


    /* =========================
       PHONE
    ========================= */

    .didaf-support-phone {
        position: relative;

        left: auto;
        top: auto;

        margin-top: 13px;

        display: flex;

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

        gap: 8px;

        direction: ltr;

        z-index: 5;
    }

    .didaf-support-phone a {
        font-size: 16px;
        letter-spacing: .3px;
    }

    .didaf-support-phone-icon {
        font-size: 19px;
    }


    /* =========================
       HELP BOX
    ========================= */

    .didaf-support-help {
        position: absolute;

        left: 50%;
        bottom: -15px;

        transform: translateX(-50%);

        width: 165px;
        height: 42px;

        border-radius: 22px;

        font-size: 11px;

        z-index: 10;
    }

}
/******************** نقشه *****************/
.didaf-dealers {
 width: 100%;
 padding: 70px 0;
 background: #fff;
}
.didaf-dealers-container {
 width: 100%;
 max-width: var(--site-container);
 margin: 0 auto;
}
@media (max-width: 768px) {
.didaf-dealers {
 width: 97%;
padding: 50px 0 20px;
 background: #fff;
margin:0 auto;
}
}
/* =====================================================
 بخش تاریخچه - اسلایدر هوشمند با دکمه مجزا برای هر سال
===================================================== */
.didaf-history {
 position: relative;
 background: transparent;
 color: #ffffff;
 padding: 80px 20px 240px;
 margin-bottom: 50px;
 box-sizing: border-box;
 direction: rtl;
}
.didaf-history-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #1a191c;
 background-image: url('https://didafzarsazan.com/wp-content/uploads/2026/06/تاریخچه.webp'); 
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 1;
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 -webkit-mask-size: 100% 100%;
 mask-size: 100% 100%;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
}
.didaf-history-overlay::before {
 content: "";
 position: absolute;
 top: 0; left: 0; width: 100%; height: 100%;
 background: rgb(12 12 15 / 67%);
}
.didaf-history-container {
 position: relative;
 z-index: 2;
 max-width: 1000px;
 margin: 0 auto;
}
/* عنوان و فلش */
.didaf-history-header {
 text-align: center;
 margin-bottom: 25px;
 position: relative;
}
.didaf-history-arrow {
 width: 40px;
 height: 32px;
 background-color: #fff;
 color: #e62129;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: 800;
 position: absolute;
 left: 50%;
 top: -55px;
 padding-bottom: 5px;
 transform: translateX(-50%);
 z-index: 5;
}
.didaf-history-header h2 { font-size: 26px; font-weight: 800; color: #fff; margin: 10px 0; }
.didaf-history-line { width: 40px; height: 3px; background-color: #e62129; margin: 0 auto 10px; border-radius: 2px; }
.didaf-history-header p { font-size: 13px; color: #ccc; margin: 0; }
/* ناوبری سال‌ها */
.didaf-timeline-navigation {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 15px;
 margin-bottom: 30px;
}
.didaf-years-wrapper {
 display: flex;
 gap: 8px;
 overflow-x: auto;
 padding: 5px;
}
.didaf-year-pill {
 padding: 4px 14px;
 background: rgba(255, 255, 255, 0.15);
 border-radius: 20px;
 font-size: 13px;
 color: #fff;
 cursor: pointer;
 transition: all 0.3s ease;
 white-space: nowrap;
}
.didaf-year-pill.active {
 background: #ffffff;
 color: #111111;
 font-weight: bold;
 padding: 6px 22px;
}
.didaf-nav-btn {
 width: 32px;
 height: 32px;
 background-color: #e62129;
 color: #fff;
 border: none;
 border-radius: 50%;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 transition: transform 0.2s;
}
.didaf-nav-btn:hover { transform: scale(1.1); }
/* ساختار اسلاید و دکمه اختصاصی */
.didaf-history-slider {
 position: relative;
 min-height: 280px;
}
.didaf-slide {
 display: none;
 flex-direction: column;
 opacity: 0;
 transition: opacity 0.4s ease-in-out;
}
.didaf-slide.active {
 display: flex;
 opacity: 1;
}
.didaf-slide-body {
 display: flex;
 align-items: center;
 gap: 30px;
}
.didaf-slide-img {
 flex: 0 0 40%;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}
.didaf-slide-img img {
 width: 100%;
 height: 250px !important;
 display: block;
}
.didaf-slide-content { flex: 1; }
.didaf-slide-content h3 { font-size: 22px; color: #fff; margin-bottom: 10px; }
.didaf-slide-content p { font-size: 14px; color: #ddd; line-height: 1.8; }
/* دکمه اختصاصی پایین هر اسلاید */
.didaf-history-footer {
 text-align: center;
 margin-top: 25px;
}
.didaf-btn-more {
 display: inline-block;
 padding: 8px 24px;
 background-color: #e62129;
 color: #fff;
 text-decoration: none;
 border-radius: 20px;
 font-size: 13px;
 font-weight: bold;
 box-shadow: 0 4px 12px rgba(230, 33, 41, 0.4);
 transition: background 0.3s;
}
.didaf-btn-more:hover { background-color: #c41820; }
@media (max-width: 768px) {
 .didaf-slide-body { flex-direction: column; text-align: center; }
 .didaf-slide-img { flex: 0 0 100%; width: 100%; }

}
/* =====================================================
 CONTACT SECTION
===================================================== */
.didaf-contact,
.didaf-contact * {
 box-sizing: border-box;
}
/* =====================================================
 MAIN
===================================================== */
.didaf-contact {
 width: 100%;
 padding: 20px 15px;
 direction: rtl;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
}
/* =====================================================
 CONTAINER
===================================================== */
.didaf-contact-container {
 width: 100%;
 max-width: 1200px;
 min-height: 580px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: 1fr 1.08fr;
 gap: 0;
 overflow: hidden;
 border-radius: 22px;
 background: #ed1c24;
}
/* =====================================================
 MAP SIDE
===================================================== */
.didaf-contact-map {
 position: relative;
 padding: 10px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 background: #ed1c24;
}
/* =====================================================
 MAP FRAME
===================================================== */
.didaf-contact-map-frame {
 position: relative;
 width: 100%;
 height: calc(100% - 75px);
 min-height: 450px;
 overflow: hidden;
 border-radius: 0 0 15px 15px;
 background: #eee;
}
.didaf-contact-map-frame iframe {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 border: 0;
 display: block;
}
/* =====================================================
 ADDRESS
===================================================== */
.didaf-contact-address {
 width: 100%;
 min-height: 65px;
 padding: 10px 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 background: #f7f7f7;
 border-radius: 0 0 15px 15px;
 color: #666;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.8;
 text-align: center;
}
.didaf-contact-address-icon {
 flex-shrink: 0;
 color: #666;
 font-size: 22px;
}
/* =====================================================
 CONTACT INFO
===================================================== */
.didaf-contact-info {
 padding: 42px 45px 35px;
 color: #fff;
 display: flex;
 flex-direction: column;
}
/* =====================================================
 HEADING
===================================================== */
.didaf-contact-heading {
 margin-bottom: 15px;
 text-align: right;
}
.didaf-contact-heading h2 {
 display: inline-block;
 margin: 0 0 8px;
 color: #fff;
 font-size: 25px;
 line-height: 1.6;
 font-weight: 800;
}
.didaf-contact-heading p {
 margin: 0;
 color: #fff;
 font-size: 15px;
 line-height: 2;
 font-weight: 400;
}
/* =====================================================
 SVG CONTACT ICONS
===================================================== */
.didaf-contact-label svg {
 width: 24px;
 height: 24px;
 flex-shrink: 0;
 display: block;
 fill: none;
 stroke: #fff;
 stroke-width: 1.8;
 stroke-linecap: round;
 stroke-linejoin: round;
}
.didaf-contact-address-icon svg {
 width: 24px;
 height: 24px;
 display: block;
 fill: none;
 stroke: #666;
 stroke-width: 1.8;
 stroke-linecap: round;
 stroke-linejoin: round;
}
/* =====================================================
 CONTACT ROW
===================================================== */
.didaf-contact-row {
 min-height: 82px;
 padding: 17px 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 30px;
 border-bottom: 1px solid rgba(255,255,255,0.38);
}
/* آخرین ردیف خط نداشته باشد */
.didaf-contact-row:last-child {
 border-bottom: none;
}
/* =====================================================
 LABEL
===================================================== */
.didaf-contact-label {
 display: flex;
 align-items: center;
 gap: 15px;
 flex-shrink: 0;
 color: #fff;
 font-size: 16px;
 font-weight: 700;
}
.didaf-contact-label i {
 width: 25px;
 text-align: center;
 color: #fff;
 font-size: 21px;
}
/* =====================================================
 VALUE
===================================================== */
.didaf-contact-value a {
 color: #fff;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.9;
 text-align: left;
 direction: ltr;
}
/* =====================================================
 WORKING HOURS
===================================================== */
.didaf-contact-hours {
 direction: rtl;
 text-align: left;
 font-size: 15px;
}
.didaf-contact-hours strong {
 font-weight: 700;
 margin-left: 5px;
}
/* =====================================================
 HOVER
===================================================== */
.didaf-contact-row {
 transition: all 0.25s ease;
}
.didaf-contact-row:hover {
 padding-right: 8px;
 padding-left: 8px;
}
/* =====================================================
 TABLET
===================================================== */
@media (max-width: 991px) {
 .didaf-contact-container {
 grid-template-columns: 1fr;
 min-height: auto;
 border-radius: 18px;
 }
 .didaf-contact-map {
 min-height: 480px;
 }
 .didaf-contact-map-frame {
 min-height: 400px;
 height: 400px;
 }
 .didaf-contact-info {
 padding: 35px 35px 30px;
 }
}
/* =====================================================
 MOBILE
===================================================== */
@media (max-width: 767px) {
 .didaf-contact {
 padding: 15px 10px;
 }
 .didaf-contact-container {
 border-radius: 15px;
 }
 .didaf-contact-map {
 padding: 7px;
 min-height: 360px;
 }
 .didaf-contact-map-frame {
 height: 300px;
 min-height: 300px;
 border-radius: 10px 10px 0 0;
 }
 .didaf-contact-address {
 min-height: 65px;
 padding: 8px 12px;
 font-size: 12px;
 gap: 8px;
 border-radius: 0 0 10px 10px;
 }
 .didaf-contact-address-icon {
 font-size: 18px;
 }
 .didaf-contact-info {
 padding: 30px 20px 25px;
 }
 .didaf-contact-heading {
 text-align: center;
 margin-bottom: 10px;
 }
 .didaf-contact-heading h2 {
 font-size: 21px;
 }
 .didaf-contact-heading p {
 font-size: 12px;
 }
 .didaf-contact-row {
 min-height: 75px;
 padding: 15px 0;
 gap: 10px;
 }
 .didaf-contact-label {
 font-size: 13px;
 gap: 8px;
 }
 .didaf-contact-label i {
 font-size: 17px;
 width: 20px;
 }
 .didaf-contact-value {
 font-size: 12px;
 max-width: 60%;
 }
 .didaf-contact-hours {
 font-size: 11px;
 line-height: 2;
 }
}
/* =====================================================
 ARTICLES SECTION
===================================================== */
.didaf-articles,
.didaf-articles * {
 box-sizing: border-box;
}
.didaf-articles {
 width: 100%;
 padding: 35px 0 45px;
 background: #fff;
 direction: rtl;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
}
.didaf-articles-container {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}
/* =====================================================
 HEADER
===================================================== */
.didaf-articles-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 50px;
}
.didaf-articles-heading {
 display: flex;
 align-items: center;
 gap: 12px;
}
.didaf-articles-icon {
 width: 26px;
 height: 30px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.didaf-articles-icon svg {
 width: 25px;
 height: 25px;
 fill: none;
 stroke: #ed1c24;
 stroke-width: 1.8;
 stroke-linecap: round;
 stroke-linejoin: round;
}
.didaf-articles-title-wrap {
 display: flex;
 align-items: center;
 gap: 8px;
}
.didaf-articles-title-wrap h2 {
 margin: 0;
 color: #555;
 font-size: 20px;
 line-height: 1.7;
 font-weight: 700;
}
.didaf-articles-title-wrap h2 span {
 color: #ed1c24;
 font-weight: 800;
}
/* =====================================================
 VIEW ALL
===================================================== */
.didaf-articles-all {
 display: flex;
 align-items: center;
 gap: 8px;
 color: #aaa;
 text-decoration: none;
 font-size: 14px;
 font-weight: 600;
 transition: .2s;
}
.didaf-articles-all:hover {
 color: #ed1c24;
}
.didaf-articles-all-arrow {
 width: 36px;
 height: 26px;
 border-radius: 20px;
 background: #aaa;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 transition: .2s;
}
.didaf-articles-all:hover .didaf-articles-all-arrow {
 background: #ed1c24;
}
/* =====================================================
 ARTICLE SLIDER
===================================================== */

.didaf-articles-slider {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.didaf-articles-track {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 36px;
    overflow: hidden;
    scroll-behavior: smooth;
    direction: rtl;
}

/* هر کارت فقط 1/4 فضای قابل نمایش را بگیرد */
.didaf-articles-track .didaf-article-card {
    flex: 0 0 calc((100% - 108px) / 4);
    width: calc((100% - 108px) / 4);
    min-width: calc((100% - 108px) / 4);
}
/* =====================================================
 CARD
===================================================== */
.didaf-article-card {
 position: relative;
 min-width: 0;
 height: 286px;
 border: 1px solid #bdbdbd;
 border-radius: 27px;
 background: #fff;
 overflow: hidden;
 transition: .25s;
}
.didaf-article-card:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 25px rgba(0,0,0,.08);
}
.didaf-article-link {
 display: flex;
 flex-direction: column;
 width: 100%;
 height: 100%;
 padding: 28px 28px 25px;
 color: inherit;
 text-decoration: none;
}
/* =====================================================
 TITLE
===================================================== */
.didaf-article-title {
 margin: 0 0 8px;
 color: #666;
 font-size: 16px;
 line-height: 1.9;
 font-weight: 800;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
/* =====================================================
 EXCERPT
===================================================== */
.didaf-article-excerpt {
 margin: 0;
 color: #aaa;
 font-size: 14px;
 line-height: 2.1;
 font-weight: 400;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
/* =====================================================
 META
===================================================== */
.didaf-article-meta {
 margin-top: auto;
 width: 100%;
 min-height: 58px;
 padding: 0 15px;
 border-radius: 18px;
 background: #e7e7e7;
 display: flex;
 align-items: center;
 justify-content: space-between;
 direction: rtl;
 color: #fff;
}
.didaf-article-date,
.didaf-article-comments {
 display: flex;
 align-items: center;
 gap: 7px;
 font-size: 12px;
 font-weight: 600;
 white-space: nowrap;
}
.didaf-article-meta svg {
 width: 20px;
 height: 20px;
 fill: none;
 stroke: #fff;
 stroke-width: 1.7;
 stroke-linecap: round;
 stroke-linejoin: round;
}
/* =====================================================
 SLIDER ARROWS
===================================================== */
.didaf-articles-arrow {
 position: absolute;
 z-index: 10;
 top: 50%;
 transform: translateY(-50%);
 width: 44px;
 height: 44px;
 border: 0;
 border-radius: 50%;
 background: #ed1c24;
 color: #fff;
 font-size: 23px;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 box-shadow: 0 2px 7px rgba(0,0,0,.12);
 transition: .2s;
}
.didaf-articles-arrow:hover {
 background: #c9141b;
 transform: translateY(-50%) scale(1.05);
}
.didaf-articles-prev {
 left: -22px;
}
.didaf-articles-next {
 right: -22px;
}
/* =====================================================
 TABLET
===================================================== */
@media (max-width: 1100px) {

    .didaf-articles-track {
        gap: 22px;
    }

    .didaf-articles-track .didaf-article-card {
        flex: 0 0 calc((100% - 44px) / 3);
        width: calc((100% - 44px) / 3);
        min-width: calc((100% - 44px) / 3);
    }

    .didaf-article-card {
        height: 275px;
    }
}
/* =====================================================
 MOBILE
===================================================== */
@media (max-width: 767px) {

    .didaf-articles {
        padding: 25px 0 35px;
    }

    .didaf-articles-container {
        padding: 0 20px;
    }


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

    .didaf-articles-header {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: stretch;
        justify-content: flex-start;

        margin-bottom: 28px;

        gap: 14px;
    }


    /* =========================
       TITLE
    ========================= */

    .didaf-articles-heading {
        width: 100%;

        display: flex;
        align-items: flex-start;

        gap: 9px;
    }

    .didaf-articles-icon {
        flex: 0 0 25px;

        width: 25px;
        height: 28px;

        margin-top: 2px;
    }

    .didaf-articles-icon svg {
        width: 23px;
        height: 23px;
    }


    .didaf-articles-title-wrap {
        width: 100%;

        display: block;
    }

    .didaf-articles-title-wrap h2 {
        margin: 0;

        font-size: 15px;
        line-height: 1.9;

        text-align: right;

        white-space: normal;
    }

    .didaf-articles-title-wrap h2 span {
        font-size: inherit;
    }


    /* خط قرمز */
    .didaf-articles-red-line {
        width: 35px;
        height: 3px;

        margin-top: 6px;

        background: #ed1c24;
        border-radius: 3px;
    }
    .didaf-articles-all {
        width: 100%;

        display: flex;

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

        gap: 7px;

        padding-right: 34px;

        box-sizing: border-box;

        font-size: 12px;

        color: #999;
    }

    .didaf-articles-all-arrow {
        width: 32px;
        height: 24px;

        font-size: 15px;

        border-radius: 18px;

        flex-shrink: 0;
    }


    /* =========================
       SLIDER
    ========================= */

    .didaf-articles-track {
        gap: 20px;
    }

    .didaf-articles-track .didaf-article-card {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
    }


    /* =========================
       CARD
    ========================= */

    .didaf-article-card {
        height: 260px;
    }


    /* =========================
       SLIDER ARROWS
    ========================= */

    .didaf-articles-arrow {
        width: 38px;
        height: 38px;

        font-size: 19px;
    }

    .didaf-articles-prev {
        left: -8px;
    }

    .didaf-articles-next {
        right: -8px;
    }

}
/* =========================
 SOLUTION PARTNER
========================= */
.didaf-partners,
.didaf-partners * {
 box-sizing: border-box;
}
.didaf-partners {
 width: 100%;
 background: #fff;
 padding: 28px 30px 15px;
 direction: ltr;
max-width:1200px;
margin:0 auto;
}
/* =========================
 TITLE
========================= */
.didaf-partners-header {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 /* فاصله کلی بین اجزای تیتر */
 gap: 16px;
 margin-bottom: 38px;
 color: #ed1c24;
}
/* نوشته */
.didaf-partners-title {
 position: relative;
 color: #ed1c24;
 font-family: Arial, sans-serif;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.4;
 white-space: nowrap;
 padding-bottom: 8px;
}
/* خط قرمز زیر نوشته */
.didaf-partners-title::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 2px;
 background: #ed1c24;
}
/* جداکننده عمودی */
.didaf-partners-line {
 display: block;
 width: 1px;
 height: 20px;
 background: #d8d8d8;
 flex-shrink: 0;
}
/* آیکون هدیه */
.didaf-partners-icon {
 width: 27px;
 height: 27px;
 color: #ed1c24;
 flex-shrink: 0;
}
/* =========================
 LOGOS
========================= */
.didaf-partners-list {
 width: 100%;
 max-width: 900px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(8, 1fr);
 align-items: center;
 gap: 28px;
}
/* کادر هر لوگو */
.didaf-partner {
 position: relative;
 width: 80px;
 height: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
 justify-self: center;
 background: #fff;
 border-radius: 4px;
 transition:
 border-color .3s ease,
 box-shadow .3s ease,
 transform .3s ease,
 background .3s ease;
}
/* لوگو */
.didaf-partner img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 filter: grayscale(1);
 opacity: .28;
 transition:
 filter .3s ease,
 opacity .3s ease,
 transform .3s ease;
}
/* =========================
 HOVER
========================= */
.didaf-partner:hover {
 border-color: #ed1c24;
 background: #fff;
 box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
 transform: translateY(-2px);
}
.didaf-partner:hover img {
 filter: grayscale(0);
 opacity: 1;
 transform: scale(1.02);
}
/* =========================
 ACTIVE
 اگر نمی‌خواهی هیچ لوگویی
 از ابتدا رنگی باشد این قسمت را حذف کن
========================= */
.didaf-partner-active {
 border-color: #d8d8d8;
 box-shadow: none;
}
.didaf-partner-active img {
 filter: grayscale(1);
 opacity: .28;
}
/* =========================
 MOBILE
========================= */
@media (max-width: 900px) {
 .didaf-partners-list {
 grid-template-columns: repeat(4, 1fr);
 gap: 25px;
 }
}
@media (max-width: 600px) {
 .didaf-partners {
 padding: 25px 15px;
 }
 .didaf-partners-header {
 margin-bottom: 30px;
 }
 .didaf-partners-list {
 grid-template-columns: repeat(4, 1fr);
 gap: 15px;
 }
 .didaf-partner {
 width: 62px;
 height: 62px;
 }
}
@media (max-width: 420px) {
 .didaf-partners-list {
 grid-template-columns: repeat(2, 1fr);
 }
}
/* =========================================================
 DIDAF - LATEST PRODUCTS
========================================================= */
.didaf-latest-products,
.didaf-latest-products * {
 box-sizing: border-box;
}
/* =========================================================
 MAIN SECTION
========================================================= */
.didaf-latest-products {
 width: 100%;
 padding: 10px 30px 40px;
 background: #fff;
 direction: rtl;
 max-width: 1200px;
 margin: 0 auto ;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
}
/* =========================================================
 HEADER
========================================================= */
.didaf-products-header {
 width: 100%;
 max-width: 12000px;
 margin: 0 auto 28px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
/* =========================================================
 TITLE
========================================================= */
.didaf-products-heading {
 display: flex;
 align-items: center;
 gap: 12px;
}
/* آیکون */
.didaf-products-heading-icon {
 width: 27px;
 height: 27px;
 color: #ed1c24;
 flex-shrink: 0;
}
/* نوشته عنوان */
.didaf-products-heading-text {
 display: flex;
 align-items: center;
 gap: 8px;
 white-space: nowrap;
 font-size: 17px;
 font-weight: 700;
}
/* تازه ترین */
.didaf-products-new {
 color: #333;
}
/* محصولات */
.didaf-products-title {
 position: relative;
 color: #ed1c24;
 padding-bottom: 8px;
}
/* خط زیر محصولات */
.didaf-products-title::after {
 content: "";
 position: absolute;
 right: 0;
 left: 0;
 bottom: 0;
 height: 2px;
 background: #ed1c24;
}
/* دیدافزارسازان */
.didaf-products-brand {
 color: #555;
}
/* =========================================================
 مشاهده همه
========================================================= */
.didaf-products-all {
 display: flex;
 align-items: center;
 gap: 9px;
 color: #999;
 text-decoration: none;
 font-size: 14px;
 font-weight: 700;
 white-space: nowrap;
 transition: color .25s ease;
}
.didaf-products-all:hover {
 color: #ed1c24;
}
/* فلش مشاهده همه */
.didaf-products-all-arrow {
 width: 36px;
 height: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #aaa;
 color: #fff;
 border-radius: 15px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height: 1;
 transition: background .25s ease;
}
.didaf-products-all:hover
.didaf-products-all-arrow {
 background: #ed1c24;
}
/* =========================================================
 CAROUSEL
========================================================= */
.didaf-products-slider {
 position: relative;
 width: 100%;
 max-width: 1430px;
 margin: 0 auto;
}
/* =========================================================
 TRACK
 مهم:
 این همان کلاس row-carousel-track است
 که JavaScript فعلی سایت استفاده می‌کند.
========================================================= */
.didaf-latest-products
.row-carousel-track {
 display: flex;
 flex-wrap: nowrap;
 gap: 34px;
 width: 100%;
 overflow-x: auto;
 overflow-y: hidden;
 scroll-behavior: smooth;
 scrollbar-width: none;
 direction: rtl;
}
.didaf-latest-products
.row-carousel-track::-webkit-scrollbar {
 display: none;
}
/* =========================================================
 PRODUCT CARD
========================================================= */
.didaf-latest-products
.didaf-product-card {
 position: relative;
 flex: 0 0
 calc((100% - 102px) / 4);
 width:
 calc((100% - 102px) / 4);
 min-width: 0;
 height: 465px;
 padding: 36px 30px 25px;
 background: #fff;
 border-radius: 25px;
 box-shadow:
 0 3px 18px rgba(0, 0, 0, .025);
 overflow: hidden;
 text-align: center;
 transition:
 transform .3s ease,
 box-shadow .3s ease;
}
.didaf-latest-products
.didaf-product-card:hover {
 transform: translateY(-3px);
 box-shadow:
 0 8px 25px rgba(0, 0, 0, .06);
}
/* =========================================================
 PRODUCT IMAGE
========================================================= */
.didaf-product-image {
 width: 136px;
 height: 136px;
 margin: 0 auto 35px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 4px;
 overflow: hidden;
 text-decoration: none;
}
.didaf-product-image img {
 width: 90%;
 height: 90%;
 object-fit: contain;
 display: block;
 transition:
 transform .3s ease;
}
.didaf-product-card:hover
.didaf-product-image img {
 transform: scale(1.04);
}
/* =========================================================
 PRODUCT TITLE
========================================================= */
.didaf-product-title {
 display: block;
 min-height: 55px;
 color: #ed1c24;
 font-size: 16px;
 font-weight: 800;
 line-height: 1.65;
 text-decoration: none;
}
.didaf-product-title:hover {
 color: #c9151c;
}
/* =========================================================
 DESCRIPTION
========================================================= */
.didaf-product-description {
 margin-top: 10px;
 color: #555;
 font-family: Arial, sans-serif;
 font-size: 15px;
 line-height: 1.8;
 text-align: center;
 direction: rtl;
}
/* =========================================================
 + BUTTON
========================================================= */
.didaf-product-more {
 position: absolute;
 left: 28px;
 bottom: 28px;
 width: 47px;
 height: 47px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #d9d9d9;
 border: 4px solid #f3f3f3;
 border-radius: 50%;
 color: #fff;
 text-decoration: none;
 transition:
 background .25s ease,
 transform .25s ease;
}
.didaf-product-more span {
 font-family: Arial, sans-serif;
 font-size: 27px;
 font-weight: 300;
 line-height: 1;
}
.didaf-product-more:hover {
 background: #ed1c24;
 transform: rotate(90deg);
}
/* =========================================================
 ARROWS
========================================================= */
.didaf-products-arrow {
 position: absolute;
 top: 50%;
 z-index: 30;
 width: 44px;
 height: 44px;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 3px solid #fff;
 border-radius: 50%;
 background: #ed1c24;
 color: #fff;
 cursor: pointer;
 box-shadow:
 0 2px 8px rgba(0, 0, 0, .08);
 transform:
 translateY(-50%);
 transition:
 background .25s ease,
 transform .25s ease;
}
.didaf-products-arrow svg {
 width: 22px;
 height: 22px;
 pointer-events: none;
}
/* فلش راست */
.didaf-products-prev {
 right: -21px;
}
/* فلش چپ */
.didaf-products-next {
 left: -21px;
}
.didaf-products-arrow:hover {
 background: #c9151c;
 transform:
 translateY(-50%)
 scale(1.08);
}
/* =========================================================
 NO IMAGE
========================================================= */
.didaf-product-no-image {
 color: #aaa;
 font-size: 12px;
}
/* =========================================================
 TABLET
========================================================= */
@media (max-width: 1100px) {
 .didaf-latest-products
 .didaf-product-card {
 flex: 0 0
 calc((100% - 34px) / 2);
 width:
 calc((100% - 34px) / 2);
 }
}
/* =========================================================
 MOBILE
========================================================= */
@media (max-width: 650px) {
 .didaf-latest-products {
 padding-left: 15px;
 padding-right: 15px;
 }
 .didaf-products-heading-text {
 font-size: 14px;
 gap: 5px;
 }
 .didaf-products-heading-icon {
 width: 23px;
 height: 23px;
 }
 .didaf-products-all {
 font-size: 12px;
 }
 .didaf-latest-products
 .didaf-product-card {
 flex: 0 0 100%;
 width: 100%;
 height: 430px;
 }
 .didaf-products-prev {
 right: -10px;
 }
 .didaf-products-next {
 left: -10px;
 }
}
/* =========================================================
 DIDAF - FEATURED PRODUCTS
========================================================= */
.didaf-featured-products,
.didaf-featured-products * {
 box-sizing: border-box;
}
/* =========================================================
 MAIN
========================================================= */
.didaf-featured-products {
 width: 100%;
 padding: 10px 30px 40px;
 background: #fff;
 direction: rtl;
 max-width: 1200px;
 margin: 0 auto ;
 font-family:
 "yekan-bakh-fn",
 "IRANYekan",
 Tahoma,
 sans-serif;
}
/* =========================================================
 HEADER
========================================================= */
.didaf-featured-header {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto 28px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
/* =========================================================
 TITLE
========================================================= */
.didaf-featured-heading {
 display: flex;
 align-items: center;
 gap: 12px;
}
.didaf-featured-heading-icon {
 width: 27px;
 height: 27px;
 color: #ed1c24;
 flex-shrink: 0;
}
.didaf-featured-heading-text {
 display: flex;
 align-items: center;
 gap: 8px;
 white-space: nowrap;
 font-size: 17px;
 font-weight: 700;
}
/* عنوان اصلی */
.didaf-featured-title {
 position: relative;
 color: #ed1c24;
 padding-bottom: 8px;
}
/* خط زیر عنوان */
.didaf-featured-title::after {
 content: "";
 position: absolute;
 right: 0;
 left: 0;
 bottom: 0;
 height: 2px;
 background: #ed1c24;
}
/* نام برند */
.didaf-featured-brand {
 color: #555;
}
/* =========================================================
 مشاهده همه
========================================================= */
.didaf-featured-all {
 display: flex;
 align-items: center;
 gap: 9px;
 color: #999;
 text-decoration: none;
 font-size: 14px;
 font-weight: 700;
 white-space: nowrap;
 transition: color .25s ease;
}
.didaf-featured-all:hover {
 color: #ed1c24;
}
.didaf-featured-all-arrow {
 width: 36px;
 height: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #aaa;
 color: #fff;
 border-radius: 15px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height: 1;
 transition: background .25s ease;
}
.didaf-featured-all:hover
.didaf-featured-all-arrow {
 background: #ed1c24;
}
/* =========================================================
 SLIDER
========================================================= */
.didaf-featured-slider {
 position: relative;
 width: 100%;
 max-width: 1430px;
 margin: 0 auto;
}
/* =========================================================
 TRACK
 همان سیستم JS فعلی سایت
========================================================= */
.didaf-featured-products
.row-carousel-track {
 display: flex;
 flex-wrap: nowrap;
 gap: 34px;
 width: 100%;
 overflow-x: auto;
 overflow-y: hidden;
 scroll-behavior: smooth;
 scrollbar-width: none;
 direction: rtl;
}
.didaf-featured-products
.row-carousel-track::-webkit-scrollbar {
 display: none;
}
/* =========================================================
 CARD
========================================================= */
.didaf-featured-card {
 position: relative;
 flex: 0 0
 calc((100% - 102px) / 4);
 width:
 calc((100% - 102px) / 4);
 min-width: 0;
 height: 465px;
 padding: 36px 30px 25px;
 background: #fff;
 border-radius: 25px;
 box-shadow:
 0 3px 18px rgba(0, 0, 0, .025);
 overflow: hidden;
 text-align: center;
 transition:
 transform .3s ease,
 box-shadow .3s ease;
}
.didaf-featured-card:hover {
 transform: translateY(-3px);
 box-shadow:
 0 8px 25px rgba(0, 0, 0, .06);
}
/* =========================================================
 IMAGE
========================================================= */
.didaf-featured-image {
 width: 136px;
 height: 136px;
 margin: 0 auto 35px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 4px;
 overflow: hidden;
 text-decoration: none;
}
.didaf-featured-image img {
 width: 90%;
 height: 90%;
 object-fit: contain;
 display: block;
 transition:
 transform .3s ease;
}
.didaf-featured-card:hover
.didaf-featured-image img {
 transform: scale(1.04);
}
/* =========================================================
 PRODUCT TITLE
========================================================= */
.didaf-featured-product-title {
 display: block;
 min-height: 55px;
 color: #ed1c24;
 font-size: 16px;
 font-weight: 800;
 line-height: 1.65;
 text-decoration: none;
}
.didaf-featured-product-title:hover {
 color: #c9151c;
}
/* =========================================================
 DESCRIPTION
========================================================= */
.didaf-featured-description {
 margin-top: 10px;
 color: #555;
 font-family: Arial, sans-serif;
 font-size: 15px;
 line-height: 1.8;
 text-align: center;
 direction: rtl;
}
/* =========================================================
 PLUS BUTTON
========================================================= */
.didaf-featured-more {
 position: absolute;
 left: 28px;
 bottom: 28px;
 width: 47px;
 height: 47px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #d9d9d9;
 border: 4px solid #f3f3f3;
 border-radius: 50%;
 color: #fff;
 text-decoration: none;
 transition:
 background .25s ease,
 transform .25s ease;
}
.didaf-featured-more span {
 font-family: Arial, sans-serif;
 font-size: 27px;
 font-weight: 300;
 line-height: 1;
}
.didaf-featured-more:hover {
 background: #ed1c24;
 transform: rotate(90deg);
}
/* =========================================================
 ARROWS
========================================================= */
.didaf-featured-arrow {
 position: absolute;
 top: 50%;
 z-index: 30;
 width: 44px;
 height: 44px;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 3px solid #fff;
 border-radius: 50%;
 background: #ed1c24;
 color: #fff;
 cursor: pointer;
 box-shadow:
 0 2px 8px rgba(0, 0, 0, .08);
 transform:
 translateY(-50%);
 transition:
 background .25s ease,
 transform .25s ease;
}
.didaf-featured-arrow svg {
 width: 22px;
 height: 22px;
 pointer-events: none;
}
.didaf-featured-prev {
 right: -21px;
}
.didaf-featured-next {
 left: -21px;
}
.didaf-featured-arrow:hover {
 background: #c9151c;
 transform:
 translateY(-50%)
 scale(1.08);
}
/* =========================================================
 NO IMAGE
========================================================= */
.didaf-featured-no-image {
 color: #aaa;
 font-size: 12px;
}
/* =========================================================
 TABLET
========================================================= */
@media (max-width: 1100px) {
 .didaf-featured-card {
 flex: 0 0
 calc((100% - 34px) / 2);
 width:
 calc((100% - 34px) / 2);
 }
}
/* =========================================================
 MOBILE
========================================================= */
@media (max-width: 650px) {
 .didaf-featured-products {
 padding-left: 15px;
 padding-right: 15px;
 }
 .didaf-featured-heading-text {
 font-size: 14px;
 gap: 5px;
 }
 .didaf-featured-heading-icon {
 width: 23px;
 height: 23px;
 }
 .didaf-featured-all {
 font-size: 12px;
 }
 .didaf-featured-card {
 flex: 0 0 100%;
 width: 100%;
 height: 430px;
 }
 .didaf-featured-prev {
 right: -10px;
 }
 .didaf-featured-next {
 left: -10px;
 }
}
html,
body,
div,
span,
p,
a,
li,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button,
label {
 font-family: 'iranyekan' !important;
}
/* ============================= */
/* ======= MOBILE (768↓) ====== */
/* ============================= */
@media (max-width: 768px) {
.product-card img{
 height: 220px;
 width: 100% !important;
 object-fit: cover;
}
 
.container {
 overflow-x: hidden;
}
}
/* =========================================================
   DIDAFZARSAZAN - TABLET RESPONSIVE
   فقط مخصوص تبلت
   769px تا 1024px
   دسکتاپ و موبایل دست نخورده می‌مانند
========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {


    /* =====================================================
       GLOBAL
    ===================================================== */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .didaf-container,
    .didaf-training-container,
    .didaf-history-container,
    .didaf-articles-container,
    .didaf-newsletter-container {
        width: calc(100% - 40px);
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }


    /* =====================================================
       SLIDER
    ===================================================== */

    .slider-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .slide img {
        width: 100%;
        height: auto;
        object-fit: cover !important;
        object-position: center top;
    }

    .slide-content {
        left: 12%;
        top: 78%;
        max-width: 430px;
    }

    .slide-btn {
        padding: 12px 28px;
        font-size: 14px;
    }

    .nav-arrow {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .prev {
        left: 12px;
    }

    .next {
        right: 12px;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    :root {
        --site-section-padding: 55px;
    }

    .didaf-intro {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .didaf-intro-grid {
        display: grid;

        /*
         * روی تبلت دوباره دو ستونه
         */
        grid-template-columns: 1.05fr 1fr;

        align-items: center;

        gap: 30px;
    }

    .didaf-content-column {
        order: 1;
        min-width: 0;
    }

    .didaf-video-column {
        order: 2;
        min-width: 0;
        padding-top: 0;
    }

    .didaf-small-title {
        font-size: 14px !important;
    }

    .didaf-main-title {
        font-size: 22px !important;
        line-height: 1.8;
    }

    .didaf-main-title::after {
        width: 105px;
        height: 3px;
    }

    .didaf-description,
    .didaf-description p {
        font-size: 14px !important;
        line-height: 2.05 !important;
    }

    .didaf-features {
        margin-top: 22px;
        gap: 12px;
    }

    .didaf-feature {
        gap: 8px;
    }

    .didaf-feature-icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .didaf-feature-icon svg {
        width: 28px;
        height: 28px;
    }

    .didaf-feature-text strong {
        font-size: 12px;
    }

    .didaf-feature-text span {
        font-size: 10.5px;
    }

    .didaf-feature-divider {
        height: 42px;
    }


    /* =====================================================
       TRAINING
    ===================================================== */

    .didaf-training {
        padding: 75px 20px 0;
        margin-bottom: 65px;
    }

    .didaf-training-container {
        width: calc(100% - 20px);
    }

    .didaf-training-header {
        margin-bottom: 30px;
    }

    .didaf-training-header h2 {
        font-size: 25px;
    }

    .didaf-training-header p {
        font-size: 13px;
    }

    .didaf-training-arrow {
        width: 38px;
        height: 30px;
        top: -65px;
        font-size: 27px;
    }

    /*
     * سه ویدیو در تبلت:
     * دو تا بالا
     * یکی پایین
     */
    .didaf-training-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 22px;
        transform: translateY(30px);
    }

    .didaf-training-video {
        width: 100%;
        padding-top: 56.25%;
    }

    .didaf-training-title {
        font-size: 13px;
        line-height: 1.8;
        margin-top: 12px;
    }

    /*
     * کارت سوم از وسط قرار بگیرد
     */
    .didaf-training-item:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }


    /* =====================================================
       NEWSLETTER
    ===================================================== */

    .didaf-newsletter {
        padding: 30px 0;
    }

    .didaf-newsletter-container {
        width: calc(100% - 40px);
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .didaf-newsletter-box {
        width: 100%;
        height: auto;
        min-height: 122px;
        padding: 18px 22px;
    }

    .didaf-newsletter-content {
        min-width: 0;
        padding-right: 10px;
    }

    .didaf-newsletter-content h3 {
        font-size: 16px;
    }

    .didaf-newsletter-content p {
        font-size: 13px;
    }

    .didaf-newsletter-form {
        width: 290px;
        min-width: 290px;
        margin-right: 15px;
    }

    .didaf-socials {
        order: 2;
        width: 100%;
        justify-content: center;
        gap: 14px;
    }

    .didaf-social {
        width: 72px;
        min-width: 72px;
        height: 88px;
    }


    /* =====================================================
       SUPPORT
    ===================================================== */

    .didaf-support-container {
        width: calc(100% - 40px);
        max-width: 100%;
        height: 145px;
        min-height: 145px;
        margin: 0 auto;

        /*
         * دیگر positionهای دسکتاپ باعث
         * روی هم افتادن عناصر نمی‌شوند
         */
        display: grid;
        grid-template-columns: 1.3fr 150px 1fr;
        align-items: center;

        padding: 0 30px;
        box-sizing: border-box;
        overflow: visible;
    }

    .didaf-support-content {
        position: relative;
        right: auto;
        top: auto;

        width: auto;
        text-align: right;

        grid-column: 1;
    }

    .didaf-support-content h2 {
        font-size: 17px;
        line-height: 1.8;
    }

    .didaf-support-content p {
        font-size: 12px;
        line-height: 1.8;
    }

    .didaf-support-person {
        position: relative;
        left: auto;
        bottom: auto;

        width: 135px;
        height: 185px;

        margin: 0 auto;

        grid-column: 2;
        align-self: end;
    }

    .didaf-support-person img {
        width: 135px;
        height: 185px;
    }

    .didaf-support-action {
        position: relative;
        left: auto;
        top: auto;

        margin: 0 auto;

        grid-column: 3;
    }

    .didaf-support-action a {
        width: 145px;
        height: 40px;
        font-size: 11px;
    }

    .didaf-support-phone {
        position: relative;
        left: auto;
        top: auto;

        margin: 12px auto 0;

        grid-column: 3;
        align-self: start;
    }

    .didaf-support-phone a {
        font-size: 15px;
    }

    .didaf-support-phone-icon {
        font-size: 18px;
    }

    .didaf-support-help {
        left: 50%;
        bottom: -15px;
        transform: translateX(-50%);
        width: 145px;
        height: 38px;
        font-size: 10px;
    }


    /* =====================================================
       DEALERS MAP
    ===================================================== */

    .didaf-dealers {
        width: 100%;
        padding: 55px 0 30px;
    }

    .didaf-dealers-container {
        width: calc(100% - 40px);
        max-width: 100%;
        margin: 0 auto;
    }


    /* =====================================================
       HISTORY
    ===================================================== */

    .didaf-history {
        padding: 70px 20px 190px;
        margin-bottom: 45px;
    }

    .didaf-history-container {
        width: calc(100% - 20px);
        max-width: 900px;
    }

    .didaf-history-header {
        margin-bottom: 22px;
    }

    .didaf-history-header h2 {
        font-size: 24px;
    }

    .didaf-history-header p {
        font-size: 12px;
    }

    .didaf-history-arrow {
        width: 38px;
        height: 30px;
        top: -52px;
        font-size: 23px;
    }

    .didaf-timeline-navigation {
        gap: 10px;
        margin-bottom: 25px;
    }

    .didaf-years-wrapper {
        gap: 6px;
        max-width: calc(100% - 70px);
    }

    .didaf-year-pill {
        font-size: 12px;
        padding: 4px 11px;
    }

    .didaf-year-pill.active {
        padding: 5px 17px;
    }

    .didaf-nav-btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
        flex-shrink: 0;
    }

    .didaf-history-slider {
        min-height: 260px;
    }

    .didaf-slide-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 25px;
    }

    .didaf-slide-img {
        flex: 0 0 42%;
    }

    .didaf-slide-img img {
        height: 220px !important;
        object-fit: cover;
    }

    .didaf-slide-content {
        min-width: 0;
    }

    .didaf-slide-content h3 {
        font-size: 19px;
    }

    .didaf-slide-content p {
        font-size: 12px;
        line-height: 1.9;
    }

    .didaf-history-footer {
        margin-top: 20px;
    }


    /* =====================================================
       CONTACT
    ===================================================== */

    .didaf-contact {
        padding: 20px;
    }

    .didaf-contact-container {
        width: 100%;
        max-width: 100%;

        /*
         * تبلت هنوز دو ستون باشد
         */
        grid-template-columns: 45% 55%;

        min-height: 520px;
        border-radius: 20px;
    }

    .didaf-contact-map {
        padding: 8px;
        min-height: 520px;
    }

    .didaf-contact-map-frame {
        height: calc(100% - 70px);
        min-height: 390px;
    }

    .didaf-contact-address {
        min-height: 60px;
        padding: 8px 12px;
        font-size: 13px;
        gap: 8px;
    }

    .didaf-contact-address-icon {
        font-size: 19px;
    }

    .didaf-contact-info {
        padding: 32px 28px 25px;
        min-width: 0;
    }

    .didaf-contact-heading h2 {
        font-size: 21px;
    }

    .didaf-contact-heading p {
        font-size: 12px;
        line-height: 1.9;
    }

    .didaf-contact-row {
        min-height: 70px;
        padding: 13px 0;
        gap: 15px;
    }

    .didaf-contact-label {
        font-size: 13px;
        gap: 9px;
    }

    .didaf-contact-label i {
        font-size: 18px;
        width: 21px;
    }

    .didaf-contact-value a {
        font-size: 13px;
    }

    .didaf-contact-hours {
        font-size: 11px;
        line-height: 1.9;
    }


    /* =====================================================
       ARTICLES
    ===================================================== */

    .didaf-articles {
        padding: 30px 0 40px;
    }

    .didaf-articles-container {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 0;
    }

    .didaf-articles-header {
        margin-bottom: 35px;
    }

    .didaf-articles-title-wrap h2 {
        font-size: 18px;
    }

    .didaf-articles-all {
        font-size: 13px;
    }

    .didaf-articles-track {
        gap: 22px;
    }

    /*
     * تبلت = دو مقاله
     */
    .didaf-articles-track .didaf-article-card {
        flex: 0 0 calc((100% - 22px) / 2);
        width: calc((100% - 22px) / 2);
        min-width: calc((100% - 22px) / 2);
    }

    .didaf-article-card {
        height: 270px;
        border-radius: 23px;
    }

    .didaf-article-link {
        padding: 24px 22px 20px;
    }

    .didaf-article-title {
        font-size: 14px;
    }

    .didaf-article-excerpt {
        font-size: 12px;
        line-height: 2;
    }

    .didaf-article-meta {
        min-height: 52px;
        padding: 0 12px;
        border-radius: 16px;
    }

    .didaf-article-date,
    .didaf-article-comments {
        font-size: 10px;
        gap: 5px;
    }

    .didaf-article-meta svg {
        width: 17px;
        height: 17px;
    }

    .didaf-articles-arrow {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .didaf-articles-prev {
        left: -12px;
    }

    .didaf-articles-next {
        right: -12px;
    }


    /* =====================================================
       PARTNERS
    ===================================================== */

    .didaf-partners {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 28px 20px 20px;
    }

    .didaf-partners-header {
        margin-bottom: 30px;
    }

    .didaf-partners-list {
        width: 100%;
        max-width: 760px;

        grid-template-columns: repeat(4, 1fr);

        gap: 22px;
    }

    .didaf-partner {
        width: 72px;
        height: 72px;
    }


    /* =====================================================
       LATEST PRODUCTS
    ===================================================== */

    .didaf-latest-products {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 10px 0 35px;
    }

    .didaf-products-header {
        margin-bottom: 24px;
    }

    .didaf-products-heading {
        gap: 9px;
    }

    .didaf-products-heading-icon {
        width: 24px;
        height: 24px;
    }

    .didaf-products-heading-text {
        font-size: 15px;
        gap: 6px;
    }

    .didaf-products-all {
        font-size: 12px;
    }

    .didaf-products-all-arrow {
        width: 32px;
        height: 18px;
    }

    .didaf-products-slider {
        width: 100%;
    }

    .didaf-latest-products
    .row-carousel-track {
        gap: 24px;
    }

    /*
     * تبلت = دو محصول
     */
    .didaf-latest-products
    .didaf-product-card {
        flex: 0 0 calc((100% - 24px) / 2);
        width: calc((100% - 24px) / 2);
        height: 430px;
        padding: 30px 22px 22px;
    }

    .didaf-product-image {
        width: 125px;
        height: 125px;
        margin-bottom: 28px;
    }

    .didaf-product-title {
        font-size: 14px;
        min-height: 50px;
    }

    .didaf-product-description {
        font-size: 13px;
        line-height: 1.8;
    }

    .didaf-product-more {
        width: 43px;
        height: 43px;
        left: 22px;
        bottom: 22px;
    }

    .didaf-product-more span {
        font-size: 24px;
    }

    .didaf-products-prev {
        right: -19px;
    }

    .didaf-products-next {
        left: -19px;
    }


    /* =====================================================
       FEATURED PRODUCTS
    ===================================================== */

    .didaf-featured-products {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 10px 0 35px;
    }

    .didaf-featured-header {
        margin-bottom: 24px;
    }

    .didaf-featured-heading {
        gap: 9px;
    }

    .didaf-featured-heading-icon {
        width: 24px;
        height: 24px;
    }

    .didaf-featured-heading-text {
        font-size: 15px;
        gap: 6px;
    }

    .didaf-featured-all {
        font-size: 12px;
    }

    .didaf-featured-all-arrow {
        width: 32px;
        height: 18px;
    }

    .didaf-featured-slider {
        width: 100%;
    }

    .didaf-featured-products
    .row-carousel-track {
        gap: 24px;
    }

    /*
     * تبلت = دو محصول
     */
    .didaf-featured-card {
        flex: 0 0 calc((100% - 24px) / 2);
        width: calc((100% - 24px) / 2);
        height: 430px;
        padding: 30px 22px 22px;
    }

    .didaf-featured-image {
        width: 125px;
        height: 125px;
        margin-bottom: 28px;
    }

    .didaf-featured-product-title {
        font-size: 14px;
        min-height: 50px;
    }

    .didaf-featured-description {
        font-size: 13px;
        line-height: 1.8;
    }

    .didaf-featured-more {
        width: 43px;
        height: 43px;
        left: 22px;
        bottom: 22px;
    }

    .didaf-featured-more span {
        font-size: 24px;
    }

    .didaf-featured-prev {
        right: -19px;
    }

    .didaf-featured-next {
        left: -19px;
    }


    /* =====================================================
       جلوگیری از بیرون‌زدگی عمومی
    ===================================================== */

    .didaf-training *,
    .didaf-history *,
    .didaf-contact *,
    .didaf-newsletter *,
    .didaf-articles *,
    .didaf-partners *,
    .didaf-latest-products *,
    .didaf-featured-products * {
        max-width: 100%;
    }

}