/*
    Navbar در جریان طبیعی صفحه باقی می‌ماند تا Hero زیر آن مخفی نشود.
    هنگام Scroll نیز به بالای صفحه می‌چسبد و حالت شیشه‌ای خود را حفظ می‌کند.
*/
.ziggurat-navbar {
    position: relative;
    z-index: 1;
    min-height: 64px;
    background: rgba(3, 14, 24, 0.96);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* لوگوی موقت کمی بزرگ‌تر نمایش داده می‌شود تا در Navbar بهتر دیده شود */
.ziggurat-navbar-logo {
    display: block;
    width: auto;
    height: 64px;
    object-fit: contain;
}

/* فاصله عمودی آیتم‌های منو کمتر شده تا Navbar ارتفاع کمتری بگیرد */
.ziggurat-navbar .navbar-nav .nav-link {
    position: relative;
    padding: 1.2rem 0.75rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.2s ease;
}

    /* فقط صفحه فعال همیشه با رنگ برند مشخص می‌شود */
.ziggurat-navbar .nav-link {
    position: relative;
}

.ziggurat-navbar .navbar-nav .nav-link.active {
    color: #27c2c9;
}

        .ziggurat-navbar .nav-link.active::after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            bottom: -5px;
            height: 2px;
            background: #27c2c9;
        }

/*
    Hover فقط روی دستگاه‌هایی فعال می‌شود که واقعاً ماوس دارند.
    این کار از باقی‌ماندن رنگ Hover بعد از لمس لینک در موبایل جلوگیری می‌کند.
*/
@media (hover: hover) and (pointer: fine) {
    .ziggurat-navbar .navbar-nav .nav-link:hover {
        color: #27c2c9;
    }
}

        .ziggurat-navbar .navbar-nav .nav-link.active::after {
            content: "";
            position: absolute;
            right: 0.75rem;
            bottom: 1rem;
            left: 0.75rem;
            height: 2px;
            background-color: #27c2c9;
        }

/* انتخاب‌گر زبان به‌صورت خطی و سبک طراحی شده تا سمت چپ Navbar ظاهر حرفه‌ای‌تری داشته باشد */

/* دکمه انتخاب زبان با رنگ سورمه‌ای Navbar و Accent فیروزه‌ای زیگورات هماهنگ شده است */
.ziggurat-language-btn {
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(39, 194, 201, 0.35);
    border-radius: 0.6rem;
}

    /* هنگام Hover یا باز بودن Dropdown، دکمه با Accent برند مشخص‌تر می‌شود */
    .ziggurat-language-btn:hover,
    .ziggurat-language-btn:focus,
    .ziggurat-language-btn.show {
        color: #ffffff;
        background-color: rgba(39, 194, 201, 0.1);
        border-color: rgba(39, 194, 201, 0.65);
        box-shadow: none;
    }

/* خود Dropdown ادامه بصری Navbar است و پس‌زمینه سورمه‌ای تیره دارد */
.ziggurat-language-menu {
    min-width: 10rem;
    padding: 0.4rem;
    background: rgba(3, 14, 24, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.65rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

    /* حالت عادی گزینه‌های زبان */
    .ziggurat-language-menu .dropdown-item {
        color: rgba(255, 255, 255, 0.82);
        border-radius: 0.45rem;
    }

        /* حالت Hover گزینه‌های زبان */
        .ziggurat-language-menu .dropdown-item:hover,
        .ziggurat-language-menu .dropdown-item:focus {
            color: #ffffff;
            background-color: rgba(39, 194, 201, 0.12);
        }

        /* زبان فعال با رنگ فیروزه‌ای برند مشخص می‌شود */
        .ziggurat-language-menu .dropdown-item.active {
            color: #ffffff;
            background-color: rgba(39, 194, 201, 0.22);
        }

    /* حالت Hover برای زبان‌های غیرفعال */


/* تنظیمات نسخه موبایل؛ ارتفاع و اندازه لوگو با نسخه دسکتاپ هماهنگ‌تر شده است */
@media (max-width: 991.98px) {
    .ziggurat-navbar {
        min-height: 60px;
    }

    .ziggurat-navbar-logo {
        height: 54px;
    }

    .ziggurat-navbar .navbar-collapse {
        margin-top: 0.5rem;
        padding: 0 0.25rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .ziggurat-navbar .navbar-nav .nav-link {
        padding: 0.75rem 0;
    }

        .ziggurat-navbar .navbar-nav .nav-link.active::after {
            display: none;
        }

    /* در موبایل Hero بر اساس ارتفاع واقعی محتوا شکل می‌گیرد تا بخش‌ها روی یکدیگر نیفتند */
    .ziggurat-hero {
        min-height: auto;
    }

    /* محتوای اصلی Hero در موبایل دیگر ارتفاع اجباری صفحه را نمی‌گیرد */
    .ziggurat-hero-main,
    .ziggurat-hero-main > .row {
        min-height: auto;
    }

    /* در موبایل فضای کافی بین Navbar، محتوای Hero و کارت‌های آماری حفظ می‌شود */
    .ziggurat-hero-content {
        padding-top: 7rem;
        padding-bottom: 2rem;
    }

    /*
    نوار آمار در موبایل داخل جریان طبیعی صفحه باقی می‌ماند،
    اما position relative باعث می‌شود z-index آن بالاتر از Overlay Hero عمل کند.
*/
    .ziggurat-hero-stats {
        position: relative !important;
        z-index: 2;
    }

    /* کارت‌های آماری در موبایل کمی جمع‌وجورتر نمایش داده می‌شوند */
    .ziggurat-stat-card {
        min-height: 100px;
        border-radius: 14px !important;
    }

    /* فضای اختصاصی آیکن در موبایل کوچک‌تر می‌شود */
    .ziggurat-stat-icon-box {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    .ziggurat-stat-icon {
        font-size: 1.45rem;
    }

}
/* =========================================================
   Hero اصلی صفحه خانه
   تصویر پس‌زمینه اکنون توسط هر Slide کنترل می‌شود.
   ========================================================= */

.ziggurat-hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #03101a;
}

/* =========================================================
   Carousel صفحه اصلی
   ========================================================= */

.ziggurat-hero-carousel,
.ziggurat-hero-carousel .carousel-inner,
.ziggurat-hero-carousel .carousel-item,
.ziggurat-hero-slide {
    min-height: 100vh;
}


/* هر Slide تصویر مستقل خودش را دارد */
.ziggurat-hero-slide {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* تغییر نرم تصویر Hero */
.ziggurat-hero-carousel.carousel-fade
.carousel-item {
    transition: opacity 0.85s ease-in-out;
}

/* =========================================================
   Indicator اسلایدهای Hero
   ========================================================= */

.ziggurat-hero-indicators {
    z-index: 5;
    bottom: 125px;
    gap: 0.4rem;
    margin-bottom: 0;
}


    .ziggurat-hero-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
        margin: 0;
        background: rgba(255, 255, 255, 0.45);
        border: 0;
        border-radius: 50%;
        opacity: 1;
        transition: width 0.25s ease, background 0.25s ease, border-radius 0.25s ease;
    }


    /* اسلاید فعال */
    .ziggurat-hero-indicators .active {
        width: 26px;
        background: #27c2c9;
        border-radius: 20px;
    }

.ziggurat-hero-stats {
    z-index: 5;
}

/* لایه تیره روی تصویر برای خوانایی بهتر متن Hero */
/* لایه تیره Hero فقط سمت محل قرارگیری متن را تقویت می‌کند و جزئیات تصویر حفظ می‌شوند */
.ziggurat-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 14, 24, 0.82) 0%, rgba(3, 14, 24, 0.58) 32%, rgba(3, 14, 24, 0.18) 60%, rgba(3, 14, 24, 0.04) 100%);
    z-index: 1;
}

/*
    ارتفاع کامل Hero فقط روی محتوای اصلی اعمال می‌شود.
    نوار آمار پایین Hero نباید ارتفاع صفحه را به ارث ببرد.
*/
.ziggurat-hero-main,
.ziggurat-hero-main > .row {
    position: relative;
    z-index: 2;
    min-height: 100vh;
}

/* به خاطر Navbar شیشه‌ای بالای Hero، برای محتوای Hero فاصله بالایی در نظر گرفته شده است */
.ziggurat-hero-content {
    max-width: 40rem;
    padding-top: 7rem;
    padding-bottom: 8rem;
}

/* برچسب کوچک بالای تیتر Hero */
.ziggurat-hero-badge {
    background-color: rgba(39, 194, 201, 0.16);
    border: 1px solid rgba(39, 194, 201, 0.38);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
}

/* اندازه تیتر Hero کنترل شده تا تصویر اصلی فضای بیشتری برای دیده‌شدن داشته باشد */
.ziggurat-hero-title {
    font-size: clamp(2rem, 3.3vw, 3.4rem);
    line-height: 1.3;
}

/* بخش برجسته‌شده در تیتر با رنگ برند زیگورات */
.ziggurat-hero-title-accent {
    color: #27c2c9;
}

/* توضیح Hero هم‌عرض تیتر است و متن فارسی داخل آن از راست به چپ خوانده می‌شود */
.ziggurat-hero-description {
    max-width: none;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.05rem;
    line-height: 1.95;
    direction: rtl;
}

/* دکمه اصلی Hero با رنگ برند */
.ziggurat-hero-primary-btn {
    background-color: #27c2c9;
    border-color: #27c2c9;
    color: #ffffff;
}

    .ziggurat-hero-primary-btn:hover,
    .ziggurat-hero-primary-btn:focus {
        background-color: #1daab1;
        border-color: #1daab1;
        color: #ffffff;
        box-shadow: none;
    }

/* دکمه ثانویه Hero */
.ziggurat-hero-secondary-btn:hover,
.ziggurat-hero-secondary-btn:focus {
    box-shadow: none;
}

/* تنظیمات Responsive Hero برای موبایل و تبلت */
@media (max-width: 991.98px) {
    .ziggurat-hero {
        min-height: 92vh;
    }

    .ziggurat-hero-main,
    .ziggurat-hero-main > .row {
        min-height: 92vh;
    }

    .ziggurat-hero-content {
        padding-top: 10.5rem;
        padding-bottom: 3rem;
        text-align: center;
        margin-inline: auto;
    }

    .ziggurat-hero-description {
        margin-inline: auto;
        font-size: 0.98rem;
        line-height: 1.85;
    }

    .ziggurat-hero-content .d-flex {
        justify-content: center;
    }

    .ziggurat-hero-overlay {
        background: linear-gradient(180deg, rgba(3, 14, 24, 0.72) 0%, rgba(3, 14, 24, 0.78) 48%, rgba(3, 14, 24, 0.86) 100%);
    }
}
/* توضیح حوزه فعالیت برند عمداً بسیار ریز نمایش داده می‌شود تا مشابه ساختار لوگوی مرجع باشد */
.ziggurat-brand-subtitle {
    font-size: 0.6rem;
    line-height: 2.5;
}

/* خود Wrapper آمار شفاف است تا تصویر Hero بین کارت‌ها دیده شود */
.ziggurat-hero-stats {
    z-index: 2;
}

/* کارت‌های آماری Hero با ظاهر شیشه‌ای، نیمه‌شفاف و Premium نمایش داده می‌شوند */
.ziggurat-stat-card {
    min-height: 92px;
    background: linear-gradient( 180deg, rgba(10, 24, 38, 0.52) 0%, rgba(3, 14, 24, 0.38) 100% );
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

    /* حالت Hover برای زنده‌تر شدن کارت‌ها */
    .ziggurat-stat-card:hover {
        transform: translateY(-2px);
        background: linear-gradient( 180deg, rgba(10, 24, 38, 0.58) 0%, rgba(3, 14, 24, 0.44) 100% );
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    /* حالت Hover برای حرفه‌ای‌تر شدن حس کارت‌ها */
    .ziggurat-stat-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

/* آیکن‌های آماری با Accent برند و اندازه متعادل‌تر نمایش داده می‌شوند */
.ziggurat-stat-icon {
    color: #27c2c9;
    font-size: 1.75rem;
}

/* آیکن‌های آماری با Accent اصلی برند زیگورات نمایش داده می‌شوند */
.ziggurat-stat-icon {
    color: #27c2c9;
    font-size: 1.55rem;
}

/* بخش داخلی کارت آماری به دو قسمت تقسیم می‌شود: آیکن در راست و متن در مرکز */
.ziggurat-stat-icon-box {
    width: 64px;
    min-width: 64px;
    height: 64px;
}

/* متن هر کارت به‌صورت منظم و دقیقاً وسط‌چین می‌شود */
.ziggurat-stat-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* پس‌زمینه روشن بخش دسته‌بندی محصولات، مرز بصری مشخصی با Hero تیره ایجاد می‌کند */
.ziggurat-product-categories {
    background-color: #f7f8f9;
}

/* لینک مشاهده همه محصولات با Accent اصلی برند زیگورات نمایش داده می‌شود */
.ziggurat-section-link {
    color: #117e85;
}

    .ziggurat-section-link:hover {
        color: #0f7379;
    }

/*
    کارت دسته‌بندی تقریباً کامل با Bootstrap ساخته شده است.
    CSS اختصاصی فقط برای ظاهر برند، سایه و Interaction محدود استفاده می‌شود.
*/
.ziggurat-category-card {
    background-color: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(3, 14, 24, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    /* Hover کارت بدون Animation سنگین، فقط کمی عمق بصری ایجاد می‌کند */
    .ziggurat-category-card:hover {
        transform: translateY(-3px);
        border-color: rgba(39, 194, 201, 0.35);
        box-shadow: 0 10px 24px rgba(3, 14, 24, 0.10);
    }

/* تصاویر دسته‌بندی اندازه یکسان دارند تا تمام کارت‌ها منظم باقی بمانند */
.ziggurat-category-image {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

/* Track دسته‌بندی محصولات به‌صورت افقی حرکت می‌کند و Scrollbar آن مخفی می‌شود */
/* Track محصولات همیشه به صورت افقی باقی می‌ماند */
.ziggurat-category-slider {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-inline: 3rem;
}

    .ziggurat-category-slider::-webkit-scrollbar {
        display: none;
    }

/*
    در Desktop چهار کارت بزرگ در محدوده Slider دیده می‌شود.
    فاصله بین کارت‌ها در محاسبه عرض لحاظ شده است.
*/
.ziggurat-category-slide {
    flex: 0 0 calc(23% - 0.75rem);
    width: auto;
    min-width: 0;
    max-width: none;
    scroll-snap-align: start;
}

/* تصاویر کارت‌های بزرگ‌تر ارتفاع بیشتری دارند */
.ziggurat-category-image {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/* کارت‌ها کمی Premium‌تر و برجسته‌تر نمایش داده می‌شوند */
.ziggurat-category-card {
    background-color: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(3, 14, 24, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

    /* Hover کارت‌ها فقط کمی عمق و حرکت ایجاد می‌کند */
    .ziggurat-category-card:hover {
        transform: translateY(-5px);
        border-color: rgba(39, 194, 201, 0.35);
        box-shadow: 0 16px 32px rgba(3, 14, 24, 0.13);
    }

/* دکمه‌های حرکت Slider روی سایه لبه‌ها به‌صورت شناور نمایش داده می‌شوند */
.ziggurat-slider-btn {
    z-index: 4;
    width: 48px;
    height: 48px;
    padding: 0;
    color: #ffffff;
    background: rgba(3, 14, 24, 0.82);
    border: 1px solid rgba(39, 194, 201, 0.45);
    box-shadow: 0 8px 22px rgba(3, 14, 24, 0.24), 0 0 0 4px rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

    .ziggurat-slider-btn:hover,
    .ziggurat-slider-btn:focus {
        color: #ffffff;
        background-color: #159ba4;
        border-color: #27c2c9;
        box-shadow: 0 10px 26px rgba(3, 14, 24, 0.28), 0 0 0 4px rgba(39, 194, 201, 0.14);
    }

    .ziggurat-slider-btn:hover,
    .ziggurat-slider-btn:focus {
        color: #ffffff;
        background-color: #159ba4;
        border-color: #159ba4;
        box-shadow: none;
    }

/* در Tablet دو کارت در هر نمای Slider دیده می‌شود */
@media (max-width: 991.98px) {

    .ziggurat-category-slide {
        flex: 0 0 calc(50% - 0.5rem);
    }

    .ziggurat-category-image {
        height: 210px;
    }
}

/*
    در موبایل دسته‌بندی محصولات به‌صورت Carousel لمسی نمایش داده می‌شود.
    بخشی از کارت بعدی عمداً دیده می‌شود تا قابلیت Swipe برای کاربر واضح باشد.
*/
@media (max-width: 575.98px) {

    .ziggurat-category-slider {
        gap: 1rem;
        padding-inline: 1rem;
        padding-bottom: 1.5rem;
        scroll-padding-inline: 1rem;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
    }

    /* هر کارت تقریباً تمام عرض موبایل را می‌گیرد و بخشی از کارت بعدی قابل مشاهده می‌ماند */
    .ziggurat-category-slide {
        flex: 0 0 70%;
        max-width: 70%;
        scroll-snap-align: center;
    }

    /* تصویر در موبایل بزرگ‌تر و شاخص‌تر نمایش داده می‌شود */
    .ziggurat-category-image {
        height: 260px;
    }

    /* کارت موبایل کمی برجسته‌تر از نسخه Desktop است */
    .ziggurat-category-card {
        border-radius: 20px;
        box-shadow: 0 12px 30px rgba(3, 14, 24, 0.12), 0 2px 8px rgba(3, 14, 24, 0.06);
    }

        /* عنوان محصول فضای مناسب‌تری در کارت موبایل می‌گیرد */
        .ziggurat-category-card .card-body {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}

/*
    دو لبه Slider با سایه و Gradient نرم پوشانده می‌شوند
    تا انتهای کارت‌ها حالت بریده و ساده نداشته باشد.
*/
.ziggurat-category-slider-shell::before,
.ziggurat-category-slider-shell::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1rem;
    width: 72px;
    z-index: 2;
    pointer-events: none;
}

/* سایه سمت راست فیزیکی Slider */
.ziggurat-category-slider-shell::before {
    right: 0;
    background: linear-gradient( to left, rgba(247, 248, 249, 0.96) 0%, rgba(247, 248, 249, 0.72) 35%, rgba(247, 248, 249, 0) 100% );
}

/* سایه سمت چپ فیزیکی Slider */
.ziggurat-category-slider-shell::after {
    left: 0;
    background: linear-gradient( to right, rgba(247, 248, 249, 0.96) 0%, rgba(247, 248, 249, 0.72) 35%, rgba(247, 248, 249, 0) 100% );
}

/* بخش پروژه‌ها با پس‌زمینه روشن و همان زبان بصری بخش محصولات نمایش داده می‌شود */
.ziggurat-projects {
    background-color: #ffffff;
}

/* Track پروژه‌ها به‌صورت افقی و نرم حرکت می‌کند */
.ziggurat-project-slider {
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-inline: 3rem;
}

    .ziggurat-project-slider::-webkit-scrollbar {
        display: none;
    }

/* در دسکتاپ چهار پروژه بزرگ در یک نما دیده می‌شود */
.ziggurat-project-slide {
    flex: 0 0 calc(24% - 0.75rem);
    scroll-snap-align: start;
}

/* کارت پروژه همان طراحی Premium بخش محصولات را ادامه می‌دهد */
.ziggurat-project-card {
    background-color: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(3, 14, 24, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

    /* Hover کارت پروژه */
    .ziggurat-project-card:hover {
        transform: translateY(-5px);
        border-color: rgba(39, 194, 201, 0.35);
        box-shadow: 0 16px 32px rgba(3, 14, 24, 0.13);
    }

/* تصویر پروژه‌ها با نسبت یکسان نمایش داده می‌شود */
.ziggurat-project-image {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

/*
    دو لبه اسلایدر پروژه‌ها با Fade نرم پوشانده می‌شوند
    تا ادامه داشتن کارت‌ها برای کاربر قابل تشخیص باشد.
*/
.ziggurat-project-slider-shell::before,
.ziggurat-project-slider-shell::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1rem;
    width: 72px;
    z-index: 2;
    pointer-events: none;
}

.ziggurat-project-slider-shell::before {
    right: 0;
    background: linear-gradient( to left, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 35%, rgba(255, 255, 255, 0) 100% );
}

.ziggurat-project-slider-shell::after {
    left: 0;
    background: linear-gradient( to right, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 35%, rgba(255, 255, 255, 0) 100% );
}

/* در تبلت دو پروژه در هر نما دیده می‌شود */
@media (max-width: 991.98px) {
    .ziggurat-project-slide {
        flex-basis: calc(50% - 0.5rem);
    }

    .ziggurat-project-image {
        height: 210px;
    }
}

/*
    نسخه موبایل پروژه‌ها دقیقاً با الگوی تأییدشده اسلایدر محصولات هماهنگ می‌شود.
    هر کارت 70 درصد عرض صفحه را می‌گیرد تا کارت بعدی نیز به‌صورت Peek دیده شود.
*/
@media (max-width: 575.98px) {

    .ziggurat-project-slider {
        gap: 1rem;
        padding-inline: 1rem;
        padding-bottom: 1.5rem;
        scroll-padding-inline: 1rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
    }

    .ziggurat-project-slide {
        flex: 0 0 70% !important;
        max-width: 70% !important;
        scroll-snap-align: center;
    }

    /* ارتفاع تصویر پروژه با کارت‌های محصولات در موبایل هماهنگ می‌شود */
    .ziggurat-project-image {
        height: 260px;
        object-fit: cover;
    }

    /* ظاهر کارت پروژه در موبایل با کارت محصول یکسان می‌شود */
    .ziggurat-project-card {
        border-radius: 20px;
        box-shadow: 0 12px 30px rgba(3, 14, 24, 0.12), 0 2px 8px rgba(3, 14, 24, 0.06);
    }

        /* بخش متنی کارت کمی جمع‌وجورتر می‌شود */
        .ziggurat-project-card .card-body {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
}
/*
    باکس مشاوره با ظاهر شیشه‌ای، عمق چندلایه و Radius نرم
    طراحی می‌شود تا قبل از Footer یک CTA حرفه‌ای و جذاب داشته باشیم.
*/
.ziggurat-consultation-box {
    background: radial-gradient( circle at 12% 50%, rgba(39, 194, 201, 0.16), transparent 28% ), radial-gradient( circle at 85% 50%, rgba(39, 194, 201, 0.08), transparent 24% ), linear-gradient( 135deg, rgba(5, 20, 33, 0.92) 0%, rgba(8, 29, 44, 0.88) 100% );
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 18px 42px rgba(3, 14, 24, 0.26), 0 6px 16px rgba(3, 14, 24, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(255, 255, 255, 0.03);
}

/* دکمه CTA با حالت نیمه شیشه‌ای، Radius بیشتر و سایه قوی‌تر */
.ziggurat-consultation-btn {
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(39, 194, 201, 0.90) 0%, rgba(21, 155, 164, 0.88) 100% );
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 14px 30px rgba(21, 155, 164, 0.26), 0 4px 10px rgba(21, 155, 164, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    transition: transform 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

    /* در Hover دکمه کمی از سطح جدا می‌شود و درخشش بیشتری می‌گیرد */
    .ziggurat-consultation-btn:hover,
    .ziggurat-consultation-btn:focus {
        color: #ffffff;
        background: linear-gradient( 135deg, rgba(44, 208, 216, 0.96) 0%, rgba(24, 169, 178, 0.92) 100% );
        border-color: rgba(255, 255, 255, 0.24);
        transform: translateY(-3px);
        box-shadow: 0 18px 34px rgba(21, 155, 164, 0.34), 0 6px 14px rgba(21, 155, 164, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    }

/* متن CTA کمی درشت‌تر، روشن‌تر و حرفه‌ای‌تر نمایش داده می‌شود */
.ziggurat-consultation-box p {
    font-size: 1.2rem;
    line-height: 2;
    color: rgba(255, 255, 255, 0.96);
}

/*
    نسخه موبایل CTA جمع‌وجورتر می‌شود و متن و دکمه
    به‌صورت عمودی و منظم داخل کارت شیشه‌ای قرار می‌گیرند.
*/
@media (max-width: 767.98px) {

    .ziggurat-consultation-box {
        border-radius: 20px !important;
    }

        /* فاصله‌های داخلی کارت در موبایل کنترل می‌شوند تا ارتفاع اضافی ایجاد نشود */
        .ziggurat-consultation-box > .d-flex {
            padding: 1.5rem !important;
            gap: 1.25rem !important;
        }

        /* متن توضیح در مرکز کارت و با اندازه مناسب موبایل نمایش داده می‌شود */
        .ziggurat-consultation-box p {
            max-width: 26rem;
            margin-inline: auto;
            font-size: 1rem;
            line-height: 2;
            text-align: center;
        }

    /* دکمه در موبایل تمام عرض می‌شود ولی رنگ برند و متن سفید آن حفظ می‌شود */
    .ziggurat-consultation-btn {
        width: 100%;
        min-height: 56px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        background: linear-gradient( 135deg, rgba(39, 194, 201, 0.96) 0%, rgba(21, 155, 164, 0.94) 100% ) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 24px rgba(21, 155, 164, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }

        .ziggurat-consultation-btn i {
            color: #ffffff;
        }
}

/*
    کارت‌های خدمات حالت مربع‌مانند دارند،
    اما ارتفاع به‌اندازه کافی آزاد است تا متن داخل آن‌ها بریده نشود.
*/
.ziggurat-service-card {
    min-height: 270px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.58) 100% );
    border-color: rgba(3, 14, 24, 0.08) !important;
    border-radius: 22px !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 16px 34px rgba(3, 14, 24, 0.12), 0 5px 12px rgba(3, 14, 24, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

/* Footer اصلی زیگورات با زمینه Navy تیره و ظاهر تجاری نمایش داده می‌شود */
.ziggurat-footer {
    background: radial-gradient( circle at 15% 20%, rgba(39, 194, 201, 0.08), transparent 28% ), linear-gradient( 135deg, #04111c 0%, #071b2a 100% );
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* لوگوی Footer اندازه کنترل‌شده دارد */
.ziggurat-footer-logo {
    width: auto;
    height: 64px;
    object-fit: contain;
}

/* =========================================================
   لینک‌های دسترسی سریع Footer
   ========================================================= */

.ziggurat-footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}


.ziggurat-footer-link {
    display: inline-block;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.86rem;
    font-weight: 400;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}


    .ziggurat-footer-link:hover,
    .ziggurat-footer-link:focus {
        color: #27c2c9;
        text-decoration: none !important;
        transform: translateX(-2px);
    }

/* آیکن‌های اطلاعات تماس در یک سطح کوچک شیشه‌ای قرار می‌گیرند */
.ziggurat-footer-contact-icon {
    width: 42px;
    height: 42px;
    color: #27c2c9;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.16);
    border-radius: 12px;
}

/* آیکون‌های شبکه اجتماعی فوتر همیشه سفید نمایش داده می‌شوند */
.ziggurat-footer-social {
    width: 38px;
    height: 38px;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

    /* خود آیکون Font Awesome هم به اجبار سفید می‌شود */
    .ziggurat-footer-social i {
        color: #ffffff !important;
    }

    .ziggurat-footer-social:hover {
        color: #ffffff !important;
        background-color: rgba(39, 194, 201, 0.22);
        transform: translateY(-2px);
        opacity: 0.95;
    }

        .ziggurat-footer-social:hover i {
            color: #ffffff !important;
        }

/* =========================================================
   سکشن خدمات زیگورات
   این بخش مستقل از Footer اصلی سایت است.
   ========================================================= */

/* پس‌زمینه روشن و ملایم برای نمایش بهتر کارت‌های شیشه‌ای */
.ziggurat-services {
    background: radial-gradient( circle at 15% 20%, rgba(39, 194, 201, 0.07), transparent 26% ), radial-gradient( circle at 85% 75%, rgba(3, 14, 24, 0.04), transparent 28% ), #f7f8f9;
}


/* اسکرول‌بار فقط برای حالت Slider موبایل مخفی می‌شود */
.ziggurat-services-slider {
    scrollbar-width: none;
}

    .ziggurat-services-slider::-webkit-scrollbar {
        display: none;
    }


/* هر ستون اجازه دارد محتوای داخلی خود را بدون Overflow مدیریت کند */
.ziggurat-service-slide {
    min-width: 0;
}


/*
    کارت خدمات به‌جای مربع اجباری، حالت مربع‌مانند و جمع‌وجور دارد.
    ارتفاع کنترل‌شده باعث می‌شود متن داخل کارت بریده یا کشیده نشود.
*/
.ziggurat-service-card {
    min-height: 245px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    overflow: hidden;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.60) 100% );
    border-color: rgba(3, 14, 24, 0.08) !important;
    border-radius: 22px !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 14px 32px rgba(3, 14, 24, 0.10), 0 5px 12px rgba(3, 14, 24, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.94);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}


    /* Hover کارت با حرکت و سایه نرم */
    .ziggurat-service-card:hover {
        transform: translateY(-5px);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.96) 0%, rgba(236, 251, 252, 0.78) 100% );
        border-color: rgba(39, 194, 201, 0.34) !important;
        box-shadow: 0 20px 40px rgba(3, 14, 24, 0.15), 0 8px 18px rgba(3, 14, 24, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.98);
    }


/* آیکن هر خدمت داخل یک باکس شیشه‌ای مستقل نمایش داده می‌شود */
.ziggurat-service-icon {
    width: 56px;
    min-width: 56px;
    height: 56px;
    color: #159ba4;
    font-size: 1.45rem;
    background: rgba(39, 194, 201, 0.09);
    border: 1px solid rgba(39, 194, 201, 0.20);
    border-radius: 16px;
    box-shadow: 0 8px 18px rgba(21, 155, 164, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}


/* عنوان کارت کاملاً داخل محدوده کارت کنترل می‌شود */
.ziggurat-service-card h3 {
    width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.6;
}


/* توضیح کارت از محدوده خارج نمی‌شود و به‌صورت طبیعی Wrap می‌شود */
.ziggurat-service-card p {
    width: 100%;
    max-width: 13rem;
    margin-inline: auto;
    white-space: normal;
    overflow-wrap: break-word;
    text-align: center;
    line-height: 1.9;
}

/*
    در موبایل کارت‌ها مثل سایر Carouselهای تأییدشده سایت
    با عرض 70 درصد و قابلیت Swipe نمایش داده می‌شوند.
*/
@media (max-width: 767.98px) {

    .ziggurat-services {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .ziggurat-services-slider {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding-inline: 0.75rem;
        padding-bottom: 1rem;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0.75rem;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
    }

    .ziggurat-service-slide {
        flex: 0 0 70%;
        max-width: 70%;
        scroll-snap-align: center;
    }

    .ziggurat-service-card {
        min-height: 235px;
        padding: 1.25rem !important;
        border-radius: 20px !important;
    }

    .ziggurat-service-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 1.35rem;
    }
}

/* متن برند در فوتر به‌صورت وسط‌چین نمایش داده می‌شود */
.ziggurat-footer-brand-text {
    text-align: center;
}

.ziggurat-footer-brand-title {
    display: block;
    text-align: center;
    line-height: 1.5;
}

.ziggurat-footer-brand-subtitle {
    display: block;
    text-align: center;
    line-height: 1.9;
}

/* =========================================================
   رفتار مشترک Header هنگام Scroll
   هنگام حرکت به پایین مخفی و هنگام برگشت به بالا ظاهر می‌شود.
   ========================================================= */

.ziggurat-site-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    transform: translateY(0);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    will-change: transform;
}

    /* Header هنگام اسکرول رو به پایین از بالای صفحه خارج می‌شود */
    .ziggurat-site-header.ziggurat-header-hidden {
        transform: translateY(-100%);
    }

/* =========================================================
   Hero داخلی صفحات سایت
   برای صفحات داخلی مانند محصولات، پروژه‌ها و درباره ما
   ========================================================= */

.ziggurat-inner-hero {
    position: relative;
    min-height: 115px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    /* محتوای Hero صفحات داخلی در مرکز عمودی و افقی قرار می‌گیرد */
    .ziggurat-inner-hero > .container {
        width: 100%;
    }

/*
    تصویر موقت Hero صفحات محصولات و مشتریان/پروژه‌ها.
    بعداً برای هر صفحه می‌توان تصویر اختصاصی قرار داد.
*/
.ziggurat-products-hero,
.ziggurat-projects-hero,
.ziggurat-contact-hero,
.ziggurat-about-hero {
    background-image: url("../images/hero/home-hero-main.webp");
}


/*
    Overlay تیره صنعتی برای هماهنگی با Navbar
    و افزایش خوانایی عنوان و Breadcrumb.
*/
.ziggurat-inner-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(3, 14, 24, 0.90) 0%, rgba(4, 21, 34, 0.78) 50%, rgba(3, 14, 24, 0.90) 100% );
}


/* عنوان اصلی Hero صفحات داخلی */
.ziggurat-inner-hero-title {
    font-size: 2rem;
    line-height: 1.4;
}


/* Breadcrumb صفحه */
.ziggurat-inner-breadcrumb {
    --bs-breadcrumb-divider: "›";
    font-size: 0.82rem;
}


    /* لینک خانه با Accent اصلی برند */
    .ziggurat-inner-breadcrumb .breadcrumb-item a {
        color: #27c2c9;
        transition: opacity 0.2s ease;
    }

        .ziggurat-inner-breadcrumb .breadcrumb-item a:hover {
            color: #27c2c9;
            opacity: 0.8;
        }


    /* صفحه جاری با رنگ روشن‌تر نمایش داده می‌شود */
    .ziggurat-inner-breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.72);
    }


    /* جداکننده Breadcrumb */
    .ziggurat-inner-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.38);
    }
/* Hero صفحات داخلی در موبایل جمع‌وجورتر نمایش داده می‌شود */
@media (max-width: 767.98px) {

    .ziggurat-inner-hero {
        min-height: 100px;
        background-position: center;
    }

    .ziggurat-inner-hero-title {
        font-size: 1.65rem;
    }

    .ziggurat-inner-breadcrumb {
        font-size: 0.78rem;
    }
}


/* =========================================================
   بخش اصلی صفحه محصولات
   ========================================================= */

.ziggurat-products-main {
    background: #f7f8f9;
}


/* Sidebar فیلتر محصولات */
.ziggurat-products-sidebar {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.90);
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(3, 14, 24, 0.06), 0 2px 6px rgba(3, 14, 24, 0.03);
}


/* هر گروه فیلتر داخل Sidebar */
.ziggurat-filter-block {
    padding-bottom: 1rem;
}


/* گزینه‌های دسته‌بندی محصولات */
.ziggurat-category-filter {
    width: 100%;
    padding: 0.5rem 0.6rem;
    color: #68717b;
    font-size: 0.8rem;
    font-weight: 400;
    text-align: right;
    background: transparent;
    border: 0;
    border-radius: 7px;
    transition: color 0.2s ease, background-color 0.2s ease;
}


    .ziggurat-category-filter:hover {
        color: #159ba4;
        background: rgba(39, 194, 201, 0.06);
    }


    .ziggurat-category-filter.active {
        color: #159ba4;
        font-weight: 500;
        background: rgba(39, 194, 201, 0.10);
    }


/* =========================================================
   فیلتر نوع کاربرد محصولات
   ========================================================= */

/* گزینه‌های نوع کاربرد */
.ziggurat-application-filter {
    padding: 0.45rem 0.5rem;
    color: #68717b;
    font-size: 0.8rem;
    font-weight: 400;
    border-radius: 7px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}


    .ziggurat-application-filter:hover {
        color: #159ba4;
        background: rgba(39, 194, 201, 0.05);
    }

/* آیکون نوع کاربرد */
.ziggurat-application-icon {
    width: 15px;
    color: #8c949c;
    font-size: 0.7rem;
    text-align: center;
    transition: color 0.2s ease;
}


.ziggurat-application-filter:hover .ziggurat-application-icon {
    color: #159ba4;
}


/* Checkbox سفارشی با رنگ برند زیگورات */
.ziggurat-filter-checkbox {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
    border-color: rgba(3, 14, 24, 0.22);
}


    /* حالت انتخاب‌شده Checkbox */
    .ziggurat-filter-checkbox:checked {
        background-color: #159ba4;
        border-color: #159ba4;
    }


    /* حذف Glow آبی پیش‌فرض Bootstrap */
    .ziggurat-filter-checkbox:focus {
        border-color: #159ba4;
        box-shadow: 0 0 0 0.2rem rgba(39, 194, 201, 0.12);
    }

/* =========================================================
   Toolbar صفحه محصولات
   ========================================================= */

/* Toolbar بالای لیست محصولات */
.ziggurat-products-toolbar {
    min-height: 62px;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 11px;
    box-shadow: 0 7px 20px rgba(3, 14, 24, 0.045);
}


/* تعداد محصولات بدون فاصله اضافه بین کلمات */
.ziggurat-products-count {
    color: #69737d;
    font-size: 0.86rem;
    white-space: nowrap;
}

    .ziggurat-products-count strong {
        margin-inline: 0.25rem;
        color: #159ba4 !important;
        font-size: 1rem;
        font-weight: 700;
    }


/* Select مرتب‌سازی */
/* =========================================================
   Dropdown مرتب‌سازی محصولات
   ========================================================= */


/* محدوده کلی Dropdown */
.ziggurat-sort-dropdown {
    min-width: 210px;
}


/* دکمه اصلی مرتب‌سازی */
.ziggurat-sort-btn {
    width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.8rem;
    color: #5f6872;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 400;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}


    /* Hover و حالت باز بودن Dropdown */
    .ziggurat-sort-btn:hover,
    .ziggurat-sort-btn:focus,
    .ziggurat-sort-btn.show {
        color: #26313b;
        background: #ffffff;
        border-color: rgba(39, 194, 201, 0.5);
        box-shadow: 0 0 0 3px rgba(39, 194, 201, 0.07);
    }


/* فلش کنار عنوان مرتب‌سازی */
.ziggurat-sort-chevron {
    color: #7b858e;
    font-size: 0.72rem;
    transition: transform 0.2s ease;
}


/* وقتی Dropdown باز است فلش می‌چرخد */
.ziggurat-sort-btn.show .ziggurat-sort-chevron {
    transform: rotate(180deg);
}


/* پنجره بازشونده Dropdown */
.ziggurat-sort-menu {
    width: 100%;
    margin-top: 0.4rem !important;
    padding: 0.35rem;
    background: rgba(255, 255, 255, 0.99);
    border: 0 !important;
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(3, 14, 24, 0.12), 0 3px 8px rgba(3, 14, 24, 0.05);
}


/* هر گزینه داخل Dropdown */
.ziggurat-sort-option {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    color: #626c76;
    background: transparent;
    border: 0 !important;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 400;
    transition: color 0.18s ease, background-color 0.18s ease;
}


    /* آیکون هر گزینه */
    .ziggurat-sort-option i {
        width: 16px;
        color: #929ba3;
        font-size: 0.72rem;
        text-align: center;
    }


/* Hover روی گزینه */
.ziggurat-sort-menu .ziggurat-sort-option:hover {
    color: #159ba4;
    background: rgba(39, 194, 201, 0.06);
}


    /* آیکون در Hover */
    .ziggurat-sort-menu .ziggurat-sort-option:hover i {
        color: #159ba4;
    }


/* گزینه انتخاب‌شده */
.ziggurat-sort-menu .ziggurat-sort-option.active,
.ziggurat-sort-menu .ziggurat-sort-option:active {
    color: #159ba4 !important;
    background: rgba(39, 194, 201, 0.10) !important;
    border: 0 !important;
}


    /* آیکون گزینه انتخاب‌شده */
    .ziggurat-sort-menu .ziggurat-sort-option.active i,
    .ziggurat-sort-menu .ziggurat-sort-option:active i {
        color: #159ba4 !important;
    }




.ziggurat-view-switch {
    padding: 3px;
    background: #f5f7f8;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 8px;
}


/* دکمه Grid / List */
.ziggurat-view-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a838c;
    background: transparent;
    border: 0;
    border-radius: 6px;
    transition: color 0.2s ease, background-color 0.2s ease;
}


    .ziggurat-view-btn:hover {
        color: #159ba4;
    }


    /* حالت انتخاب‌شده */
    .ziggurat-view-btn.active {
        color: #159ba4;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(3, 14, 24, 0.08);
    }

/* =========================================================
   کارت محصولات صفحه Products
   ========================================================= */

.ziggurat-products-grid {
    padding-top: 0.5rem;
}


/* کارت اصلی محصول */
.ziggurat-product-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(3, 14, 24, 0.06), 0 2px 8px rgba(3, 14, 24, 0.03);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}


/* Hover کارت در دستگاه‌هایی که موس دارند */
@media (hover: hover) and (pointer: fine) {

    .ziggurat-product-card:hover {
        transform: translateY(-5px);
        border-color: rgba(39, 194, 201, 0.26);
        box-shadow: 0 18px 36px rgba(3, 14, 24, 0.11), 0 4px 12px rgba(3, 14, 24, 0.05);
    }
}


/* تصویر محصول بدون قاب و فاصله داخلی نمایش داده می‌شود */
.ziggurat-product-image-wrapper {
    width: 100%;
    overflow: hidden;
    background: transparent;
    border-bottom: 1px solid rgba(3, 14, 24, 0.06);
}


/* تصویر تمام عرض کارت را می‌گیرد و نسبت اصلی آن حفظ می‌شود */
.ziggurat-product-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .ziggurat-product-card:hover .ziggurat-product-image {
        transform: scale(1.035);
    }
}


/* دکمه مشاهده محصول */
.ziggurat-product-view-btn {
    min-height: 42px;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.18);
    border-radius: 7px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}


    .ziggurat-product-view-btn:hover {
        color: #ffffff;
        background: #159ba4;
        border-color: #159ba4;
    }

/* عنوان گروه‌های مختلف فیلتر */
.ziggurat-filter-title,
.ziggurat-filter-block > h2 {
    color: #18212a;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.6;
}

/* آیکون دسته‌بندی محصولات */
.ziggurat-filter-icon {
    width: 16px;
    color: #8c949c;
    font-size: 0.72rem;
    text-align: center;
    transition: color 0.2s ease;
}


.ziggurat-category-filter:hover .ziggurat-filter-icon,
.ziggurat-category-filter.active .ziggurat-filter-icon {
    color: #159ba4;
}

/* جداکننده ظریف میان تعداد نتایج و نوع نمایش */
.ziggurat-toolbar-divider {
    width: 1px;
    height: 28px;
    background: rgba(3, 14, 24, 0.11);
}

/* =========================================================
   Modal جزئیات محصول
   ========================================================= */

/* عرض Modal نزدیک به صفحه جزئیات محصول در نظر گرفته شده است */
.ziggurat-product-modal-dialog {
    width: calc(100% - 2rem);
    max-width: 1180px;
}


/* بدنه اصلی Modal */
.ziggurat-product-modal {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 28px 70px rgba(3, 14, 24, 0.22), 0 8px 24px rgba(3, 14, 24, 0.09);
}


/* دکمه بستن در گوشه Modal */
.ziggurat-product-modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5;
    width: 34px;
    height: 34px;
    padding: 0.55rem;
    background-color: rgba(255, 255, 255, 0.90);
    border-radius: 7px;
    box-shadow: 0 4px 12px rgba(3, 14, 24, 0.08);
}


/* بخش بالایی جزئیات */
.ziggurat-product-detail-top {
    padding: 2rem;
}


/* =========================================================
   گالری تصاویر
   ========================================================= */

/* ارتفاع گالری کنترل می‌شود تا تب‌های پایین Modal نیز دیده شوند */
.ziggurat-product-gallery {
    height: 340px;
}


/* ستون تصاویر کوچک */
.ziggurat-product-thumbnails {
    width: 64px;
    flex: 0 0 64px;
}


/* هر Thumbnail */
.ziggurat-product-thumbnail {
    width: 64px;
    height: 64px;
    padding: 3px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.10);
    border-radius: 7px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}


    .ziggurat-product-thumbnail img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
    }


    /* تصویر انتخاب‌شده */
    .ziggurat-product-thumbnail.active {
        border-color: #159ba4;
        box-shadow: 0 0 0 2px rgba(39, 194, 201, 0.10);
    }


/* تصویر اصلی */
.ziggurat-product-main-image {
    overflow: hidden;
    background: #f7f8f9;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 10px;
}


    .ziggurat-product-main-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


/* =========================================================
   اطلاعات اصلی محصول
   ========================================================= */

.ziggurat-product-summary {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}


/* دسته‌بندی */
.ziggurat-product-detail-category {
    width: fit-content;
    padding: 0.4rem 0.65rem;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.14);
    border-radius: 6px;
    font-size: 0.76rem;
}


/* عنوان اصلی محصول */
.ziggurat-product-detail-title {
    color: #17212a;
    font-size: 1.4rem;
    line-height: 1.7;
}


/* لیست مشخصات کلیدی */
.ziggurat-product-key-specs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


/* هر مشخصه */
.ziggurat-product-key-spec {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    color: #616b75;
    font-size: 0.82rem;
    line-height: 1.9;
}


    .ziggurat-product-key-spec i {
        margin-top: 0.35rem;
        color: #159ba4;
        font-size: 0.72rem;
    }


    .ziggurat-product-key-spec strong {
        color: #303a43;
        font-weight: 500;
    }


/* =========================================================
   دکمه‌های محصول
   ========================================================= */

.ziggurat-product-inquiry-btn {
    min-height: 44px;
    padding-inline: 1rem;
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 500;
}


/* استعلام و مشاوره */
.ziggurat-product-inquiry-btn {
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
    border: 1px solid #159ba4;
}


    .ziggurat-product-inquiry-btn:hover {
        color: #ffffff;
        background: #159ba4;
    }

/* =========================================================
   Modal محصول در موبایل
   ========================================================= */

@media (max-width: 767.98px) {

    .ziggurat-product-modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }


    .ziggurat-product-modal {
        min-height: 100%;
        border-radius: 0;
    }


    .ziggurat-product-detail-top {
        padding: 1.5rem 2rem 1.25rem;
    }


    .ziggurat-product-gallery {
        height: auto;
        flex-direction: column-reverse;
    }


    /* Thumbnailها در موبایل افقی می‌شوند */
    .ziggurat-product-thumbnails {
        width: 100%;
        flex: none;
        flex-direction: row !important;
        overflow-x: auto;
    }


    .ziggurat-product-thumbnail {
        width: 62px;
        min-width: 62px;
        height: 62px;
    }


    .ziggurat-product-main-image {
        width: 100%;
        height: 300px;
    }


    .ziggurat-product-summary {
        padding: 0.5rem 0;
    }


    .ziggurat-product-detail-title {
        font-size: 1.2rem;
    }


    .ziggurat-product-inquiry-btn {
        flex: 1 1 100%;
    }
}

/* =========================================================
   بخش پایین Modal محصول
   ========================================================= */

.ziggurat-product-detail-bottom {
    padding: 0 2rem 2rem;
    border-top: 1px solid rgba(3, 14, 24, 0.06);
}


/* =========================================================
   تب‌های اطلاعات تکمیلی محصول
   ========================================================= */

/*
    Tabها به‌صورت یک کنترل یکپارچه و ظریف نمایش داده می‌شوند
    تا با طراحی صنعتی Modal هماهنگ باشند.
*/
.ziggurat-product-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.3rem;
    background: #f5f7f8;
    border: 1px solid rgba(3, 14, 24, 0.06);
    border-radius: 8px;
}


    /* هر Tab */
    .ziggurat-product-tabs .nav-link {
        padding: 0.55rem 0.9rem;
        color: #66717b;
        background: transparent;
        border: 0;
        border-radius: 6px;
        font-size: 0.78rem;
        font-weight: 500;
        white-space: nowrap;
        transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
    }


        /* Hover */
        .ziggurat-product-tabs .nav-link:hover {
            color: #159ba4;
            background: rgba(39, 194, 201, 0.06);
        }


        /* Tab فعال */
        .ziggurat-product-tabs .nav-link.active {
            color: #159ba4;
            background: #ffffff;
            box-shadow: 0 3px 10px rgba(3, 14, 24, 0.08);
        }


/* کارت محتوای اصلی */
.ziggurat-product-content-card {
    height: 100%;
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(3, 14, 24, 0.05);
}

.ziggurat-product-content-title {
    margin-bottom: 1rem;
    color: #17212a;
    font-size: 1rem;
    font-weight: 700;
}

.ziggurat-product-content-text {
    color: #5f6b76;
    font-size: 0.9rem;
    line-height: 2.1;
}


/* لیست ویژگی‌ها */
.ziggurat-product-feature-list {
    padding-right: 1rem;
    margin: 0;
    color: #5f6b76;
    font-size: 0.9rem;
    line-height: 2.1;
}

    .ziggurat-product-feature-list li {
        margin-bottom: 0.35rem;
    }


/* جدول مشخصات فنی */
.ziggurat-product-specs-table {
    overflow: hidden;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 10px;
}

    .ziggurat-product-specs-table tbody tr td {
        padding: 0.95rem 1rem;
        color: #46515b;
        font-size: 0.86rem;
        border-color: rgba(3, 14, 24, 0.06);
    }

        .ziggurat-product-specs-table tbody tr td:first-child {
            width: 42%;
            color: #17212a;
            font-weight: 600;
            background: #fafcfd;
        }


/* کارت مشاوره */
.ziggurat-product-help-card {
    padding: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #031827, #08253b);
    border-radius: 14px;
    box-shadow: 0 18px 34px rgba(3, 14, 24, 0.15);
    height: fit-content;
}

.ziggurat-product-help-title {
    margin-bottom: 0.85rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 700;
}

.ziggurat-product-help-text {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.88rem;
    line-height: 2;
}

/* دکمه درخواست مشاوره مطابق رنگ برند زیگورات */
.ziggurat-product-help-btn {
    min-height: 46px;
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9 0%, #159ba4 100% );
    border: 1px solid rgba(39, 194, 201, 0.45);
    border-radius: 9px;
    font-size: 0.88rem;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(21, 155, 164, 0.20);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

    .ziggurat-product-help-btn:hover {
        color: #ffffff;
        background: linear-gradient( 135deg, #159ba4 0%, #117f87 100% );
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(21, 155, 164, 0.26);
    }



/* =========================================================
   Responsive - بخش پایین Modal
   ========================================================= */

@media (max-width: 767.98px) {

    .ziggurat-product-tabs {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

        .ziggurat-product-tabs::-webkit-scrollbar {
            display: none;
        }

        .ziggurat-product-tabs .nav-item {
            flex: 0 0 auto;
        }

        .ziggurat-product-tabs .nav-link {
            padding: 0.5rem 0.75rem;
            font-size: 0.74rem;
        }
}

/* =========================================================
   نمایش لیستی محصولات
   ========================================================= */

/* دسته‌بندی محصول */
.ziggurat-product-list-category {
    width: fit-content;
    padding: 0.3rem 0.55rem;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.14);
    border-radius: 6px;
    font-size: 0.72rem;
}


/* توضیح کوتاه */
.ziggurat-product-list-description {
    max-width: 700px;
    color: #68727c;
    font-size: 0.78rem;
    line-height: 1.9;
}


/* مشخصات کلیدی */
.ziggurat-product-list-specs span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.55rem;
    color: #68727c;
    background: #f7f9fa;
    border: 1px solid rgba(3, 14, 24, 0.06);
    border-radius: 6px;
    font-size: 0.7rem;
}


.ziggurat-product-list-specs i {
    color: #159ba4;
    font-size: 0.65rem;
}


/* دکمه مشاهده محصول در List جمع‌وجور می‌شود */
.ziggurat-products-grid-list .ziggurat-product-view-btn {
    width: fit-content;
    min-height: 38px;
    padding-inline: 1.1rem;
}

/* اطلاعات تکمیلی فقط در حالت List نمایش داده می‌شوند */
.ziggurat-product-list-details {
    display: none;
}

/* =========================================================
   اندازه نهایی کارت محصول فقط در حالت Grid
   روی حالت List هیچ اثری ندارد.
   ========================================================= */

.ziggurat-products-grid:not(.ziggurat-products-grid-list)
.ziggurat-product-image-wrapper {
    width: 100%;
    height: 250px;
    overflow: hidden;
}


/* تصویر در حالت Grid داخل ارتفاع کنترل‌شده Crop می‌شود */
.ziggurat-products-grid:not(.ziggurat-products-grid-list)
.ziggurat-product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* بخش متنی کارت Grid جمع‌وجورتر می‌شود */
.ziggurat-products-grid:not(.ziggurat-products-grid-list)
.ziggurat-product-card-body {
    padding: 0.9rem !important;
}


/* فاصله عنوان کمتر می‌شود */
.ziggurat-products-grid:not(.ziggurat-products-grid-list)
.ziggurat-product-card-title {
    margin-bottom: 0.75rem !important;
}


/* دکمه هم کمی جمع‌وجورتر می‌شود */
.ziggurat-products-grid:not(.ziggurat-products-grid-list)
.ziggurat-product-view-btn {
    min-height: 40px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 7px;
}

/* =========================================================
   Sidebar محصولات - Desktop / Mobile Offcanvas
   ========================================================= */


/* دکمه فیلتر موبایل */
.ziggurat-mobile-filter-btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding-inline: 0.75rem;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.07);
    border: 1px solid rgba(39, 194, 201, 0.18);
    border-radius: 7px;
    font-size: 0.75rem;
}

/* =========================================================
   Grid محصولات در موبایل
   سه کارت به‌صورت هم‌زمان نمایش داده می‌شوند.
   ========================================================= */

@media (max-width: 767.98px) {

    /*
        تصویر کارت Grid در موبایل کوچک می‌شود
        تا سه محصول کنار هم قابل نمایش باشند.
    */
    .ziggurat-products-grid:not(.ziggurat-products-grid-list)
    .ziggurat-product-image-wrapper {
        height: 115px;
    }


    /* Radius کارت در موبایل کمی ظریف‌تر است */
    .ziggurat-products-grid:not(.ziggurat-products-grid-list)
    .ziggurat-product-card {
        border-radius: 9px;
    }


    /* بخش متنی کارت */
    .ziggurat-products-grid:not(.ziggurat-products-grid-list)
    .ziggurat-product-card-body {
        padding: 0.55rem !important;
    }


    /* عنوان محصول */
    .ziggurat-products-grid:not(.ziggurat-products-grid-list)
    .ziggurat-product-card-title {
        margin-bottom: 0.5rem !important;
        font-size: 0.72rem;
        line-height: 1.6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* دکمه مشاهده محصول */
    .ziggurat-products-grid:not(.ziggurat-products-grid-list)
    .ziggurat-product-view-btn {
        width: 100%;
        min-height: 32px;
        padding: 0.3rem 0.4rem;
        border-radius: 6px;
        font-size: 0.64rem;
        white-space: nowrap;
    }


        /* در کارت کوچک موبایل فلش دکمه مخفی می‌شود */
        .ziggurat-products-grid:not(.ziggurat-products-grid-list)
        .ziggurat-product-view-btn i {
            display: none;
        }
}

/* =========================================================
   List View محصولات در موبایل
   کارت به‌صورت افقی و جمع‌وجور نمایش داده می‌شود.
   ========================================================= */

@media (max-width: 767.98px) {

    /* هر محصول در List یک ردیف کامل است */
    .ziggurat-products-grid.ziggurat-products-grid-list > .col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }


    /*
        ساختار افقی کارت حفظ می‌شود.
        تصویر در سمت راست فیزیکی و اطلاعات در سمت چپ آن قرار می‌گیرد.
    */
    .ziggurat-products-grid-list .ziggurat-product-card {
        min-height: 170px;
        height: 165px !important;
        flex-direction: row;
        direction: rtl;
        border-radius: 9px;
    }


    /* تصویر List موبایل */
    .ziggurat-products-grid-list .ziggurat-product-image-wrapper {
        width: 34%;
        min-width: 110px;
        max-width: 130px;
        min-height: 170px;
        height: 100%;
        border-left: 1px solid rgba(3, 14, 24, 0.06);
        border-bottom: 0;
    }


    .ziggurat-products-grid-list .ziggurat-product-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* اطلاعات محصول */
    .ziggurat-products-grid-list .ziggurat-product-card-body {
        min-width: 0;
        display: flex;
        flex-direction: column;
        padding: 0.7rem !important;
        text-align: right !important;
        direction: rtl;
    }


    /* عنوان */
    .ziggurat-products-grid-list .ziggurat-product-card-title {
        margin-bottom: 0.35rem !important;
        font-size: 0.8rem;
        text-align: right !important;
    }


    /* دسته‌بندی */
    .ziggurat-products-grid-list .ziggurat-product-list-category {
        margin-bottom: 0.4rem !important;
        padding: 0.2rem 0.4rem;
        font-size: 0.62rem;
    }


    /*
        توضیح در موبایل حداکثر دو خط دیده می‌شود
        تا ارتفاع کارت افزایش پیدا نکند.
    */
    .ziggurat-products-grid-list .ziggurat-product-list-description {
        display: -webkit-box;
        margin-bottom: 0.45rem !important;
        overflow: hidden;
        font-size: 0.66rem;
        line-height: 1.7;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }


    /* مشخصات کلیدی */
    .ziggurat-products-grid-list .ziggurat-product-list-specs {
        gap: 0.3rem !important;
        margin-bottom: 0.45rem !important;
    }


        .ziggurat-products-grid-list .ziggurat-product-list-specs span {
            padding: 0.2rem 0.35rem;
            border-radius: 5px;
            font-size: 0.58rem;
        }


    /*
        سومین مشخصه در موبایل مخفی می‌شود
        تا کارت بیش از حد شلوغ نشود.
    */

            .ziggurat-products-grid-list
            .ziggurat-product-list-specs span:nth-child(3) {
                display: none;
            }


    /* دکمه مشاهده */
    .ziggurat-products-grid-list .ziggurat-product-view-btn {
        width: fit-content;
        min-height: 30px;
        margin-top: auto;
        padding: 0.25rem 0.65rem;
        border-radius: 6px;
        font-size: 0.64rem;
    }
}

/* =========================================================
   فیلتر محصولات در موبایل
   ========================================================= */

.ziggurat-mobile-filter-offcanvas {
    --bs-offcanvas-width: min(88vw, 360px);
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: #f7f8f9;
}


/* Header فیلتر ثابت می‌ماند */
.ziggurat-mobile-filter-header {
    flex: 0 0 auto;
    padding: 1rem;
    background: #ffffff;
    border-bottom: 1px solid rgba(3, 14, 24, 0.07);
}


/*
    فقط محتوای داخلی Scroll می‌خورد.
    این بخش مشکل گوشی‌هایی با ارتفاع متفاوت را حل می‌کند.
*/
.ziggurat-mobile-filter-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}


    /* Sidebar داخل Offcanvas تمام عرض پنل را می‌گیرد */
    .ziggurat-mobile-filter-body .ziggurat-products-sidebar {
        width: 100%;
        margin: 0;
    }

/* =========================================================
   Toolbar محصولات در موبایل
   ========================================================= */

@media (max-width: 767.98px) {

    .ziggurat-products-toolbar {
        min-height: 0;
        padding: 0.75rem;
        gap: 0.75rem !important;
        border-radius: 10px;
    }


    .ziggurat-products-count {
        font-size: 0.75rem;
    }


        .ziggurat-products-count strong {
            font-size: 0.88rem;
        }


    .ziggurat-view-btn {
        width: 32px;
        height: 32px;
    }


    .ziggurat-mobile-filter-btn {
        min-height: 34px;
        padding-inline: 0.6rem;
        font-size: 0.7rem;
    }


    /*
        مرتب‌سازی در ردیف دوم قرار می‌گیرد،
        ولی دیگر ارتفاع بیش از حد نمی‌گیرد.
    */
    .ziggurat-sort-dropdown {
        width: 100%;
        min-width: 100%;
    }


    .ziggurat-sort-btn {
        min-height: 38px;
        padding: 0.5rem 0.7rem;
        font-size: 0.74rem;
    }
}

/* =========================================================
   FINAL FIX - نمایش فهرستی محصولات
   این بخش باید در انتهای site.css باقی بماند
   تا Ruleهای Grid و Bootstrap را Override کند.
   ========================================================= */


/* هر محصول در حالت فهرستی تمام عرض بخش نتایج را می‌گیرد */
.ziggurat-products-grid.ziggurat-products-grid-list > .col {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* کارت فهرستی در دسکتاپ افقی می‌شود */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card {
    display: flex !important;
    flex-direction: row !important;
    width: 100%;
    height: 250px !important;
    min-height: 250px;
    direction: rtl;
    border-radius: 12px;
}


/* تصویر در سمت راست فیزیکی کارت */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-image-wrapper {
    flex: 0 0 34%;
    width: 34% !important;
    min-width: 34% !important;
    height: 100% !important;
    border-bottom: 0;
    border-left: 1px solid rgba(3, 14, 24, 0.06);
}


/* تصویر تمام فضای ستون خودش را پر می‌کند */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* محتوای محصول در سمت چپ فیزیکی تصویر */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card-body {
    flex: 1 1 auto;
    min-width: 0;
    padding: 1.25rem 1.5rem !important;
    text-align: right !important;
    direction: rtl;
}


/* عنوان محصول */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card-title {
    margin-bottom: 0.65rem !important;
    text-align: right !important;
    font-size: 1rem;
}


/* اطلاعات تکمیلی فقط در List دیده می‌شوند */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-list-details {
    display: block !important;
}


/* دکمه مشاهده محصول */
.ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-view-btn {
    width: fit-content !important;
    min-height: 38px;
    margin-top: auto;
    padding-inline: 1.1rem;
    border-radius: 7px;
}

/* =========================================================
   FINAL FIX - نمایش فهرستی در موبایل
   ========================================================= */

@media (max-width: 767.98px) {

    /* هر کارت یک ردیف کامل */
    .ziggurat-products-grid.ziggurat-products-grid-list > .col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }


    /*
        ارتفاع Fixed حذف می‌شود تا دکمه یا متن بریده نشود.
        ساختار همچنان افقی باقی می‌ماند.
    */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card {
        flex-direction: row !important;
        height: auto !important;
        min-height: 170px;
        border-radius: 9px;
    }


    /* تصویر در سمت راست فیزیکی */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-image-wrapper {
        flex: 0 0 35%;
        width: 35% !important;
        min-width: 110px !important;
        max-width: 135px;
        height: auto !important;
        min-height: 170px;
        align-self: stretch;
    }


    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* محتوای کارت */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card-body {
        flex: 1;
        padding: 0.7rem !important;
        text-align: right !important;
    }


    /* عنوان */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-card-title {
        margin-bottom: 0.35rem !important;
        font-size: 0.78rem;
        text-align: right !important;
    }


    /* دسته‌بندی */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-list-category {
        margin-bottom: 0.35rem !important;
        padding: 0.2rem 0.4rem;
        font-size: 0.6rem;
    }


    /* توضیح فقط دو خط */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-list-description {
        display: -webkit-box !important;
        margin-bottom: 0.4rem !important;
        overflow: hidden;
        font-size: 0.63rem;
        line-height: 1.7;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }


    /* مشخصات کلیدی */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-list-specs {
        gap: 0.25rem !important;
        margin-bottom: 0.45rem !important;
    }


        .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-list-specs span {
            padding: 0.2rem 0.3rem;
            font-size: 0.55rem;
            border-radius: 5px;
        }


            /* مشخصه سوم در صفحه کوچک حذف می‌شود */
            .ziggurat-products-grid.ziggurat-products-grid-list
            .ziggurat-product-list-specs span:nth-child(3) {
                display: none;
            }


    /* دکمه همیشه داخل کارت باقی می‌ماند */
    .ziggurat-products-grid.ziggurat-products-grid-list .ziggurat-product-view-btn {
        width: fit-content !important;
        min-height: 29px;
        margin-top: auto;
        padding: 0.25rem 0.6rem;
        font-size: 0.61rem;
        border-radius: 6px;
    }
}

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

.ziggurat-customers-section {
    background: #ffffff;
}


/* نوشته کوچک بالای عنوان */
.ziggurat-section-eyebrow {
    color: #159ba4;
    font-size: 0.78rem;
    font-weight: 600;
}


/* عنوان اصلی */
.ziggurat-customers-title {
    color: #071722;
    font-size: 1.65rem;
}


/* توضیح زیر عنوان */
.ziggurat-customers-subtitle {
    color: #7b8790;
    font-size: 0.86rem;
}


/* هر مشتری */
.ziggurat-customer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}


/* دایره لوگوی مشتری */
.ziggurat-customer-logo {
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(3, 14, 24, 0.07);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}


    /* لوگوی واقعی مشتری */
    .ziggurat-customer-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 0.35rem;
    }


    /* Placeholder فعلی */
    .ziggurat-customer-logo i {
        color: #159ba4;
        font-size: 2.1rem;
    }


/* نام مشتری */
.ziggurat-customer-name {
    margin: 0;
    color: #263842;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.6;
}


/* Hover بسیار ظریف */
.ziggurat-customer-item:hover .ziggurat-customer-logo {
    transform: none;
    border-color: rgba(39, 194, 201, 0.55);
    box-shadow: 0 14px 32px rgba(3, 14, 24, 0.10), 0 0 0 4px rgba(39, 194, 201, 0.06);
}

@media (max-width: 767.98px) {

    .ziggurat-customers-section {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-customers-title {
        font-size: 1.35rem;
    }


    .ziggurat-customers-subtitle {
        max-width: 290px;
        margin-inline: auto;
        font-size: 0.76rem;
        line-height: 1.8;
    }


    .ziggurat-customer-logo {
        width: 105px;
        height: 105px;
        margin-bottom: 0.7rem;
    }


        .ziggurat-customer-logo i {
            font-size: 1.7rem;
        }


    .ziggurat-customer-name {
        font-size: 0.72rem;
    }
}

/* =========================================================
   اسلایدر مشتریان
   ========================================================= */

.ziggurat-customers-slider-wrapper {
    padding-inline: 3rem;
}


.ziggurat-customers-slider {
    display: flex;
    gap: 2rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}


    .ziggurat-customers-slider::-webkit-scrollbar {
        display: none;
    }


/* هر مشتری یک Slide مستقل است */
.ziggurat-customer-slide {
    flex: 0 0 calc((100% - 10rem) / 6);
    min-width: 0;
    scroll-snap-align: start;
}


/* دکمه‌های کنترل اسلایدر */
.ziggurat-customers-slider-btn {
    position: absolute;
    top: 55px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #159ba4;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 50%;
    box-shadow: 0 5px 18px rgba(3, 14, 24, 0.08);
    transition: transform 0.2s ease, background 0.2s ease;
}


/* سمت راست فیزیکی صفحه */
.ziggurat-customers-slider-prev {
    right: 0;
}


/* سمت چپ فیزیکی صفحه */
.ziggurat-customers-slider-next {
    left: 0;
}


.ziggurat-customers-slider-btn:hover {
    transform: scale(1.05);
    color: #ffffff;
    background: #159ba4;
}

@media (max-width: 767.98px) {

    .ziggurat-customers-slider-wrapper {
        padding-inline: 0;
    }


    /*
        مثل Sliderهای صفحه اصلی بخشی از Slide بعدی نیز
        دیده می‌شود تا کاربر متوجه قابل اسکرول بودن بخش شود.
    */
    .ziggurat-customer-slide {
        flex: 0 0 42%;
    }


    .ziggurat-customers-slider {
        gap: 0.5rem;
        padding-inline: 0.25rem;
    }


    .ziggurat-customers-slider-btn {
        display: none;
    }


    .ziggurat-customer-logo {
        width: 120px;
        height: 120px;
    }
}

/* =========================================================
   سکشن معرفی پروژه‌ها
   ========================================================= */

.ziggurat-projects-showcase {
    background: #f7f8f9;
}


/* عنوان اصلی */
.ziggurat-projects-showcase-title {
    color: #071722;
    font-size: 1.65rem;
}


/* توضیح زیر عنوان */
.ziggurat-projects-showcase-subtitle {
    color: #7b8790;
    font-size: 0.86rem;
}


/* کارت پروژه */
.ziggurat-project-showcase-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(3, 14, 24, 0.045);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}


/* تصویر */
.ziggurat-project-showcase-image-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
}


.ziggurat-project-showcase-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}


/* اطلاعات پروژه */
.ziggurat-project-showcase-body {
    padding: 1.1rem 1rem 1.2rem;
}


/* عنوان پروژه */
.ziggurat-project-showcase-name {
    margin-bottom: 0.45rem;
    color: #172833;
    font-size: 0.95rem;
    font-weight: 700;
}


/* توضیح پروژه */
.ziggurat-project-showcase-description {
    margin: 0;
    color: #77848d;
    font-size: 0.76rem;
    line-height: 1.9;
}


/* Hover بسیار کنترل‌شده */
.ziggurat-project-showcase-card:hover {
    transform: translateY(-3px);
    border-color: rgba(39, 194, 201, 0.20);
    box-shadow: 0 10px 26px rgba(3, 14, 24, 0.075);
}


    .ziggurat-project-showcase-card:hover
    .ziggurat-project-showcase-image {
        transform: scale(1.015);
    }

@media (max-width: 767.98px) {

    .ziggurat-projects-showcase {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-projects-showcase-title {
        font-size: 1.35rem;
    }


    .ziggurat-projects-showcase-subtitle {
        max-width: 290px;
        margin-inline: auto;
        font-size: 0.76rem;
        line-height: 1.8;
    }


    .ziggurat-project-showcase-image-wrapper {
        height: 190px;
    }


    .ziggurat-project-showcase-body {
        padding: 0.9rem;
    }


    .ziggurat-project-showcase-name {
        font-size: 0.88rem;
    }


    .ziggurat-project-showcase-description {
        font-size: 0.72rem;
    }
}

/* =========================================================
   صفحه ارتباط با ما
   ========================================================= */

.ziggurat-contact-main {
    background: #ffffff;
}


/* ---------------------------------------------------------
   اطلاعات تماس
   --------------------------------------------------------- */

.ziggurat-contact-info {
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 12px;
}


.ziggurat-contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}


.ziggurat-contact-info-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border-radius: 50%;
}


.ziggurat-contact-info-item h3 {
    margin-bottom: 0.35rem;
    color: #172833;
    font-size: 0.82rem;
    font-weight: 700;
}


.ziggurat-contact-info-item p {
    margin-bottom: 0.2rem;
    color: #73808a;
    font-size: 0.74rem;
    line-height: 1.9;
}


/* ---------------------------------------------------------
   فرم تماس
   --------------------------------------------------------- */

.ziggurat-contact-form-wrapper {
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 12px;
}


.ziggurat-contact-form .form-label {
    margin-bottom: 0.4rem;
    color: #53616b;
    font-size: 0.72rem;
    font-weight: 500;
}


.ziggurat-contact-form .form-control {
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    color: #263842;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.09);
    border-radius: 8px;
    font-size: 0.76rem;
}


.ziggurat-contact-form textarea.form-control {
    min-height: 145px;
    resize: vertical;
}


.ziggurat-contact-form .form-control:focus {
    border-color: rgba(39, 194, 201, 0.65);
    box-shadow: 0 0 0 0.2rem rgba(39, 194, 201, 0.08);
}


/* دکمه ارسال */
.ziggurat-contact-submit {
    min-height: 44px;
    color: #ffffff;
    background: linear-gradient( 90deg, #27c2c9, #159ba4 );
    border: 0;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
}


    .ziggurat-contact-submit:hover {
        color: #ffffff;
        opacity: 0.92;
    }


/* ---------------------------------------------------------
   نقشه
   --------------------------------------------------------- */

.ziggurat-contact-map {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: #eef4f5;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 12px;
}


.ziggurat-contact-map-frame {
    width: 100%;
    min-height: 100%;
    height: 100%;
    display: block;
    border: 0;
    pointer-events: none;
}


.ziggurat-contact-map-action {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}


.ziggurat-contact-map-action:focus-visible {
    outline: 3px solid rgba(21, 155, 164, 0.42);
    outline-offset: -4px;
}


.ziggurat-contact-map-action-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    color: #ffffff;
    background: rgba(23, 40, 51, 0.92);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(3, 14, 24, 0.18);
}


.ziggurat-map-app-modal .modal-content {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 22px 70px rgba(3, 14, 24, 0.2);
}


.ziggurat-map-app-modal .modal-header {
    align-items: flex-start;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom-color: rgba(3, 14, 24, 0.07);
}


.ziggurat-map-app-subtitle {
    color: #73808a;
    font-size: 0.74rem;
}


.ziggurat-map-app-modal .modal-body {
    padding: 1rem 1.25rem 1.25rem;
}


.ziggurat-map-app-list {
    display: grid;
    gap: 0.65rem;
}


.ziggurat-map-app-link {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 64px;
    padding: 0.75rem 0.9rem;
    color: #172833;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 12px;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}


.ziggurat-map-app-link:hover,
.ziggurat-map-app-link:focus-visible {
    color: #172833;
    border-color: rgba(21, 155, 164, 0.4);
    box-shadow: 0 8px 22px rgba(3, 14, 24, 0.08);
    transform: translateY(-1px);
}


.ziggurat-map-app-link-primary {
    border-color: rgba(21, 155, 164, 0.34);
    background: rgba(21, 155, 164, 0.055);
}


.ziggurat-map-app-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #117e85;
    background: rgba(21, 155, 164, 0.1);
    border-radius: 10px;
}


.ziggurat-map-app-content {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.12rem;
}


.ziggurat-map-app-content strong {
    font-size: 0.8rem;
}


.ziggurat-map-app-content small {
    color: #117e85;
    font-size: 0.68rem;
}


.ziggurat-map-app-arrow {
    color: #96a0a7;
    font-size: 0.7rem;
}


html[dir="ltr"] .ziggurat-map-app-arrow {
    transform: rotate(180deg);
}

@media (max-width: 991.98px) {

    .ziggurat-contact-info,
    .ziggurat-contact-form-wrapper {
        padding: 1.2rem;
    }


    .ziggurat-contact-map {
        min-height: 300px;
    }


    .ziggurat-contact-map-frame,
    .ziggurat-contact-map-action {
        min-height: 300px;
    }
}

/* =========================================================
   صفحه درباره ما - بخش معرفی شرکت
   ========================================================= */

.ziggurat-about-intro {
    background: #ffffff;
}


/* عنوان کوچک فیروزه‌ای */
.ziggurat-about-eyebrow {
    color: #159ba4;
    font-size: 0.78rem;
    font-weight: 600;
}


/* عنوان اصلی */
.ziggurat-about-intro-title {
    max-width: 600px;
    color: #071722;
    font-size: 1.75rem;
    line-height: 1.6;
}


/* متن معرفی */
.ziggurat-about-intro-text {
    max-width: 720px;
    color: #697780;
    font-size: 0.83rem;
    line-height: 2.1;
}


/* ---------------------------------------------------------
   مزیت‌های معرفی
   --------------------------------------------------------- */

.ziggurat-about-feature {
    height: 100%;
    padding: 0.75rem;
    border-radius: 9px;
    transition: background 0.2s ease, transform 0.2s ease;
}


/* آیکن */
.ziggurat-about-feature-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border-radius: 8px;
    font-size: 0.9rem;
}


/* عنوان مزیت */
.ziggurat-about-feature-title {
    margin-bottom: 0.25rem;
    color: #263842;
    font-size: 0.78rem;
    font-weight: 700;
}


/* توضیح مزیت */
.ziggurat-about-feature-text {
    color: #87929a;
    font-size: 0.67rem;
    line-height: 1.8;
}


/* Hover خیلی ظریف */
.ziggurat-about-feature:hover {
    transform: translateY(-2px);
    background: rgba(39, 194, 201, 0.035);
}


/* ---------------------------------------------------------
   تصویر اصلی معرفی
   --------------------------------------------------------- */

.ziggurat-about-intro-image-wrapper {
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(3, 14, 24, 0.09);
}


.ziggurat-about-intro-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}


.ziggurat-about-intro-image-wrapper:hover
.ziggurat-about-intro-image {
    transform: scale(1.015);
}

@media (max-width: 767.98px) {

    .ziggurat-about-intro {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-about-intro-title {
        font-size: 1.35rem;
        line-height: 1.7;
    }


    .ziggurat-about-intro-text {
        font-size: 0.76rem;
        line-height: 2;
    }


    .ziggurat-about-intro-image-wrapper {
        height: 260px;
        border-radius: 10px;
    }


    .ziggurat-about-feature {
        padding: 0.6rem 0;
    }
}

/* =========================================================
   صفحه درباره ما - نوار آمار
   ========================================================= */

.ziggurat-about-stats {
    padding-bottom: 3rem;
    background: #ffffff;
}


/* نوار آماری شیشه‌ای */
.ziggurat-about-stats-panel {
    position: relative;
    overflow: hidden;
    background: linear-gradient( 135deg, rgba(5, 24, 36, 0.96), rgba(7, 36, 48, 0.90) );
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(3, 14, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

    .ziggurat-about-stats-panel::before {
        content: "";
        position: absolute;
        top: -90px;
        right: 10%;
        width: 230px;
        height: 230px;
        background: rgba(39, 194, 201, 0.10);
        border-radius: 50%;
        filter: blur(45px);
        pointer-events: none;
    }


/* هر آیتم آماری */
.ziggurat-about-stat-item {
    position: relative;
    z-index: 1;
    min-height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.25rem;
    transition: background 0.25s ease, transform 0.25s ease;
}


    .ziggurat-about-stat-item:hover {
        background: rgba(255, 255, 255, 0.035);
    }


    /* جداکننده بین آیتم‌ها */
    .ziggurat-about-stat-item::after {
        content: "";
        position: absolute;
        top: 24%;
        bottom: 24%;
        left: 0;
        width: 1px;
        background: rgba(255, 255, 255, 0.09);
    }


/* آخرین آیتم جداکننده نیاز ندارد */
.ziggurat-about-stats .col-lg-3:last-child
.ziggurat-about-stat-item::after {
    display: none;
}


/* آیکن */
.ziggurat-about-stat-icon {
    position: relative;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #30d4dc;
    background: linear-gradient( 145deg, rgba(39, 194, 201, 0.18), rgba(39, 194, 201, 0.06) );
    border: 1px solid rgba(39, 194, 201, 0.26);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 22px rgba(0, 0, 0, 0.10);
    font-size: 1.15rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


.ziggurat-about-stat-item:hover
.ziggurat-about-stat-icon {
    border-color: rgba(39, 194, 201, 0.55);
    box-shadow: 0 0 0 4px rgba(39, 194, 201, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
}


/* عدد و عنوان */
.ziggurat-about-stat-content {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}


.ziggurat-about-stat-number {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}


.ziggurat-about-stat-label {
    margin-top: 0.4rem;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.74rem;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap;
}

@media (max-width: 991.98px) {

    .ziggurat-about-stats {
        padding-bottom: 2.5rem;
    }


    .ziggurat-about-stat-item {
        min-height: 105px;
        padding: 1rem 0.75rem;
    }


        /*
        در موبایل آمارها به شکل 2 × 2 هستند.
        بنابراین جداکننده‌ها متناسب با Grid موبایل تنظیم می‌شوند.
    */
        .ziggurat-about-stat-item::after {
            top: 20%;
            bottom: 20%;
        }


    .ziggurat-about-stat-number {
        font-size: 1.15rem;
    }


    .ziggurat-about-stat-label {
        font-size: 0.64rem;
    }


    .ziggurat-about-stat-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        font-size: 0.88rem;
    }
}

/* =========================================================
   صفحه درباره ما - چرا زیگورات و گالری
   ========================================================= */

.ziggurat-about-why {
    background: #f7f8f9;
}


/* ---------------------------------------------------------
   متن و مزیت‌ها
   --------------------------------------------------------- */

.ziggurat-about-why-title {
    color: #071722;
    font-size: 1.65rem;
    line-height: 1.6;
}


.ziggurat-about-why-description {
    max-width: 500px;
    color: #71808a;
    font-size: 0.8rem;
    line-height: 2;
}


/* هر مزیت */
.ziggurat-about-why-item {
    position: relative;
    height: 100%;
    padding: 1.1rem;
    overflow: hidden;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.56) );
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(3, 14, 24, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


    .ziggurat-about-why-item:hover {
        border-color: rgba(39, 194, 201, 0.30);
        box-shadow: 0 14px 34px rgba(3, 14, 24, 0.08), 0 0 0 3px rgba(39, 194, 201, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.90);
    }


/* آیکن */
.ziggurat-about-why-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.85rem;
    color: #159ba4;
    background: linear-gradient( 145deg, rgba(39, 194, 201, 0.16), rgba(39, 194, 201, 0.05) );
    border: 1px solid rgba(39, 194, 201, 0.18);
    border-radius: 13px;
    box-shadow: 0 7px 18px rgba(21, 155, 164, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    font-size: 1.05rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


.ziggurat-about-why-item:hover
.ziggurat-about-why-icon {
    color: #0c8c95;
    border-color: rgba(39, 194, 201, 0.40);
    box-shadow: 0 8px 22px rgba(21, 155, 164, 0.12), 0 0 0 4px rgba(39, 194, 201, 0.05);
}


.ziggurat-about-why-item h3 {
    margin-bottom: 0.45rem;
    color: #172833;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.6;
}


.ziggurat-about-why-item p {
    margin: 0;
    color: #75838d;
    font-size: 0.70rem;
    font-weight: 400;
    line-height: 1.9;
}


/* ---------------------------------------------------------
   گالری کارگاه
   --------------------------------------------------------- */

.ziggurat-about-gallery-main {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 11px;
    box-shadow: 0 8px 25px rgba(3, 14, 24, 0.08);
}


.ziggurat-about-gallery-main-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Thumbnail */
.ziggurat-about-gallery-thumb {
    height: 78px;
    overflow: hidden;
    cursor: pointer;
    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 7px;
}
    .ziggurat-about-gallery-thumb:hover {
        border-color: rgba(39, 194, 201, 0.45);
    }


    .ziggurat-about-gallery-thumb.active {
        border-color: #27c2c9;
    }


    .ziggurat-about-gallery-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 767.98px) {

    .ziggurat-about-why {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-about-why-title {
        font-size: 1.35rem;
    }


    .ziggurat-about-why-description {
        font-size: 0.75rem;
    }


    .ziggurat-about-gallery-main {
        height: 230px;
    }


    .ziggurat-about-gallery-thumb {
        height: 60px;
    }


    .ziggurat-about-why-item {
        padding: 0.7rem;
    }


        .ziggurat-about-why-item h3 {
            font-size: 0.72rem;
        }


        .ziggurat-about-why-item p {
            font-size: 0.61rem;
        }
}

/* =========================================================
   صفحه درباره ما - مسیر رشد زیگورات
   ========================================================= */

.ziggurat-about-timeline {
    background: #ffffff;
}


/* عنوان */
.ziggurat-about-timeline-title {
    color: #071722;
    font-size: 1.65rem;
}


/* توضیح زیر عنوان */
.ziggurat-about-timeline-subtitle {
    color: #7b8790;
    font-size: 0.82rem;
}


/* ---------------------------------------------------------
   ساختار Timeline
   --------------------------------------------------------- */

.ziggurat-about-timeline-wrapper {
    position: relative;
    padding-top: 1rem;
}


/* خط افقی اصلی */
.ziggurat-about-timeline-line {
    position: absolute;
    top: 22px;
    right: 12.5%;
    left: 12.5%;
    height: 2px;
    background: rgba(3, 14, 24, 0.10);
}


    /* بخش فیروزه‌ای روی خط */
    .ziggurat-about-timeline-line::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 90deg, rgba(39, 194, 201, 0.25), #27c2c9, rgba(39, 194, 201, 0.25) );
    }


/* هر مرحله */
.ziggurat-about-timeline-item {
    position: relative;
    min-height: 190px;
    padding: 0 1.2rem;
    text-align: center;
}


/* نقطه روی خط */
.ziggurat-about-timeline-point {
    position: relative;
    z-index: 2;
    width: 18px;
    height: 18px;
    margin: 0 auto 1.25rem;
    background: #27c2c9;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(39, 194, 201, 0.30), 0 4px 10px rgba(3, 14, 24, 0.10);
}


/* محتوای هر مرحله */
.ziggurat-about-timeline-content {
    max-width: 230px;
    margin-inline: auto;
}


/* سال */
.ziggurat-about-timeline-year {
    display: inline-block;
    margin-bottom: 0.45rem;
    color: #159ba4;
    font-size: 0.78rem;
    font-weight: 700;
}


/* عنوان رویداد */
.ziggurat-about-timeline-content h3 {
    margin-bottom: 0.45rem;
    color: #263842;
    font-size: 0.82rem;
    font-weight: 700;
}


/* توضیح */
.ziggurat-about-timeline-content p {
    margin: 0;
    color: #818d95;
    font-size: 0.68rem;
    line-height: 1.9;
}

/* =========================================================
   Timeline درباره ما - موبایل
   ========================================================= */

@media (max-width: 991.98px) {

    .ziggurat-about-timeline {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-about-timeline-title {
        font-size: 1.35rem;
    }


    .ziggurat-about-timeline-subtitle {
        max-width: 300px;
        margin-inline: auto;
        font-size: 0.75rem;
        line-height: 1.8;
    }


    .ziggurat-about-timeline-wrapper {
        max-width: 500px;
        margin-inline: auto;
        padding-top: 0;
    }


    /*
        خط Timeline در موبایل عمودی و
        در سمت راست فیزیکی محتوا قرار می‌گیرد.
    */
    .ziggurat-about-timeline-line {
        top: 8px;
        right: 8px;
        bottom: 25px;
        left: auto;
        width: 2px;
        height: auto;
    }


        .ziggurat-about-timeline-line::after {
            width: 100%;
            height: 100%;
            background: linear-gradient( 180deg, #27c2c9, rgba(39, 194, 201, 0.25) );
        }


    /* هر مرحله در موبایل */
    .ziggurat-about-timeline-item {
        min-height: 0;
        padding: 0 2.5rem 2rem 0;
        text-align: right;
    }


    /* نقطه روی خط عمودی */
    .ziggurat-about-timeline-point {
        position: absolute;
        top: 4px;
        right: 0;
        width: 18px;
        height: 18px;
        margin: 0;
    }


    .ziggurat-about-timeline-content {
        max-width: none;
        margin: 0;
    }


    .ziggurat-about-timeline-year {
        font-size: 0.75rem;
    }


    .ziggurat-about-timeline-content h3 {
        font-size: 0.79rem;
    }


    .ziggurat-about-timeline-content p {
        max-width: 380px;
        font-size: 0.66rem;
    }
}

/* =========================================================
   صفحه اصلی - قطعات یدکی و خدمات پس از فروش
   ========================================================= */

.ziggurat-spare-parts {
    background: linear-gradient( 180deg, #f4f8f9 0%, #ffffff 100% );
}


.ziggurat-spare-parts-title {
    color: #071722;
    font-size: 1.65rem;
}


.ziggurat-spare-parts-subtitle {
    color: #75838d;
    font-size: 0.82rem;
    line-height: 1.9;
}


.ziggurat-spare-parts-all {
    color: #159ba4;
    font-size: 0.76rem;
    font-weight: 600;
    transition: color 0.2s ease;
}


    .ziggurat-spare-parts-all:hover {
        color: #0c828a;
    }


/* =========================================================
   Slider
   ========================================================= */

.ziggurat-spare-parts-slider-wrapper {
    padding-inline: 3rem;
}


.ziggurat-spare-parts-slider {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}


    .ziggurat-spare-parts-slider::-webkit-scrollbar {
        display: none;
    }


.ziggurat-spare-part-slide {
    flex: 0 0 calc((100% - 3rem) / 4);
    min-width: 0;
    scroll-snap-align: start;
}


/* =========================================================
   کارت قطعه
   ========================================================= */

.ziggurat-spare-part-card {
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.07);
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(3, 14, 24, 0.06);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


    .ziggurat-spare-part-card:hover {
        border-color: rgba(39, 194, 201, 0.32);
        box-shadow: 0 14px 34px rgba(3, 14, 24, 0.09);
    }


/* تصویر */
.ziggurat-spare-part-image-wrapper {
    width: 100%;
    height: 245px;
    overflow: hidden;
    background: #eef3f4;
}


.ziggurat-spare-part-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.35s ease;
}


.ziggurat-spare-part-card:hover
.ziggurat-spare-part-image {
    transform: scale(1.015);
}


/* متن */
.ziggurat-spare-part-body {
    padding: 0.9rem 1rem 1rem;
    text-align: right;
}


.ziggurat-spare-part-badge {
    display: inline-block;
    margin-bottom: 0.5rem;
    padding: 0.18rem 0.5rem;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.10);
    border-radius: 20px;
    font-size: 0.58rem;
    font-weight: 600;
}


.ziggurat-spare-part-body h3 {
    margin-bottom: 0.45rem;
    color: #10232f;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.6;
}


.ziggurat-spare-part-body p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #7d8991;
    font-size: 0.70rem;
    line-height: 1.9;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* =========================================================
   دکمه‌های اسلایدر
   ========================================================= */

.ziggurat-spare-slider-btn {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #159ba4;
    background: #ffffff;
    border: 1px solid rgba(3, 14, 24, 0.08);
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(3, 14, 24, 0.09);
    transform: translateY(-50%);
}


.ziggurat-spare-slider-right {
    right: 0;
}


.ziggurat-spare-slider-left {
    left: 0;
}


.ziggurat-spare-slider-btn:hover {
    color: #ffffff;
    background: #159ba4;
}
@media (max-width: 767.98px) {

    .ziggurat-spare-parts {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }


    .ziggurat-spare-parts-title {
        font-size: 1.35rem;
    }


    .ziggurat-spare-parts-subtitle {
        max-width: 290px;
        font-size: 0.74rem;
    }


    .ziggurat-spare-parts-slider-wrapper {
        padding-inline: 0;
    }


    /*
        همان منطق اسلایدرهای Home:
        یک کارت اصلی و بخشی از کارت بعدی دیده می‌شود.
    */
    .ziggurat-spare-part-slide {
        flex: 0 0 70%;
    }


    .ziggurat-spare-parts-slider {
        gap: 0.8rem;
        padding-inline: 0.25rem;
    }


    .ziggurat-spare-slider-btn {
        display: none;
    }


    .ziggurat-spare-part-image-wrapper {
        height: 165px;
    }
}

/* عنوان سکشن قطعات دقیقاً در مرکز صفحه قرار می‌گیرد */
.ziggurat-spare-parts-heading {
    min-height: 90px;
}


/* توضیح زیر عنوان هم محدود و وسط‌چین می‌شود */
.ziggurat-spare-parts-subtitle {
    max-width: 700px;
}


/* لینک مشاهده همه در سمت چپ فیزیکی صفحه باقی می‌ماند */
.ziggurat-spare-parts-all-desktop {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* =========================================================
   صفحه اصلی - زیگورات در عمل
   ========================================================= */

.ziggurat-home-showcase {
    position: relative;
    overflow: hidden;
    background: radial-gradient( circle at 12% 20%, rgba(39, 194, 201, 0.13), transparent 26% ), radial-gradient( circle at 90% 80%, rgba(39, 194, 201, 0.07), transparent 28% ), linear-gradient( 145deg, #03111c 0%, #061b29 55%, #082433 100% );
}


    /* پترن صنعتی بسیار ظریف */
    .ziggurat-home-showcase::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px );
        background-size: 42px 42px;
        pointer-events: none;
    }


    .ziggurat-home-showcase > .container {
        position: relative;
        z-index: 1;
    }


/* =========================================================
   عنوان
   ========================================================= */

.ziggurat-home-showcase-heading {
    max-width: 700px;
}


.ziggurat-home-showcase-eyebrow {
    color: #31d1d9;
    font-size: 0.78rem;
    font-weight: 600;
}


.ziggurat-home-showcase-heading h2 {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1.6;
}


.ziggurat-home-showcase-heading p {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.82rem;
    line-height: 1.9;
}


/* =========================================================
   پنل سینمایی
   ========================================================= */

.ziggurat-showcase-panel {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    isolation: isolate;
}


.ziggurat-showcase-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.04);
    transition: transform 1.2s ease;
}


/*
    حرکت خیلی آرام تصویر باعث می‌شود حتی قبل از اضافه شدن
    ویدیوهای واقعی، سکشن حس زنده و سینمایی داشته باشد.
*/
@media (prefers-reduced-motion: no-preference) {

    .ziggurat-showcase-image {
        animation: zigguratShowcaseMotion 14s ease-in-out infinite alternate;
    }
}


@keyframes zigguratShowcaseMotion {

    from {
        transform: scale(1.04) translate3d(0, 0, 0);
    }

    to {
        transform: scale(1.10) translate3d(-1.2%, -0.7%, 0);
    }
}


/* Overlay */
.ziggurat-showcase-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 180deg, rgba(3, 14, 24, 0.04) 10%, rgba(3, 14, 24, 0.35) 48%, rgba(3, 14, 24, 0.96) 100% );
}


.ziggurat-showcase-overlay-strong {
    background: linear-gradient( 180deg, rgba(3, 14, 24, 0.12) 0%, rgba(3, 14, 24, 0.48) 45%, rgba(3, 14, 24, 0.98) 100% );
}


/* محتوای پایین تصویر */
.ziggurat-showcase-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 1.6rem;
}


.ziggurat-showcase-label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.7rem;
    padding: 0.38rem 0.65rem;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.10);
    border: 1px solid rgba(39, 194, 201, 0.22);
    border-radius: 999px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 0.67rem;
    font-weight: 600;
}


.ziggurat-showcase-content h3 {
    margin-bottom: 0.5rem;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.7;
}


.ziggurat-showcase-content p {
    max-width: 520px;
    margin-bottom: 0.9rem;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.73rem;
    line-height: 2;
}


/* لینک */
.ziggurat-showcase-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 600;
    transition: color 0.2s ease, gap 0.2s ease;
}


    .ziggurat-showcase-link:hover {
        gap: 0.7rem;
        color: #31d1d9;
    }


/* Hover پنل */
@media (hover: hover) and (pointer: fine) {

    .ziggurat-showcase-panel:hover
    .ziggurat-showcase-image {
        transform: scale(1.12);
    }
}


/* =========================================================
   نوار متحرک توانمندی‌ها
   ========================================================= */

.ziggurat-capability-strip {
    overflow: hidden;
    padding: 0.85rem 0;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    mask-image: linear-gradient( 90deg, transparent, #000 8%, #000 92%, transparent );
    -webkit-mask-image: linear-gradient( 90deg, transparent, #000 8%, #000 92%, transparent );
}


.ziggurat-capability-track {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 500;
}


    .ziggurat-capability-track i {
        color: #27c2c9;
        font-size: 0.28rem;
    }


@media (prefers-reduced-motion: no-preference) {

    .ziggurat-capability-track {
        animation: zigguratCapabilityMove 28s linear infinite;
    }
}


@keyframes zigguratCapabilityMove {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 767.98px) {

    .ziggurat-home-showcase {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }


    .ziggurat-home-showcase-heading {
        max-width: 310px;
    }


        .ziggurat-home-showcase-heading h2 {
            font-size: 1.35rem;
        }


        .ziggurat-home-showcase-heading p {
            font-size: 0.72rem;
        }


    .ziggurat-showcase-panel {
        min-height: 310px;
        border-radius: 14px;
    }


    .ziggurat-showcase-content {
        padding: 1.1rem;
    }


        .ziggurat-showcase-content h3 {
            font-size: 0.95rem;
        }


        .ziggurat-showcase-content p {
            max-width: 290px;
            font-size: 0.65rem;
        }


    .ziggurat-showcase-label {
        font-size: 0.61rem;
    }


    .ziggurat-capability-track {
        gap: 1rem;
        font-size: 0.65rem;
    }
}

/* =========================================================
   Pattern صنعتی ظریف برای سکشن‌های مهم
   ========================================================= */

.ziggurat-spare-parts,
.ziggurat-services {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}


    .ziggurat-spare-parts::before,
    .ziggurat-services::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.45;
        background-image: linear-gradient( 30deg, rgba(21, 155, 164, 0.025) 12%, transparent 12.5%, transparent 87%, rgba(21, 155, 164, 0.025) 87.5% ), linear-gradient( 150deg, rgba(21, 155, 164, 0.025) 12%, transparent 12.5%, transparent 87%, rgba(21, 155, 164, 0.025) 87.5% );
        background-size: 38px 64px;
        pointer-events: none;
    }

/* =========================================================
   Reveal Animation صفحه اصلی
   ========================================================= */

.ziggurat-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--ziggurat-reveal-delay, 0ms);
}


    .ziggurat-reveal.ziggurat-reveal-visible {
        opacity: 1;
        transform: translateY(0);
    }


@media (prefers-reduced-motion: reduce) {

    .ziggurat-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* =========================================================
   پروژه شاخص صفحه اصلی
   ========================================================= */

.ziggurat-featured-case {
    padding: 4.5rem 0;
    background: linear-gradient( 180deg, #ffffff 0%, #f3f7f8 100% );
}


.ziggurat-featured-case-shell {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    border-radius: 26px;
    background: #03111c;
    box-shadow: 0 30px 70px rgba(3, 14, 24, 0.18);
    isolation: isolate;
}


/* تصویر */
.ziggurat-featured-case-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    transition: transform 1s ease;
}


/* Overlay سینمایی */
.ziggurat-featured-case-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(3, 14, 24, 0.97) 0%, rgba(3, 14, 24, 0.87) 34%, rgba(3, 14, 24, 0.38) 66%, rgba(3, 14, 24, 0.08) 100% );
}


/* Pattern بسیار ظریف */
.ziggurat-featured-case-pattern {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0.28;
    background-image: linear-gradient( rgba(255, 255, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px );
    background-size: 44px 44px;
    mask-image: linear-gradient( 90deg, #000, transparent 75% );
    pointer-events: none;
}


/* محتوا */
.ziggurat-featured-case-content {
    position: relative;
    z-index: 4;
    min-height: 620px;
    display: flex;
    align-items: center;
    padding: 4rem;
}


.ziggurat-featured-case-card {
    width: 100%;
    max-width: 610px;
    padding: 2rem;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035) );
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}


/* بالای کارت */
.ziggurat-featured-case-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}


.ziggurat-featured-case-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.7rem;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.11);
    border: 1px solid rgba(39, 194, 201, 0.25);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
}


.ziggurat-featured-case-status {
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.65rem;
}


/* عنوان */
.ziggurat-featured-case-card h2 {
    margin-bottom: 0.85rem;
    color: #ffffff;
    font-size: clamp(1.65rem, 3vw, 2.6rem);
    font-weight: 700;
    line-height: 1.55;
}


    .ziggurat-featured-case-card h2 span {
        display: block;
        color: #31d1d9;
    }


/* توضیح */
.ziggurat-featured-case-description {
    max-width: 520px;
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.67);
    font-size: 0.8rem;
    line-height: 2.05;
}


/* مراحل */
.ziggurat-featured-case-stages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}


.ziggurat-featured-case-stage {
    min-width: 0;
    padding: 0.8rem 0.55rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}


    .ziggurat-featured-case-stage i {
        margin-bottom: 0.55rem;
        color: #31d1d9;
        font-size: 1rem;
    }


    .ziggurat-featured-case-stage strong {
        display: block;
        margin-bottom: 0.15rem;
        color: #ffffff;
        font-size: 0.68rem;
    }


    .ziggurat-featured-case-stage span {
        color: rgba(255, 255, 255, 0.43);
        font-size: 0.54rem;
    }


    .ziggurat-featured-case-stage:hover,
    .ziggurat-featured-case-stage.active {
        background: rgba(39, 194, 201, 0.10);
        border-color: rgba(39, 194, 201, 0.32);
        transform: translateY(-3px);
    }


/* آمار */
.ziggurat-featured-case-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1.5rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}


    .ziggurat-featured-case-metrics > div {
        text-align: center;
    }


        .ziggurat-featured-case-metrics > div:not(:last-child) {
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }


    .ziggurat-featured-case-metrics strong {
        display: block;
        margin-bottom: 0.3rem;
        color: #ffffff;
        font-size: 1.25rem;
    }


    .ziggurat-featured-case-metrics span {
        color: rgba(255, 255, 255, 0.46);
        font-size: 0.58rem;
    }


/* دکمه‌ها */
.ziggurat-featured-case-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}


.ziggurat-featured-case-primary,
.ziggurat-featured-case-secondary {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 600;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}


.ziggurat-featured-case-primary {
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
    border: 1px solid #159ba4;
}


.ziggurat-featured-case-secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.15);
}


    .ziggurat-featured-case-primary:hover,
    .ziggurat-featured-case-secondary:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }


/* Watermark */
.ziggurat-featured-case-watermark {
    position: absolute;
    right: -20px;
    bottom: -55px;
    z-index: 2;
    color: rgba(255, 255, 255, 0.035);
    font-family: Arial, sans-serif;
    font-size: clamp(6rem, 13vw, 12rem);
    font-weight: 900;
    letter-spacing: 0.03em;
    pointer-events: none;
    user-select: none;
}


/* Hover تصویر */
@media (hover: hover) and (pointer: fine) {

    .ziggurat-featured-case-shell:hover
    .ziggurat-featured-case-image {
        transform: scale(1.07);
    }
}

@media (max-width: 767.98px) {

    .ziggurat-featured-case {
        padding: 2.75rem 0;
    }


    .ziggurat-featured-case-shell {
        min-height: 600px;
        border-radius: 18px;
    }


    .ziggurat-featured-case-overlay {
        background: linear-gradient( 180deg, rgba(3, 14, 24, 0.30) 0%, rgba(3, 14, 24, 0.72) 38%, rgba(3, 14, 24, 0.98) 100% );
    }


    .ziggurat-featured-case-content {
        min-height: 600px;
        align-items: flex-end;
        padding: 1rem;
    }


    .ziggurat-featured-case-card {
        padding: 1.25rem;
        border-radius: 16px;
    }


        .ziggurat-featured-case-card h2 {
            font-size: 1.5rem;
        }


    .ziggurat-featured-case-description {
        font-size: 0.68rem;
    }


    .ziggurat-featured-case-stages {
        grid-template-columns: repeat(2, 1fr);
    }


    .ziggurat-featured-case-metrics strong {
        font-size: 1rem;
    }


    .ziggurat-featured-case-actions {
        flex-direction: column;
    }


    .ziggurat-featured-case-primary,
    .ziggurat-featured-case-secondary {
        width: 100%;
    }


    .ziggurat-featured-case-status {
        display: none;
    }
}

/* =========================================================
   خدمات پس از فروش - Hero اختصاصی
   ========================================================= */

.ziggurat-after-hero {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #03111c;
    isolation: isolate;
}


.ziggurat-after-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    animation: zigguratAfterHeroMotion 18s ease-in-out infinite alternate;
}


@keyframes zigguratAfterHeroMotion {

    from {
        transform: scale(1.03) translate3d(0, 0, 0);
    }

    to {
        transform: scale(1.09) translate3d(-1%, -0.5%, 0);
    }
}


/* Overlay */
.ziggurat-after-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(3, 14, 24, 0.98) 0%, rgba(3, 14, 24, 0.90) 40%, rgba(3, 14, 24, 0.50) 72%, rgba(3, 14, 24, 0.18) 100% );
}


/* Pattern شبکه‌ای صنعتی */
.ziggurat-after-hero-pattern {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0.30;
    background-image: linear-gradient( rgba(255, 255, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px );
    background-size: 44px 44px;
    mask-image: linear-gradient( 90deg, #000, transparent 85% );
    pointer-events: none;
}


/* =========================================================
   محتوای Hero
   ========================================================= */

.ziggurat-after-hero-content {
    max-width: 680px;
    padding: 5rem 0;
}


.ziggurat-after-hero-badge {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.45rem 0.75rem;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.10);
    border: 1px solid rgba(39, 194, 201, 0.26);
    border-radius: 999px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 0.72rem;
    font-weight: 600;
}


.ziggurat-after-hero-title {
    margin-bottom: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.6rem);
    font-weight: 800;
    line-height: 1.45;
}


    .ziggurat-after-hero-title span {
        display: block;
        color: #31d1d9;
    }


.ziggurat-after-hero-description {
    max-width: 590px;
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.70);
    font-size: 0.9rem;
    line-height: 2.15;
}


/* =========================================================
   دکمه‌های Hero
   ========================================================= */

.ziggurat-after-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.4rem;
}


.ziggurat-after-hero-primary,
.ziggurat-after-hero-secondary {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.7rem 1.1rem;
    border-radius: 11px;
    font-size: 0.77rem;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}


.ziggurat-after-hero-primary {
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
    border: 1px solid #159ba4;
    box-shadow: 0 12px 28px rgba(21, 155, 164, 0.22);
}


.ziggurat-after-hero-secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.17);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


    .ziggurat-after-hero-primary:hover,
    .ziggurat-after-hero-secondary:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }


/* مزیت‌های کوچک */
.ziggurat-after-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}


    .ziggurat-after-hero-features span {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        color: rgba(255, 255, 255, 0.58);
        font-size: 0.66rem;
    }


    .ziggurat-after-hero-features i {
        color: #27c2c9;
        font-size: 0.7rem;
    }

/* =========================================================
   پنل معرفی مزیت خدمات پس از فروش
   ========================================================= */

.ziggurat-after-hero-panel {
    position: relative;
    max-width: 390px;
    margin-right: auto;
    padding: 1.6rem;
    overflow: hidden;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035) );
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}


    .ziggurat-after-hero-panel::before {
        content: "";
        position: absolute;
        top: -100px;
        left: -90px;
        width: 230px;
        height: 230px;
        background: rgba(39, 194, 201, 0.13);
        border-radius: 50%;
        filter: blur(55px);
        pointer-events: none;
    }



.ziggurat-after-hero-panel h2 {
    position: relative;
    margin-bottom: 1.3rem;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.7;
}


    .ziggurat-after-hero-panel h2 span {
        display: block;
        color: #31d1d9;
    }


/* آیتم‌ها */
.ziggurat-after-hero-panel-items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}


    .ziggurat-after-hero-panel-items > div {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.8rem;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 11px;
    }


    .ziggurat-after-hero-panel-items i {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #31d1d9;
        background: rgba(39, 194, 201, 0.10);
        border-radius: 10px;
    }


    .ziggurat-after-hero-panel-items span {
        color: rgba(255, 255, 255, 0.51);
        font-size: 0.59rem;
        line-height: 1.8;
    }


    .ziggurat-after-hero-panel-items strong {
        display: block;
        margin-bottom: 0.1rem;
        color: #ffffff;
        font-size: 0.69rem;
    }

.ziggurat-after-hero-scroll {
    position: absolute;
    right: 50%;
    bottom: 18px;
    z-index: 4;
    align-items: center;
    gap: 0.5rem;
    transform: translateX(50%);
    color: rgba(255, 255, 255, 0.38);
    font-size: 0.58rem;
}


    .ziggurat-after-hero-scroll span {
        width: 26px;
        height: 1px;
        background: #27c2c9;
    }

@media (max-width: 767.98px) {

    .ziggurat-after-hero {
        min-height: 530px;
    }


    .ziggurat-after-hero-overlay {
        background: linear-gradient( 180deg, rgba(3, 14, 24, 0.56) 0%, rgba(3, 14, 24, 0.88) 48%, rgba(3, 14, 24, 0.98) 100% );
    }


    .ziggurat-after-hero-content {
        padding: 5rem 0 3rem;
        text-align: center;
    }


    .ziggurat-after-hero-badge {
        margin-inline: auto;
    }


    .ziggurat-after-hero-title {
        font-size: 2rem;
    }


    .ziggurat-after-hero-description {
        max-width: 330px;
        margin-right: auto;
        margin-left: auto;
        font-size: 0.76rem;
    }


    .ziggurat-after-hero-actions {
        justify-content: center;
    }


    .ziggurat-after-hero-primary,
    .ziggurat-after-hero-secondary {
        flex: 1 1 100%;
    }


    .ziggurat-after-hero-features {
        justify-content: center;
        gap: 0.7rem;
    }


        .ziggurat-after-hero-features span {
            font-size: 0.6rem;
        }
}

/* =========================================================
   FIX - After Sales Hero
   اصلاح ترتیب لایه‌ها و کنتراست
   ========================================================= */


/* محتوای Hero حتماً بالاتر از Overlay و Pattern قرار بگیرد */
.ziggurat-after-hero > .container {
    position: relative;
    z-index: 5;
}


    /* ارتفاع ردیف برای قرارگیری درست محتوا */
    .ziggurat-after-hero > .container > .row {
        min-height: 520px;
    }


/* =========================================================
   Overlay اصلاح‌شده
   سمت راست فیزیکی صفحه تیره‌تر است چون متن اصلی آنجاست
   ========================================================= */

.ziggurat-after-hero-overlay {
    z-index: 1;
    background: linear-gradient( 90deg, rgba(3, 14, 24, 0.42) 0%, rgba(3, 14, 24, 0.55) 35%, rgba(3, 14, 24, 0.82) 68%, rgba(3, 14, 24, 0.97) 100% );
}


/* Pattern فقط دکور است و نباید محتوا را خفه کند */
.ziggurat-after-hero-pattern {
    z-index: 2;
    opacity: 0.18;
}


/* =========================================================
   محتوای اصلی - سمت راست فیزیکی صفحه
   ========================================================= */

.ziggurat-after-hero-content {
    position: relative;
    z-index: 6;
    max-width: 700px;
}


.ziggurat-after-hero-title {
    max-width: 650px;
    font-size: clamp( 2.2rem, 3.4vw, 3.25rem );
    line-height: 1.5;
}


.ziggurat-after-hero-description {
    max-width: 620px;
    color: rgba(255, 255, 255, 0.78);
}


/* =========================================================
   پنل شیشه‌ای - سمت چپ فیزیکی صفحه
   ========================================================= */

.ziggurat-after-hero-panel {
    position: relative;
    z-index: 6;
    max-width: 400px;
    background: linear-gradient( 145deg, rgba(7, 31, 43, 0.82), rgba(3, 17, 28, 0.70) );
    border: 1px solid rgba(49, 209, 217, 0.20);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}


    /* نوشته‌های پنل را واضح‌تر می‌کنیم */

    .ziggurat-after-hero-panel h2 {
        color: #ffffff;
    }


.ziggurat-after-hero-panel-items strong {
    color: #ffffff;
}


.ziggurat-after-hero-panel-items span {
    color: rgba(255, 255, 255, 0.63);
}


.ziggurat-after-hero-panel-items > div {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.09);
}

/* =========================================================
   خدمات پس از فروش - مرکز قطعات یدکی
   ========================================================= */

.ziggurat-after-parts {
    position: relative;
    overflow: hidden;
    background: radial-gradient( circle at 8% 25%, rgba(39, 194, 201, 0.08), transparent 25% ), linear-gradient( 180deg, #f7fafb 0%, #ffffff 100% );
    isolation: isolate;
}


    /* Pattern خیلی ظریف */
    .ziggurat-after-parts::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.32;
        background-image: linear-gradient( rgba(21, 155, 164, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(21, 155, 164, 0.035) 1px, transparent 1px );
        background-size: 48px 48px;
        pointer-events: none;
    }


/* =========================================================
   Heading
   ========================================================= */

.ziggurat-after-parts-heading {
    max-width: 760px;
}



.ziggurat-after-parts-heading h2 {
    color: #081722;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
}


.ziggurat-after-parts-heading p {
    max-width: 650px;
    margin-inline: auto;
    color: #77838d;
    font-size: 0.8rem;
    line-height: 2;
}


/* =========================================================
   Shell اصلی
   ========================================================= */

.ziggurat-after-parts-shell {
    overflow: hidden;
    background: #071824;
    border: 1px solid rgba(7, 24, 36, 0.08);
    border-radius: 24px;
    box-shadow: 0 28px 65px rgba(7, 24, 36, 0.14);
}


/* =========================================================
   تصویر
   ========================================================= */

.ziggurat-after-part-visual {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    background: #0a202d;
    isolation: isolate;
}


.ziggurat-after-part-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.25s ease, transform 0.8s ease;
}


.ziggurat-after-part-image-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 180deg, rgba(3, 14, 24, 0.04) 0%, rgba(3, 14, 24, 0.20) 48%, rgba(3, 14, 24, 0.82) 100% );
}


/* شماره بزرگ */
.ziggurat-after-part-number {
    position: absolute;
    top: 1.3rem;
    right: 1.5rem;
    z-index: 2;
    color: rgba(255, 255, 255, 0.22);
    font-family: Arial, sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
}


/* اطلاعات شناور */
.ziggurat-after-part-floating-badge {
    position: absolute;
    right: 1.4rem;
    bottom: 1.4rem;
    z-index: 3;
    max-width: 270px;
    padding: 0.85rem 1rem;
    background: rgba(3, 18, 29, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 13px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}


    .ziggurat-after-part-floating-badge span {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        margin-bottom: 0.25rem;
        color: #31d1d9;
        font-size: 0.59rem;
    }


    .ziggurat-after-part-floating-badge strong {
        color: #ffffff;
        font-size: 0.72rem;
    }


/* Watermark */
.ziggurat-after-part-watermark {
    position: absolute;
    left: 1.4rem;
    bottom: 1.4rem;
    z-index: 2;
    color: rgba(255, 255, 255, 0.14);
    font-family: Arial, sans-serif;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.15em;
}


/* =========================================================
   محتوای قطعه
   ========================================================= */

.ziggurat-after-part-content {
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.4rem;
    color: #ffffff;
    background: radial-gradient( circle at 0% 0%, rgba(39, 194, 201, 0.11), transparent 30% ), linear-gradient( 145deg, #071824, #0a202d );
}


/* Topline */
.ziggurat-after-part-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}


.ziggurat-after-part-category {
    padding: 0.4rem 0.7rem;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.10);
    border: 1px solid rgba(39, 194, 201, 0.22);
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 600;
}


.ziggurat-after-part-availability {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.59rem;
}


    .ziggurat-after-part-availability i {
        color: #27c2c9;
        font-size: 0.42rem;
        box-shadow: 0 0 12px rgba(39, 194, 201, 0.65);
        border-radius: 50%;
    }


/* عنوان */
.ziggurat-after-part-content h3 {
    margin-bottom: 0.75rem;
    color: #ffffff;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    font-weight: 700;
}


/* توضیح */
.ziggurat-after-part-description {
    max-width: 540px;
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    line-height: 2.1;
}


/* =========================================================
   ویژگی‌ها
   ========================================================= */

.ziggurat-after-part-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}


    .ziggurat-after-part-features > div {
        padding: 0.9rem 0.75rem;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.075);
        border-radius: 11px;
    }


    .ziggurat-after-part-features i {
        margin-bottom: 0.55rem;
        color: #31d1d9;
        font-size: 0.95rem;
    }


    .ziggurat-after-part-features strong {
        display: block;
        margin-bottom: 0.15rem;
        color: #ffffff;
        font-size: 0.65rem;
    }


    .ziggurat-after-part-features span {
        color: rgba(255, 255, 255, 0.43);
        font-size: 0.53rem;
        line-height: 1.7;
    }


/* =========================================================
   CTA
   ========================================================= */

.ziggurat-after-part-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}


.ziggurat-after-part-primary,
.ziggurat-after-part-secondary {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    transition: transform 0.2s ease, border-color 0.2s ease;
}


.ziggurat-after-part-primary {
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
    border: 1px solid #159ba4;
}


.ziggurat-after-part-secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.13);
}


    .ziggurat-after-part-primary:hover,
    .ziggurat-after-part-secondary:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }

/* =========================================================
   انتخاب قطعات
   ========================================================= */

.ziggurat-after-part-selector {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.65rem;
}


.ziggurat-after-part-selector-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem;
    text-align: right;
    color: #172832;
    background: #ffffff;
    border: 1px solid #e2eaed;
    border-radius: 13px;
    box-shadow: 0 8px 22px rgba(7, 24, 36, 0.045);
    cursor: pointer;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}


    .ziggurat-after-part-selector-item:hover {
        transform: translateY(-3px);
        border-color: rgba(21, 155, 164, 0.28);
        box-shadow: 0 14px 30px rgba(7, 24, 36, 0.08);
    }


    .ziggurat-after-part-selector-item.active {
        color: #ffffff;
        background: linear-gradient( 145deg, #0a2734, #071a26 );
        border-color: rgba(39, 194, 201, 0.35);
        box-shadow: 0 15px 32px rgba(7, 24, 36, 0.16);
    }


/* Icon */
.ziggurat-after-part-selector-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border-radius: 9px;
    transition: background 0.2s ease, color 0.2s ease;
}


.ziggurat-after-part-selector-item.active
.ziggurat-after-part-selector-icon {
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.12);
}


.ziggurat-after-part-selector-item > span:last-child {
    min-width: 0;
}


.ziggurat-after-part-selector-item strong {
    display: block;
    overflow: hidden;
    margin-bottom: 0.1rem;
    font-size: 0.61rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.ziggurat-after-part-selector-item small {
    display: block;
    overflow: hidden;
    color: #89959c;
    font-size: 0.49rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.ziggurat-after-part-selector-item.active small {
    color: rgba(255, 255, 255, 0.46);
}

/* =========================================================
   نوار درخواست قطعه
   ========================================================= */

.ziggurat-after-parts-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    background: rgba(21, 155, 164, 0.055);
    border: 1px solid rgba(21, 155, 164, 0.12);
    border-radius: 12px;
}


    .ziggurat-after-parts-bottom > div {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        color: #677780;
        font-size: 0.65rem;
    }


        .ziggurat-after-parts-bottom > div i {
            color: #159ba4;
        }


    .ziggurat-after-parts-bottom > a {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        color: #159ba4;
        font-size: 0.65rem;
        font-weight: 700;
    }

@media (max-width: 991.98px) {

    .ziggurat-after-part-selector {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 767.98px) {

    .ziggurat-after-parts {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }


    .ziggurat-after-parts-shell {
        border-radius: 17px;
    }


    .ziggurat-after-part-visual {
        min-height: 340px;
    }


    .ziggurat-after-part-content {
        min-height: auto;
        padding: 1.35rem;
    }


        .ziggurat-after-part-content h3 {
            font-size: 1.55rem;
        }


    .ziggurat-after-part-description {
        font-size: 0.68rem;
    }


    .ziggurat-after-part-features {
        grid-template-columns: 1fr;
    }


        .ziggurat-after-part-features > div {
            display: flex;
            align-items: center;
            gap: 0.7rem;
        }


        .ziggurat-after-part-features i {
            margin-bottom: 0;
        }


    .ziggurat-after-part-selector {
        grid-template-columns: repeat(2, 1fr);
    }


    .ziggurat-after-part-selector-item {
        padding: 0.7rem;
    }


    .ziggurat-after-parts-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
   After Sales - خدمات تخصصی تعاملی
   ========================================================= */

.ziggurat-after-services {
    position: relative;
    overflow: hidden;
    background: radial-gradient( circle at 90% 10%, rgba(39, 194, 201, 0.07), transparent 24% ), linear-gradient( 180deg, #ffffff 0%, #f5f8f9 100% );
    isolation: isolate;
}


    /* Pattern صنعتی */
    .ziggurat-after-services::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.28;
        background-image: linear-gradient( rgba(21, 155, 164, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(21, 155, 164, 0.035) 1px, transparent 1px );
        background-size: 52px 52px;
    }


/* =========================================================
   Heading
   ========================================================= */

.ziggurat-after-services-heading {
    max-width: 760px;
}


.ziggurat-after-services-eyebrow {
    color: #159ba4;
    font-size: 0.75rem;
    font-weight: 700;
}


.ziggurat-after-services-heading h2 {
    color: #071824;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
}


.ziggurat-after-services-heading p {
    max-width: 670px;
    margin-inline: auto;
    color: #77848c;
    font-size: 0.79rem;
    line-height: 2;
}

/* =========================================================
   Service Selector
   ========================================================= */

.ziggurat-service-selector {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.65rem;
}


.ziggurat-service-selector-item {
    position: relative;
    min-width: 0;
    min-height: 105px;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem;
    overflow: hidden;
    text-align: right;
    color: #172832;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e1e9ec;
    border-radius: 14px;
    box-shadow: 0 9px 25px rgba(7, 24, 36, 0.045);
    cursor: pointer;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}


    /* خط Accent */
    .ziggurat-service-selector-item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        background: linear-gradient( 90deg, #159ba4, #31d1d9 );
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }


    .ziggurat-service-selector-item:hover {
        transform: translateY(-4px);
        border-color: rgba(21, 155, 164, 0.25);
        box-shadow: 0 15px 32px rgba(7, 24, 36, 0.08);
    }


    .ziggurat-service-selector-item.active {
        color: #ffffff;
        background: linear-gradient( 145deg, #0b2836, #071824 );
        border-color: rgba(39, 194, 201, 0.34);
        box-shadow: 0 18px 40px rgba(7, 24, 36, 0.18);
    }


        .ziggurat-service-selector-item.active::after {
            transform: scaleX(1);
        }


/* Icon */
.ziggurat-service-selector-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border: 1px solid rgba(39, 194, 201, 0.12);
    border-radius: 11px;
    font-size: 1rem;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}


.ziggurat-service-selector-item.active
.ziggurat-service-selector-icon {
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.12);
    border-color: rgba(39, 194, 201, 0.19);
}


.ziggurat-service-selector-item:hover
.ziggurat-service-selector-icon {
    transform: rotate(-4deg) scale(1.05);
}


/* Text */
.ziggurat-service-selector-text {
    min-width: 0;
}


    .ziggurat-service-selector-text strong {
        display: block;
        margin-bottom: 0.2rem;
        overflow: hidden;
        font-size: 0.64rem;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


    .ziggurat-service-selector-text small {
        display: block;
        overflow: hidden;
        color: #88949b;
        font-size: 0.49rem;
        line-height: 1.6;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


.ziggurat-service-selector-item.active
.ziggurat-service-selector-text small {
    color: rgba(255, 255, 255, 0.46);
}

/* =========================================================
   Service Detail Panel
   ========================================================= */

.ziggurat-service-detail {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    min-height: 530px;
    overflow: hidden;
    background: #071824;
    border: 1px solid rgba(7, 24, 36, 0.08);
    border-radius: 24px;
    box-shadow: 0 28px 65px rgba(7, 24, 36, 0.14);
}


/* =========================================================
   سمت راست فیزیکی صفحه - تصویر
   ========================================================= */

.ziggurat-service-detail-visual {
    position: relative;
    min-height: 530px;
    overflow: hidden;
    background: #0b2431;
    isolation: isolate;
}


.ziggurat-service-detail-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    transition: opacity 0.25s ease, transform 0.8s ease;
}


.ziggurat-service-detail-visual:hover
.ziggurat-service-detail-image {
    transform: scale(1.07);
}


.ziggurat-service-detail-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 180deg, rgba(3, 14, 24, 0.03) 0%, rgba(3, 14, 24, 0.20) 48%, rgba(3, 14, 24, 0.92) 100% );
}


/* شماره */
.ziggurat-service-detail-number {
    position: absolute;
    top: 1.3rem;
    right: 1.5rem;
    z-index: 3;
    color: rgba(255, 255, 255, 0.23);
    font-family: Arial, sans-serif;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
}


/* نوشته پایین تصویر */
.ziggurat-service-detail-visual-info {
    position: absolute;
    right: 1.5rem;
    bottom: 1.4rem;
    z-index: 3;
}


    .ziggurat-service-detail-visual-info span {
        display: block;
        margin-bottom: 0.2rem;
        color: #31d1d9;
        font-family: Arial, sans-serif;
        font-size: 0.58rem;
        font-weight: 700;
        letter-spacing: 0.12em;
    }


    .ziggurat-service-detail-visual-info strong {
        color: rgba(255, 255, 255, 0.72);
        font-family: Arial, sans-serif;
        font-size: 0.7rem;
        letter-spacing: 0.08em;
    }

/* =========================================================
   محتوای Detail
   ========================================================= */

.ziggurat-service-detail-content {
    min-height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.6rem;
    background: radial-gradient( circle at 0% 0%, rgba(39, 194, 201, 0.12), transparent 28% ), linear-gradient( 145deg, #081c28, #061720 );
}


.ziggurat-service-detail-eyebrow {
    width: fit-content;
    margin-bottom: 0.7rem;
    padding: 0.38rem 0.7rem;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.09);
    border: 1px solid rgba(39, 194, 201, 0.18);
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 600;
}


.ziggurat-service-detail-content h3 {
    margin-bottom: 0.8rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 700;
}


.ziggurat-service-detail-description {
    max-width: 580px;
    margin-bottom: 1.4rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    line-height: 2.15;
}


/* =========================================================
   Feature List
   ========================================================= */

.ziggurat-service-detail-features {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-bottom: 1.45rem;
}


    .ziggurat-service-detail-features > div {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        padding: 0.65rem 0.75rem;
        color: rgba(255, 255, 255, 0.74);
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 9px;
        font-size: 0.64rem;
    }


.ziggurat-service-detail-feature-icon {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.10);
    border-radius: 50%;
    font-size: 0.58rem;
}

/* =========================================================
   Trust Row
   ========================================================= */

.ziggurat-service-detail-trust {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}


    .ziggurat-service-detail-trust > div {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        padding: 0.8rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }


    .ziggurat-service-detail-trust i {
        color: #31d1d9;
        font-size: 1rem;
    }


    .ziggurat-service-detail-trust strong {
        display: block;
        margin-bottom: 0.1rem;
        color: #ffffff;
        font-size: 0.61rem;
    }


    .ziggurat-service-detail-trust span {
        color: rgba(255, 255, 255, 0.43);
        font-size: 0.52rem;
    }


/* =========================================================
   CTA
   ========================================================= */

.ziggurat-service-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}


.ziggurat-service-detail-primary,
.ziggurat-service-detail-secondary {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}


.ziggurat-service-detail-primary {
    color: #ffffff;
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
    border: 1px solid #159ba4;
    box-shadow: 0 11px 25px rgba(21, 155, 164, 0.18);
}


.ziggurat-service-detail-secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.13);
}


    .ziggurat-service-detail-primary:hover,
    .ziggurat-service-detail-secondary:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1199.98px) {

    .ziggurat-service-selector {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 767.98px) {

    .ziggurat-after-services {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }


    .ziggurat-service-selector {
        grid-template-columns: repeat(2, 1fr);
    }


    .ziggurat-service-selector-item {
        min-height: 88px;
        padding: 0.7rem;
    }


    .ziggurat-service-selector-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }


    /* در موبایل تصویر بالا و محتوا پایین */
    .ziggurat-service-detail {
        display: block;
        border-radius: 17px;
    }


    .ziggurat-service-detail-visual {
        min-height: 330px;
    }


    .ziggurat-service-detail-content {
        min-height: auto;
        padding: 1.35rem;
    }


        .ziggurat-service-detail-content h3 {
            font-size: 1.6rem;
        }


    .ziggurat-service-detail-description {
        font-size: 0.68rem;
    }


    .ziggurat-service-detail-trust {
        grid-template-columns: 1fr;
    }


    .ziggurat-service-detail-actions {
        flex-direction: column;
    }


    .ziggurat-service-detail-primary,
    .ziggurat-service-detail-secondary {
        width: 100%;
    }
}

/* =========================================================
   فرآیند خدمات
   ========================================================= */

.ziggurat-after-process {
    position: relative;
    background: linear-gradient( 180deg, #f7fafb, #ffffff );
}


.ziggurat-after-process-heading {
    max-width: 680px;
}


    .ziggurat-after-process-heading > span {
        color: #159ba4;
        font-size: 0.72rem;
        font-weight: 700;
    }


    .ziggurat-after-process-heading h2 {
        color: #071824;
        font-size: clamp(1.6rem, 3vw, 2.25rem);
    }


    .ziggurat-after-process-heading p {
        color: #7c888f;
        font-size: 0.75rem;
        line-height: 2;
    }


.ziggurat-after-process-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}


.ziggurat-after-process-line {
    position: absolute;
    top: 27px;
    right: 12%;
    left: 12%;
    height: 1px;
    background: linear-gradient( 90deg, rgba(21, 155, 164, 0.15), #27c2c9, rgba(21, 155, 164, 0.15) );
}


.ziggurat-after-process-step {
    position: relative;
    z-index: 2;
    text-align: center;
}


.ziggurat-after-process-marker {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: #ffffff;
    background: linear-gradient( 145deg, #0b2937, #071824 );
    border: 4px solid #f7fafb;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(21, 155, 164, 0.18);
    font-family: Arial, sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    transition: background 0.25s ease, transform 0.25s ease;
}


.ziggurat-after-process-step:hover
.ziggurat-after-process-marker {
    transform: scale(1.08);
    background: linear-gradient( 135deg, #27c2c9, #159ba4 );
}


.ziggurat-after-process-card {
    min-height: 210px;
    padding: 1.3rem;
    background: #ffffff;
    border: 1px solid #e3eaed;
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(7, 24, 36, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}


.ziggurat-after-process-step:hover
.ziggurat-after-process-card {
    transform: translateY(-5px);
    border-color: rgba(21, 155, 164, 0.20);
    box-shadow: 0 18px 38px rgba(7, 24, 36, 0.09);
}


.ziggurat-after-process-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    color: #159ba4;
    background: rgba(39, 194, 201, 0.08);
    border-radius: 11px;
}


.ziggurat-after-process-label {
    display: block;
    margin-bottom: 0.2rem;
    color: #159ba4;
    font-size: 0.52rem;
}


.ziggurat-after-process-card h3 {
    margin-bottom: 0.45rem;
    color: #172832;
    font-size: 0.78rem;
    font-weight: 700;
}


.ziggurat-after-process-card p {
    margin-bottom: 0;
    color: #7e8a91;
    font-size: 0.6rem;
    line-height: 1.9;
}

/* =========================================================
   Trust / FAQ
   ========================================================= */

.ziggurat-after-trust {
    background: #f4f8f9;
}


/* تعهدات */
.ziggurat-after-commitment {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    color: #ffffff;
    background: radial-gradient( circle at 15% 0%, rgba(39, 194, 201, 0.15), transparent 30% ), linear-gradient( 145deg, #071824, #0b2936 );
    border-radius: 22px;
    box-shadow: 0 24px 55px rgba(7, 24, 36, 0.13);
}


.ziggurat-after-commitment-eyebrow {
    color: #31d1d9;
    font-size: 0.65rem;
}


.ziggurat-after-commitment h2 {
    margin-top: 0.55rem;
    margin-bottom: 0.7rem;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.7;
}


    .ziggurat-after-commitment h2 span {
        display: block;
        color: #31d1d9;
    }


.ziggurat-after-commitment-top > p {
    color: rgba(255, 255, 255, 0.57);
    font-size: 0.69rem;
    line-height: 2;
}


.ziggurat-after-commitment-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1.3rem;
}


    .ziggurat-after-commitment-list > div {
        display: flex;
        align-items: flex-start;
        gap: 0.7rem;
        padding: 0.8rem;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 11px;
    }


.ziggurat-after-commitment-check {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #31d1d9;
    background: rgba(39, 194, 201, 0.10);
    border-radius: 50%;
    font-size: 0.6rem;
}


.ziggurat-after-commitment-list strong {
    display: block;
    margin-bottom: 0.15rem;
    color: #ffffff;
    font-size: 0.63rem;
}


.ziggurat-after-commitment-list small {
    color: rgba(255, 255, 255, 0.43);
    font-size: 0.55rem;
    line-height: 1.8;
}


.ziggurat-after-commitment-footer {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.4rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    color: #31d1d9;
}


    .ziggurat-after-commitment-footer > i {
        font-size: 1.2rem;
    }


    .ziggurat-after-commitment-footer span {
        color: #ffffff;
        font-family: Arial, sans-serif;
        font-size: 0.6rem;
        font-weight: 700;
        letter-spacing: 0.08em;
    }


    .ziggurat-after-commitment-footer small {
        display: block;
        margin-top: 0.12rem;
        color: rgba(255, 255, 255, 0.35);
        font-size: 0.48rem;
    }

/* FAQ */

.ziggurat-after-faq {
    padding: 2rem;
    background: #ffffff;
    border: 1px solid #e1e9ec;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(7, 24, 36, 0.06);
}


.ziggurat-after-faq-heading {
    margin-bottom: 1.4rem;
}


    .ziggurat-after-faq-heading > span {
        color: #159ba4;
        font-size: 0.65rem;
        font-weight: 700;
    }


    .ziggurat-after-faq-heading h2 {
        margin-top: 0.3rem;
        margin-bottom: 0.4rem;
        color: #172832;
        font-size: 1.45rem;
    }


    .ziggurat-after-faq-heading p {
        margin-bottom: 0;
        color: #7d8990;
        font-size: 0.67rem;
        line-height: 1.9;
    }


.ziggurat-after-accordion
.accordion-item {
    overflow: hidden;
    margin-bottom: 0.55rem;
    background: #f8fafb;
    border: 1px solid #e4ebee !important;
    border-radius: 11px !important;
}


.ziggurat-after-accordion
.accordion-button {
    padding: 0.95rem 1rem;
    color: #233640;
    background: transparent;
    box-shadow: none !important;
    font-size: 0.66rem;
    font-weight: 600;
}


    .ziggurat-after-accordion
    .accordion-button:not(.collapsed) {
        color: #159ba4;
        background: rgba(39, 194, 201, 0.055);
    }


    .ziggurat-after-accordion
    .accordion-button::after {
        margin-right: auto;
        margin-left: 0;
    }


.ziggurat-after-accordion
.accordion-body {
    padding: 0.3rem 1rem 1rem;
    color: #78868d;
    font-size: 0.61rem;
    line-height: 2;
}

/* =========================================================
   Responsive 6.4
   ========================================================= */

@media (max-width: 991.98px) {



    .ziggurat-after-process-track {
        grid-template-columns: repeat(2, 1fr);
    }


    .ziggurat-after-process-line {
        display: none;
    }
}


@media (max-width: 767.98px) {

    .ziggurat-after-process,
    .ziggurat-after-trust {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }




    .ziggurat-after-process-track {
        grid-template-columns: 1fr;
        gap: 1.1rem;
    }


    .ziggurat-after-process-marker {
        margin-bottom: 0.6rem;
    }


    .ziggurat-after-process-card {
        min-height: auto;
    }


    .ziggurat-after-commitment,
    .ziggurat-after-faq {
        padding: 1.3rem;
        border-radius: 17px;
    }


}

/* =========================================================
   Spare Parts Autoplay Progress
   ========================================================= */

.ziggurat-after-part-selector-item {
    position: relative;
    overflow: hidden;
}


    /*
    خط Progress پایین Selector فعال
*/
    .ziggurat-after-part-selector-item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 3px;
        background: linear-gradient( 90deg, #159ba4, #31d1d9 );
        border-radius: 3px 0 0 0;
        pointer-events: none;
    }


    .ziggurat-after-part-selector-item.active.ziggurat-part-autoplay::after {
        animation: zigguratPartProgress 5s linear forwards;
    }


@keyframes zigguratPartProgress {

    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* =========================================================
   Service Selector - Autoplay Progress
   ========================================================= */

.ziggurat-service-selector-item::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 0;
    height: 3px;
    background: #31d1d9;
    pointer-events: none;
}


.ziggurat-service-selector-item.active.ziggurat-service-autoplay::before {
    animation: zigguratServiceProgress 5s linear forwards;
}


@keyframes zigguratServiceProgress {

    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* =========================================================
   Home Showcase - Background Video
   ========================================================= */

.ziggurat-showcase-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    background: #03111c;
}
/* =========================================================
   Performance / Accessibility hardening
   ========================================================= */

/*
    تصویر Hero به‌جای CSS background به‌صورت عنصر واقعی تصویر Render می‌شود
    تا مرورگر بتواند اولویت دانلود اسلاید اول و Lazy Loading اسلایدهای بعدی را مدیریت کند.
*/
.ziggurat-hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*
    بخش‌های پایین صفحه تا نزدیک شدن به Viewport نیاز به Paint/Layout کامل ندارند.
    contain-intrinsic-size فضای تقریبی را حفظ می‌کند تا Layout جابه‌جا نشود.
*/
.ziggurat-product-categories,
.ziggurat-spare-parts,
.ziggurat-home-showcase,
.ziggurat-projects,
.ziggurat-featured-case,
.ziggurat-services {
    content-visibility: auto;
    contain-intrinsic-size: auto 800px;
}

/* متن‌های ثانویه روی زمینه‌های تیره، کنتراست امن‌تری دارند. */
.ziggurat-navbar .text-white-50,
.ziggurat-hero .text-white-50,
.ziggurat-footer .text-white-50,
.ziggurat-featured-case .text-white-50 {
    color: rgba(255, 255, 255, 0.72) !important;
}