/* ==========================================================
   KIAN DEZH - INNER PAGE FIXES
   اصلاحات محدود صفحات داخلی فارسی و انگلیسی

   شامل:
   1. افزایش ارتفاع هدر صفحات داخلی
   2. قفل جای منو در بالای هدر
   3. قفل جای عنوان صفحه:
      فارسی: پایین راست
      انگلیسی: پایین چپ
   4. سفیدسازی کامل اولین سکشن بعد از هدر داخلی
   5. اصلاح ارتفاع کارت Wide در سکشن cultural-showcase صفحه اطلاعات پروژه

   صفحات درگیر:
   project-info / hotel / bazaar / restaurant / hall / sport-area
   request / contact
   fa + en

   نکته:
   این فایل باید آخر Head صفحات داخلی لود شود.
   ========================================================== */


/* ==========================================================
   0. INNER HERO HEADER HEIGHT
   فقط صفحات داخلی هدف هستند؛ صفحه اصلی Index دست‌نخورده می‌ماند.
   ========================================================== */

html body>header.inner-hero-header,
html body>header.inner-hero-header.inner-hero-header {
    position: relative !important;

    height: 690px !important;
    min-height: 690px !important;
    max-height: 690px !important;

    overflow: hidden !important;
    isolation: isolate !important;
}

html body>header.inner-hero-header .inner-hero-bg,
html body>header.inner-hero-header .inner-hero-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}


/* ==========================================================
   0.1. INNER HEADER MENU POSITION
   منو همیشه بالای هدر و وسط بماند.
   نباید با عنوان صفحه جابه‌جا شود.
   ========================================================== */

html body>header.inner-hero-header>.inner-top-nav,
html body>header.inner-hero-header.inner-hero-header>.inner-top-nav {
    position: absolute !important;

    top: var(--kd-inner-hero-top-menu-space, 26px) !important;
    right: var(--kd-inner-hero-side-space, 5vw) !important;
    left: var(--kd-inner-hero-side-space, 5vw) !important;
    bottom: auto !important;

    z-index: 30 !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

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

    transform: none !important;
    text-align: center !important;
}

html body>header.inner-hero-header .inner-menu,
html body>header.inner-hero-header.inner-hero-header .inner-menu {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ==========================================================
   0.2. INNER HEADER TITLE POSITION
   فارسی: پایین راست
   انگلیسی: پایین چپ

   این بخش مهم‌ترین اصلاح این مرحله است.
   ========================================================== */

html body>header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
    position: absolute !important;

    top: auto !important;
    bottom: var(--kd-inner-hero-bottom-space, 64px) !important;

    z-index: 20 !important;

    width: var(--kd-inner-hero-title-width, min(760px, 60vw)) !important;
    max-width: var(--kd-inner-hero-title-width, min(760px, 60vw)) !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

/* فارسی: پایین راست */
html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
    right: var(--kd-inner-hero-side-space, 5vw) !important;
    left: auto !important;

    direction: rtl !important;
    text-align: right !important;
}

/* انگلیسی: پایین چپ */
html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
    left: var(--kd-inner-hero-side-space, 5vw) !important;
    right: auto !important;

    direction: ltr !important;
    text-align: left !important;
}

html body>header.inner-hero-header .inner-hero-content h1,
html body>header.inner-hero-header .inner-hero-content p {
    width: 100% !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    text-shadow:
        0 12px 34px rgba(0, 0, 0, .46),
        0 3px 12px rgba(0, 0, 0, .34) !important;
}

/* فارسی متن‌ها */
html[dir="rtl"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="rtl"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content p {
    text-align: right !important;
    text-align-last: right !important;
}

/* انگلیسی متن‌ها */
html[dir="ltr"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="ltr"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content p {
    text-align: left !important;
    text-align-last: left !important;
}


/* ==========================================================
   1. FIRST SECTION AFTER INNER HERO - PURE WHITE
   فقط اولین سکشن داخل main.inner-page سفید می‌شود.
   ========================================================== */

html body>header.inner-hero-header+main.inner-page>section:first-of-type,
html body main.inner-page>section.cultural-hero-bridge:first-of-type,
html body main.inner-page>section.hotel-intro-section:first-of-type,
html body main.inner-page>section.bazaar-intro-section:first-of-type,
html body main.inner-page>section.restaurant-intro-section:first-of-type,
html body main.inner-page>section.residence-intro-section:first-of-type,
html body main.inner-page>section.golf-intro-section:first-of-type,
html body main.inner-page>section.kd-request-intro:first-of-type,
html body main.inner-page>section.kd-request-intro-section:first-of-type,
html body main.inner-page>section.contact-intro-section:first-of-type {
    position: relative !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    box-shadow: none !important;
    border: 0 !important;

    color: #171717 !important;

    isolation: isolate !important;
}

html body>header.inner-hero-header+main.inner-page>section:first-of-type::before,
html body>header.inner-hero-header+main.inner-page>section:first-of-type::after,
html body main.inner-page>section.cultural-hero-bridge:first-of-type::before,
html body main.inner-page>section.cultural-hero-bridge:first-of-type::after,
html body main.inner-page>section.hotel-intro-section:first-of-type::before,
html body main.inner-page>section.hotel-intro-section:first-of-type::after,
html body main.inner-page>section.bazaar-intro-section:first-of-type::before,
html body main.inner-page>section.bazaar-intro-section:first-of-type::after,
html body main.inner-page>section.restaurant-intro-section:first-of-type::before,
html body main.inner-page>section.restaurant-intro-section:first-of-type::after,
html body main.inner-page>section.residence-intro-section:first-of-type::before,
html body main.inner-page>section.residence-intro-section:first-of-type::after,
html body main.inner-page>section.golf-intro-section:first-of-type::before,
html body main.inner-page>section.golf-intro-section:first-of-type::after,
html body main.inner-page>section.kd-request-intro:first-of-type::before,
html body main.inner-page>section.kd-request-intro:first-of-type::after,
html body main.inner-page>section.kd-request-intro-section:first-of-type::before,
html body main.inner-page>section.kd-request-intro-section:first-of-type::after,
html body main.inner-page>section.contact-intro-section:first-of-type::before,
html body main.inner-page>section.contact-intro-section:first-of-type::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* ==========================================================
   2. FIRST SECTION CONTAINERS
   ظرف‌ها و Gridهای داخل سکشن اول ته‌رنگ نگیرند.
   ========================================================== */

html body main.inner-page>section:first-of-type>.container,
html body main.inner-page>section:first-of-type .container,
html body main.inner-page>section:first-of-type .cultural-bridge-grid,
html body main.inner-page>section:first-of-type .hotel-intro-grid,
html body main.inner-page>section:first-of-type .bazaar-intro-grid,
html body main.inner-page>section:first-of-type .restaurant-intro-grid,
html body main.inner-page>section:first-of-type .residence-intro-grid,
html body main.inner-page>section:first-of-type .golf-intro-grid,
html body main.inner-page>section:first-of-type .kd-request-intro-grid,
html body main.inner-page>section:first-of-type .contact-intro-grid {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* ==========================================================
   3. TEXT BLOCKS INSIDE FIRST SECTION
   فقط بلوک‌های متنی سکشن اول خوانا و هماهنگ شوند.
   عکس و ویدئو هدف گرفته نشده‌اند.
   ========================================================== */

html body main.inner-page>section:first-of-type .cultural-bridge-text,
html body main.inner-page>section:first-of-type .hotel-intro-text,
html body main.inner-page>section:first-of-type .bazaar-intro-text,
html body main.inner-page>section:first-of-type .restaurant-intro-text,
html body main.inner-page>section:first-of-type .residence-intro-text,
html body main.inner-page>section:first-of-type .golf-intro-text,
html body main.inner-page>section:first-of-type .kd-request-intro-card,
html body main.inner-page>section:first-of-type .contact-intro-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    border-color: transparent !important;

    color: #171717 !important;

    text-shadow: none !important;
}

html body main.inner-page>section:first-of-type .kd-request-intro-card,
html body main.inner-page>section:first-of-type .contact-intro-text {
    border: 1px solid rgba(0, 0, 0, .045) !important;
    border-radius: 28px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    box-shadow:
        0 12px 34px rgba(0, 0, 0, .018),
        inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

html body main.inner-page>section:first-of-type .cultural-bridge-text::before,
html body main.inner-page>section:first-of-type .cultural-bridge-text::after,
html body main.inner-page>section:first-of-type .hotel-intro-text::before,
html body main.inner-page>section:first-of-type .hotel-intro-text::after,
html body main.inner-page>section:first-of-type .bazaar-intro-text::before,
html body main.inner-page>section:first-of-type .bazaar-intro-text::after,
html body main.inner-page>section:first-of-type .restaurant-intro-text::before,
html body main.inner-page>section:first-of-type .restaurant-intro-text::after,
html body main.inner-page>section:first-of-type .residence-intro-text::before,
html body main.inner-page>section:first-of-type .residence-intro-text::after,
html body main.inner-page>section:first-of-type .golf-intro-text::before,
html body main.inner-page>section:first-of-type .golf-intro-text::after,
html body main.inner-page>section:first-of-type .kd-request-intro-card::before,
html body main.inner-page>section:first-of-type .kd-request-intro-card::after,
html body main.inner-page>section:first-of-type .contact-intro-text::before,
html body main.inner-page>section:first-of-type .contact-intro-text::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* ==========================================================
   4. TEXT COLORS
   متن‌های سکشن اول روی سفید خوانا باشند.
   ========================================================== */

html body main.inner-page>section:first-of-type h1,
html body main.inner-page>section:first-of-type h2,
html body main.inner-page>section:first-of-type h3,
html body main.inner-page>section:first-of-type strong {
    color: #111111 !important;
    text-shadow: none !important;
}

html body main.inner-page>section:first-of-type p,
html body main.inner-page>section:first-of-type li,
html body main.inner-page>section:first-of-type span {
    color: #303030 !important;
    text-shadow: none !important;
}

html body main.inner-page>section:first-of-type a {
    text-shadow: none !important;
}


/* ==========================================================
   5. DIRECTION SAFETY
   فارسی راست‌چین، انگلیسی چپ‌چین حفظ شود.
   ========================================================== */

html[dir="rtl"] body main.inner-page>section:first-of-type,
html[dir="rtl"] body main.inner-page>section:first-of-type .cultural-bridge-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .hotel-intro-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .bazaar-intro-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .restaurant-intro-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .residence-intro-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .golf-intro-text,
html[dir="rtl"] body main.inner-page>section:first-of-type .kd-request-intro-card,
html[dir="rtl"] body main.inner-page>section:first-of-type .contact-intro-text {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="ltr"] body main.inner-page>section:first-of-type,
html[dir="ltr"] body main.inner-page>section:first-of-type .cultural-bridge-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .hotel-intro-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .bazaar-intro-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .restaurant-intro-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .residence-intro-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .golf-intro-text,
html[dir="ltr"] body main.inner-page>section:first-of-type .kd-request-intro-card,
html[dir="ltr"] body main.inner-page>section:first-of-type .contact-intro-text {
    direction: ltr !important;
    text-align: left !important;
}


/* ==========================================================
   6. PROJECT INFO CULTURAL SHOWCASE - WIDE CARD HEIGHT FIX
   سکشن:
   «نگاهی نزدیکتر به آنچه در انتظار شماست»

   کارت آخر:
   .cultural-card-wide

   ارتفاع کارت Wide بیشتر می‌شود تا با صفحات دیگر هماهنگ‌تر باشد.
   ========================================================== */

html body main.inner-page .cultural-showcase .cultural-cards {
    grid-auto-flow: dense !important;
}

html body main.inner-page .cultural-showcase .cultural-card-wide {
    grid-column: span 8 !important;
    grid-row: span 3 !important;

    height: auto !important;
    min-height: 0 !important;

    border-radius: 30px !important;
    overflow: hidden !important;
}

html body main.inner-page .cultural-showcase .cultural-card-wide img,
html body main.inner-page .cultural-showcase .cultural-card-wide video {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;
}

html body main.inner-page .cultural-showcase .cultural-card-wide .cultural-card-content {
    z-index: 4 !important;
}


/* ==========================================================
   7. RESPONSIVE - HEADER HEIGHT + MENU + TITLE POSITION
   ========================================================== */

@media (max-width: 900px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: 585px !important;
        min-height: 585px !important;
        max-height: 585px !important;
    }

    html body>header.inner-hero-header>.inner-top-nav,
    html body>header.inner-hero-header.inner-hero-header>.inner-top-nav {
        top: var(--kd-inner-hero-top-menu-space, 20px) !important;
        right: var(--kd-inner-hero-side-space, 24px) !important;
        left: var(--kd-inner-hero-side-space, 24px) !important;
        bottom: auto !important;

        justify-content: center !important;
        transform: none !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        top: auto !important;
        bottom: var(--kd-inner-hero-bottom-space, 48px) !important;

        width: var(--kd-inner-hero-title-width, calc(100vw - 48px)) !important;
        max-width: var(--kd-inner-hero-title-width, calc(100vw - 48px)) !important;

        transform: none !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: var(--kd-inner-hero-side-space, 24px) !important;
        left: auto !important;
        text-align: right !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: var(--kd-inner-hero-side-space, 24px) !important;
        right: auto !important;
        text-align: left !important;
    }
}

@media (max-width: 640px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: 510px !important;
        min-height: 510px !important;
        max-height: 510px !important;
    }

    html body>header.inner-hero-header>.inner-top-nav,
    html body>header.inner-hero-header.inner-hero-header>.inner-top-nav {
        top: var(--kd-inner-hero-top-menu-space, 16px) !important;
        right: var(--kd-inner-hero-side-space, 20px) !important;
        left: var(--kd-inner-hero-side-space, 20px) !important;
        bottom: auto !important;

        justify-content: center !important;
        overflow: hidden !important;
    }

    html body>header.inner-hero-header .inner-menu,
    html body>header.inner-hero-header.inner-hero-header .inner-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 14px !important;

        margin: 0 !important;
        padding: 0 2px 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        white-space: nowrap !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        -webkit-overflow-scrolling: touch !important;
    }

    html body>header.inner-hero-header .inner-menu::-webkit-scrollbar,
    html body>header.inner-hero-header.inner-hero-header .inner-menu::-webkit-scrollbar {
        display: none !important;
    }

    html body>header.inner-hero-header .inner-menu a,
    html body>header.inner-hero-header.inner-hero-header .inner-menu a {
        flex: 0 0 auto !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: max-content !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 0 6px !important;

        color: rgba(255, 255, 255, .92) !important;

        font-size: 10.6px !important;
        line-height: 1.35 !important;
        font-weight: 900 !important;

        white-space: nowrap !important;
        text-align: center !important;
        text-decoration: none !important;

        text-shadow: 0 8px 22px rgba(0, 0, 0, .52) !important;

        transform: none !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        top: auto !important;
        bottom: var(--kd-inner-hero-bottom-space, 36px) !important;

        width: var(--kd-inner-hero-title-width, calc(100vw - 40px)) !important;
        max-width: var(--kd-inner-hero-title-width, calc(100vw - 40px)) !important;

        transform: none !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: var(--kd-inner-hero-side-space, 20px) !important;
        left: auto !important;
        text-align: right !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: var(--kd-inner-hero-side-space, 20px) !important;
        right: auto !important;
        text-align: left !important;
    }

    html[dir="rtl"] body>header.inner-hero-header .inner-menu,
    html[lang="fa"] body>header.inner-hero-header .inner-menu,
    html[lang="fa-IR"] body>header.inner-hero-header .inner-menu {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="ltr"] body>header.inner-hero-header .inner-menu,
    html[lang="en"] body>header.inner-hero-header .inner-menu,
    html[lang="en-US"] body>header.inner-hero-header .inner-menu,
    html[lang="en-GB"] body>header.inner-hero-header .inner-menu {
        direction: ltr !important;
        text-align: left !important;
    }
}


/* ==========================================================
   8. RESPONSIVE - CULTURAL WIDE CARD
   کارت آخر در تبلت و موبایل هم بلندتر می‌ماند.
   ========================================================== */

@media (max-width: 1100px) {
    html body main.inner-page .cultural-showcase .cultural-card-wide {
        grid-column: span 6 !important;
        grid-row: span 3 !important;
    }
}

@media (max-width: 768px) {
    html body main.inner-page .cultural-showcase .cultural-card-wide {
        grid-column: 1 / -1 !important;
        grid-row: span 3 !important;
        min-height: 760px !important;
    }
}

@media (max-width: 520px) {
    html body main.inner-page .cultural-showcase .cultural-card-wide {
        grid-column: 1 / -1 !important;
        grid-row: span 3 !important;
        min-height: 680px !important;
    }
}
/* ==========================================================
   INNER MOBILE MENU TOP LINE REMOVE
   حذف خط اضافه بالای منوی صفحات داخلی در موبایل
   fa + en
   ========================================================== */

html body > header.inner-hero-header > .inner-top-nav,
html body > header.inner-hero-header.inner-hero-header > .inner-top-nav {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    html body > header.inner-hero-header > .inner-top-nav,
    html body > header.inner-hero-header.inner-hero-header > .inner-top-nav {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 640px) {
    html body > header.inner-hero-header > .inner-top-nav,
    html body > header.inner-hero-header.inner-hero-header > .inner-top-nav {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
}

/* ==========================================================
   PROJECT INFO - CULTURAL CTA CLEAN CARD
   سکشن:
   «برای همکاری، بازدید یا برگزاری رویداد فرهنگی آماده‌اید؟»

   Scope:
   فقط صفحه اطلاعات پروژه فارسی و انگلیسی
   فقط سکشن .cultural-cta
   بدون دست‌زدن به هدر، سکشن اول، گالری، کارت Wide و منو
   ========================================================== */

html body main.inner-page.cultural-page .cultural-cta,
html body main.inner-page .cultural-cta {
    position: relative !important;

    margin: 0 !important;
    padding: clamp(56px, 5.8vw, 92px) 0 clamp(64px, 6.2vw, 104px) !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    isolation: isolate !important;
}

html body main.inner-page.cultural-page .cultural-cta::before,
html body main.inner-page.cultural-page .cultural-cta::after,
html body main.inner-page .cultural-cta::before,
html body main.inner-page .cultural-cta::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

html body main.inner-page.cultural-page .cultural-cta>.container,
html body main.inner-page .cultural-cta>.container {
    width: 90% !important;
    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

html body main.inner-page.cultural-page .cultural-cta-card,
html body main.inner-page .cultural-cta-card {
    position: relative !important;
    isolation: isolate !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding:
        clamp(30px, 3.2vw, 50px) clamp(28px, 4vw, 64px) !important;

    display: block !important;

    border-radius: clamp(24px, 2.4vw, 36px) !important;
    border: 1px solid rgba(0, 0, 0, .048) !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    box-shadow:
        0 14px 42px rgba(0, 0, 0, .020),
        inset 0 1px 0 rgba(255, 255, 255, .96) !important;

    color: #171717 !important;

    overflow: hidden !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body main.inner-page.cultural-page .cultural-cta-card::before,
html body main.inner-page.cultural-page .cultural-cta-card::after,
html body main.inner-page .cultural-cta-card::before,
html body main.inner-page .cultural-cta-card::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

html body main.inner-page.cultural-page .cultural-cta-card h2,
html body main.inner-page .cultural-cta-card h2 {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: #111111 !important;

    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1.55 !important;
    font-weight: 900 !important;

    letter-spacing: -.01em !important;

    text-shadow: none !important;
}

html body main.inner-page.cultural-page .cultural-cta-card p,
html body main.inner-page .cultural-cta-card p {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: #33302a !important;

    font-size: clamp(14.5px, .98vw, 16.3px) !important;
    line-height: 2.05 !important;
    font-weight: 750 !important;

    text-shadow: none !important;
}

html body main.inner-page.cultural-page .cultural-cta-card h2,
html body main.inner-page.cultural-page .cultural-cta-card p,
html body main.inner-page.cultural-page .cultural-cta-card span,
html body main.inner-page.cultural-page .cultural-cta-card strong,
html body main.inner-page .cultural-cta-card h2,
html body main.inner-page .cultural-cta-card p,
html body main.inner-page .cultural-cta-card span,
html body main.inner-page .cultural-cta-card strong {
    position: relative !important;
    z-index: 2 !important;

    background: transparent !important;
    background-image: none !important;

    text-shadow: none !important;
}

/* اگر لینک/دکمه داخل این کارت وجود داشت، بک‌گراند داخلی سنگین نگیرد. */
html body main.inner-page.cultural-page .cultural-cta-card>a,
html body main.inner-page .cultural-cta-card>a {
    margin-top: 22px !important;

    border: 1px solid rgba(162, 118, 49, .20) !important;
    border-radius: 999px !important;

    background: #ffffff !important;
    background-image: none !important;

    color: #23180b !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, .026),
        inset 0 1px 0 rgba(255, 255, 255, .96) !important;

    text-shadow: none !important;
}

/* فارسی */
html[dir="rtl"] body main.inner-page.cultural-page .cultural-cta-card,
html[dir="rtl"] body main.inner-page.cultural-page .cultural-cta-card h2,
html[dir="rtl"] body main.inner-page.cultural-page .cultural-cta-card p,
html[dir="rtl"] body main.inner-page .cultural-cta-card,
html[dir="rtl"] body main.inner-page .cultural-cta-card h2,
html[dir="rtl"] body main.inner-page .cultural-cta-card p {
    direction: rtl !important;
    text-align: right !important;
    text-align-last: right !important;
}

/* انگلیسی */
html[dir="ltr"] body main.inner-page.cultural-page .cultural-cta-card,
html[dir="ltr"] body main.inner-page.cultural-page .cultural-cta-card h2,
html[dir="ltr"] body main.inner-page.cultural-page .cultural-cta-card p,
html[dir="ltr"] body main.inner-page .cultural-cta-card,
html[dir="ltr"] body main.inner-page .cultural-cta-card h2,
html[dir="ltr"] body main.inner-page .cultural-cta-card p {
    direction: ltr !important;
    text-align: left !important;
    text-align-last: left !important;
}

html body main.inner-page.cultural-page .cultural-cta-card:hover,
html body main.inner-page .cultural-cta-card:hover {
    border-color: rgba(162, 118, 49, .105) !important;

    box-shadow:
        0 16px 48px rgba(0, 0, 0, .026),
        inset 0 1px 0 rgba(255, 255, 255, .98) !important;
}

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

@media (max-width: 900px) {

    html body main.inner-page.cultural-page .cultural-cta,
    html body main.inner-page .cultural-cta {
        padding: 48px 0 62px !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card,
    html body main.inner-page .cultural-cta-card {
        padding: 28px 26px !important;
        border-radius: 28px !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card h2,
    html body main.inner-page .cultural-cta-card h2 {
        font-size: clamp(22px, 4.7vw, 30px) !important;
        line-height: 1.56 !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card p,
    html body main.inner-page .cultural-cta-card p {
        font-size: 14.2px !important;
        line-height: 2 !important;
    }
}

@media (max-width: 640px) {

    html body main.inner-page.cultural-page .cultural-cta,
    html body main.inner-page .cultural-cta {
        padding: 38px 0 50px !important;
    }

    html body main.inner-page.cultural-page .cultural-cta>.container,
    html body main.inner-page .cultural-cta>.container {
        width: calc(100% - 40px) !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card,
    html body main.inner-page .cultural-cta-card {
        padding: 24px 20px !important;
        border-radius: 24px !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card h2,
    html body main.inner-page .cultural-cta-card h2 {
        margin-bottom: 12px !important;

        font-size: clamp(21px, 5.3vw, 27px) !important;
        line-height: 1.58 !important;
    }

    html body main.inner-page.cultural-page .cultural-cta-card p,
    html body main.inner-page .cultural-cta-card p {
        font-size: 13.6px !important;
        line-height: 1.95 !important;
    }
}

/* ==========================================================
   PROJECT INFO - BOTTOM MAP TITLE CLEAN FIX
   سکشن تصویر بالای فوتر:
   «روایتی از شکل‌گیری مقصد»

   Scope:
   فقط صفحه اطلاعات پروژه فارسی و انگلیسی
   فقط .bazaar-map-section داخل .cultural-page
   بدون دست‌زدن به صفحات دیگر
   ========================================================== */

html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
    position: absolute !important;

    width: auto !important;
    max-width: calc(100% - 10vw) !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    overflow: visible !important;
}

html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box::before,
html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    color: #ffffff !important;

    font-size: clamp(21px, 2vw, 34px) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;

    white-space: nowrap !important;
    text-wrap: nowrap !important;

    text-shadow:
        0 12px 34px rgba(0, 0, 0, .55),
        0 3px 12px rgba(0, 0, 0, .42) !important;
}

/* فارسی: متن روی تصویر پایین راست باشد */
html[dir="rtl"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
    right: 5vw !important;
    left: auto !important;

    direction: rtl !important;
    text-align: right !important;
}

/* انگلیسی: متن روی تصویر پایین چپ باشد */
html[dir="ltr"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
    left: 5vw !important;
    right: auto !important;

    direction: ltr !important;
    text-align: left !important;
}

html[dir="rtl"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
    text-align: right !important;
    text-align-last: right !important;
}

html[dir="ltr"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
    text-align: left !important;
    text-align-last: left !important;
}


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

@media (max-width: 900px) {
    html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        max-width: calc(100% - 48px) !important;
    }

    html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
        font-size: clamp(19px, 4.2vw, 28px) !important;
        line-height: 1.35 !important;
    }

    html[dir="rtl"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        right: 24px !important;
    }

    html[dir="ltr"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        left: 24px !important;
    }
}

@media (max-width: 640px) {
    html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        max-width: calc(100% - 36px) !important;
    }

    html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
        font-size: clamp(17px, 5vw, 23px) !important;
        line-height: 1.35 !important;
        letter-spacing: -.01em !important;
    }

    html[dir="rtl"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        right: 18px !important;
    }

    html[dir="ltr"] body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box {
        left: 18px !important;
    }
}

@media (max-width: 380px) {
    html body main.inner-page.cultural-page .bazaar-map-section .bazaar-map-title-box h2 {
        font-size: 16px !important;
    }
}

/* ==========================================================
   PROJECT INFO - CULTURAL WIDE CARD HEIGHT REDUCE
   کاهش ارتفاع تصویر ششم سکشن cultural-showcase

   Scope:
   فقط صفحه اطلاعات پروژه فارسی و انگلیسی
   تصویر ششم: .cultural-card-wide
   کاهش حدوداً یک‌سوم نسبت به وضعیت فعلی
   ========================================================== */

html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide {
    grid-column: span 8 !important;
    grid-row: span 2 !important;

    height: auto !important;
    min-height: 0 !important;
}

html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide img,
html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide video {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}

@media (max-width: 1100px) {
    html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide {
        grid-column: span 6 !important;
        grid-row: span 2 !important;
    }
}

@media (max-width: 768px) {
    html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide {
        grid-column: 1 / -1 !important;
        grid-row: span 2 !important;
        min-height: 510px !important;
    }
}

@media (max-width: 520px) {
    html body main.inner-page.cultural-page .cultural-showcase .cultural-card-wide {
        grid-column: 1 / -1 !important;
        grid-row: span 2 !important;
        min-height: 455px !important;
    }
}

/* ==========================================================
   KIAN DEZH - INNER HERO COMPACT HEIGHT + TITLE LOWER FIX
   مرحله v24

   Scope:
   فقط هدر صفحات داخلی فارسی و انگلیسی
   - کاهش ارتفاع هدرها حدود یک‌سوم
   - پایین‌تر آوردن عنوان صفحه روی هدر
   - هم‌ترازسازی فارسی و انگلیسی
   - بدون تغییر Index
   ========================================================== */

:root {
    --kd-inner-hero-height-desktop-final: 600px;
    --kd-inner-hero-height-tablet-final: 390px;
    --kd-inner-hero-height-mobile-final: 340px;

    --kd-inner-hero-title-bottom-desktop-final: 30px;
    --kd-inner-hero-title-bottom-tablet-final: 26px;
    --kd-inner-hero-title-bottom-mobile-final: 22px;

    --kd-inner-hero-title-side-desktop-final: 5vw;
    --kd-inner-hero-title-side-tablet-final: 24px;
    --kd-inner-hero-title-side-mobile-final: 20px;
}


/* ==========================================================
   1. DESKTOP - HEADER HEIGHT
   690px قبلی → حدوداً 460px
   ========================================================== */

html body>header.inner-hero-header,
html body>header.inner-hero-header.inner-hero-header {
    height: var(--kd-inner-hero-height-desktop-final) !important;
    min-height: var(--kd-inner-hero-height-desktop-final) !important;
    max-height: var(--kd-inner-hero-height-desktop-final) !important;
}


/* پس‌زمینه و Overlay همچنان کل هدر را بپوشانند */

html body>header.inner-hero-header .inner-hero-bg,
html body>header.inner-hero-header .inner-hero-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}


/* ==========================================================
   2. DESKTOP - TITLE POSITION
   عنوان از حالت وسط/بالا بیاید پایین‌تر
   ========================================================== */

html body>header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
    position: absolute !important;

    top: auto !important;
    bottom: var(--kd-inner-hero-title-bottom-desktop-final) !important;

    z-index: 20 !important;

    width: min(760px, 60vw) !important;
    max-width: min(760px, 60vw) !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* فارسی: پایین راست */

html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
    right: var(--kd-inner-hero-title-side-desktop-final) !important;
    left: auto !important;

    direction: rtl !important;
    text-align: right !important;
}


/* انگلیسی: پایین چپ */

html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
    left: var(--kd-inner-hero-title-side-desktop-final) !important;
    right: auto !important;

    direction: ltr !important;
    text-align: left !important;
}


/* خود متن‌ها هم‌تراز بمانند */

html body>header.inner-hero-header .inner-hero-content h1,
html body>header.inner-hero-header .inner-hero-content p {
    width: 100% !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    text-shadow:
        0 12px 34px rgba(0, 0, 0, .48),
        0 3px 12px rgba(0, 0, 0, .36) !important;
}

html[dir="rtl"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="rtl"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content p {
    text-align: right !important;
    text-align-last: right !important;
}

html[dir="ltr"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="ltr"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content p {
    text-align: left !important;
    text-align-last: left !important;
}


/* ==========================================================
   3. TABLET
   585px قبلی → حدوداً 390px
   ========================================================== */

@media (max-width: 900px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: var(--kd-inner-hero-height-tablet-final) !important;
        min-height: var(--kd-inner-hero-height-tablet-final) !important;
        max-height: var(--kd-inner-hero-height-tablet-final) !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        top: auto !important;
        bottom: var(--kd-inner-hero-title-bottom-tablet-final) !important;

        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;

        transform: none !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: var(--kd-inner-hero-title-side-tablet-final) !important;
        left: auto !important;
        text-align: right !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: var(--kd-inner-hero-title-side-tablet-final) !important;
        right: auto !important;
        text-align: left !important;
    }
}


/* ==========================================================
   4. MOBILE
   510px قبلی → حدوداً 340px
   ========================================================== */

@media (max-width: 640px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: var(--kd-inner-hero-height-mobile-final) !important;
        min-height: var(--kd-inner-hero-height-mobile-final) !important;
        max-height: var(--kd-inner-hero-height-mobile-final) !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        top: auto !important;
        bottom: var(--kd-inner-hero-title-bottom-mobile-final) !important;

        width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;

        transform: none !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: var(--kd-inner-hero-title-side-mobile-final) !important;
        left: auto !important;
        text-align: right !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: var(--kd-inner-hero-title-side-mobile-final) !important;
        right: auto !important;
        text-align: left !important;
    }
}

/* ==========================================================
   KIAN DEZH - INNER HERO FINAL POSITION FIX
   v24 final override

   هدف:
   - هدر صفحات داخلی حدود یک‌سوم کوتاه‌تر
   - عنوان دقیقاً 5% از پایین فاصله داشته باشد
   - فارسی: 5% از راست
   - انگلیسی: 5% از چپ
   - حذف حالت وسط‌چین قبلی ناشی از flex/min-height
   ========================================================== */


/* ارتفاع نهایی هدرهای داخلی */

html body>header.inner-hero-header,
html body>header.inner-hero-header.inner-hero-header {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;

    position: relative !important;
    overflow: hidden !important;
}


/* بک‌گراند و اورلی تمام هدر را بپوشانند */

html body>header.inner-hero-header .inner-hero-bg,
html body>header.inner-hero-header .inner-hero-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
}


/* مهم‌ترین بخش:
   باکس عنوان دیگر نباید min-height و flex-center داشته باشد */

html body>header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
    position: absolute !important;

    top: auto !important;
    bottom: 5% !important;

    width: 90% !important;
    max-width: 90% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    align-items: unset !important;
    justify-content: unset !important;

    transform: none !important;
    animation: none !important;

    z-index: 25 !important;
}


/* فارسی: 5 درصد از راست */

html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
    right: 5% !important;
    left: auto !important;

    direction: rtl !important;
    text-align: right !important;
}


/* انگلیسی: 5 درصد از چپ */

html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
    left: 5% !important;
    right: auto !important;

    direction: ltr !important;
    text-align: left !important;
}


/* حذف فاصله‌های داخلی خود تیتر */

html body>header.inner-hero-header .inner-hero-content h1 {
    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;
    max-width: 100% !important;

    line-height: 1.22 !important;

    transform: none !important;
}

html body>header.inner-hero-header .inner-hero-content p {
    margin: 8px 0 0 !important;
    padding: 0 !important;

    width: auto !important;
    max-width: min(720px, 100%) !important;

    transform: none !important;
}


/* هم‌ترازی متن فارسی */

html[dir="rtl"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="rtl"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa"] body>header.inner-hero-header .inner-hero-content p,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="fa-IR"] body>header.inner-hero-header .inner-hero-content p {
    text-align: right !important;
    text-align-last: right !important;
}


/* هم‌ترازی متن انگلیسی */

html[dir="ltr"] body>header.inner-hero-header .inner-hero-content h1,
html[dir="ltr"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-US"] body>header.inner-hero-header .inner-hero-content p,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content h1,
html[lang="en-GB"] body>header.inner-hero-header .inner-hero-content p {
    text-align: left !important;
    text-align-last: left !important;
}


/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width: 900px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        bottom: 5% !important;

        width: 90% !important;
        max-width: 90% !important;

        height: auto !important;
        min-height: 0 !important;

        display: block !important;
        padding: 0 !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: 5% !important;
        left: auto !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: 5% !important;
        right: auto !important;
    }
}


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

@media (max-width: 640px) {

    html body>header.inner-hero-header,
    html body>header.inner-hero-header.inner-hero-header {
        height: 340px !important;
        min-height: 340px !important;
        max-height: 340px !important;
    }

    html body>header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html body>header.inner-hero-header>.inner-hero-content.inner-hero-content,
    html body>header.inner-hero-header.inner-hero-header>.inner-hero-content.inner-hero-content {
        bottom: 5% !important;

        width: 90% !important;
        max-width: 90% !important;

        height: auto !important;
        min-height: 0 !important;

        display: block !important;
        padding: 0 !important;
    }

    html[dir="rtl"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="rtl"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="fa"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="fa-IR"] body>header.inner-hero-header>.inner-hero-content {
        right: 5% !important;
        left: auto !important;
    }

    html[dir="ltr"] body>header.inner-hero-header>.inner-hero-content,
    html[dir="ltr"] body>header.inner-hero-header.inner-hero-header>.inner-hero-content,
    html[lang="en"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-US"] body>header.inner-hero-header>.inner-hero-content,
    html[lang="en-GB"] body>header.inner-hero-header>.inner-hero-content {
        left: 5% !important;
        right: auto !important;
    }
}