/* --- همون استایل خودت، فقط با اصلاحات ریسپانسیو --- */

.hero-slider {
    position: relative;
    /* fallback قدیمی */
    height: calc(100vh - var(--nav-h));
    /* اولویت با device viewport height (کروم/موبایل) */
    height: calc(100svh - var(--nav-h));
    /* روی مرورگرهای جدیدتر دقیق‌تره */
    height: calc(100dvh - var(--nav-h));
    /* در نهایت اگر --vh ست شد، از اون استفاده کنیم (دقیق‌ترین) */
    height: calc( (var(--vh, 1vh) * 100) - var(--nav-h) );
    min-height: var(--hero-min-desktop);
}

@media (max-width: 991.98px) {
    .hero-slider {
        min-height: var(--hero-min-mobile);
    }
}

/* ---------- فقط به هیرو دست می‌زنیم؛ محصولات دست‌نخورده ---------- */

/* RTL baseline (مثل قبل) */
body, p, h1, h2, h3, h4, h5, h6 {
    direction: rtl;
}

.text-right {
    text-align: right !important;
}

/* HERO: layout */
:root {
    --nav-h: 72px;
    --hero-min-desktop: 640px;
    --hero-min-mobile: 520px;
}

.hero-wrap {
    position: relative;
    padding-top: var(--nav-h);
}
    /* ⚠️ این خطِ تکراری که ارتفاع رو override می‌کرد حذف شد:
   .hero-slider{ position:relative; height:calc(100svh - var(--nav-h)); min-height:var(--hero-min-desktop); }
*/
    .hero-wrap .slick-list, .hero-wrap .slick-track {
        height: 100%;
    }

.hero-slide {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: contrast(1.02) saturate(.98);
    transform: scale(1.02);
}

.hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(60% 50% at 50% 40%, rgba(0,0,0,.10), rgba(0,0,0,.20));
}

.hero-in {
    position: relative;
    z-index: 2;
}

/* Caption */
.text-white-85 {
    color: rgba(255,255,255,.92);
}
 

.hero-eyebrow {
    display: inline-block;
    padding: .24rem .7rem;
    font-size: .86rem;
    letter-spacing: .4px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    margin-bottom: .5rem;
}

.hero-subtitle {
    font-size: clamp(0.98rem,1.05vw + .5rem,1.15rem);
    color: rgba(255,255,255,.94);
    margin: 0 0 .9rem;
}

.hero-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    justify-content: center;
    align-items: center;
    margin-top: .45rem;
}

/* Search inside hero */
.hero-search {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

    .hero-search .input-group {
        display: flex;
        gap: .4rem;
    }

    .hero-search input.form-control {
        border-radius: 999px;
        padding: .6rem .9rem;
        background: rgba(255,255,255,0.96);
        color: #0f2738 !important;
        border: 1px solid rgba(15,39,56,0.10);
        backdrop-filter: blur(4px);
        min-width: 0;
        text-align: right;
    }

    .hero-search .form-control::placeholder {
        color: #6b7280;
        opacity: 1;
    }

    .hero-search .form-control:focus {
        outline: none;
        border-color: rgba(20,90,57,0.95);
        box-shadow: 0 10px 28px rgba(20,90,57,0.10);
        background: #fff;
    }

    .hero-search .btn {
        border-radius: 999px;
        padding: .55rem 1rem;
        white-space: nowrap;
    }

/* Chips */
.hero-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5رم;
    margin: .8rem 0 0;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .36rem .68rem;
    font-size: .92rem;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
}

/* Mobile heights */
@media (max-width: 991.98px) {
    .hero-slider {
        height: calc(100svh - var(--nav-h));
        min-height: var(--hero-min-mobile);
    }
}

.hero-wrap,
.hero-slider .slick-list,
.hero-slider .slick-track {
    overflow: hidden;
}

/* فقط دسترسی فوکوس اسلاید */
.slick-slide {
    outline: none;
}

/* Slogan band */
.slogan-band-enhanced {
    padding: 18px 0;
    background: linear-gradient(180deg, rgba(20,90,57,0.03), rgba(255,255,255,0.02));
    border-top: 1px solid rgba(20,90,57,0.06);
    border-bottom: 1px solid rgba(20,90,57,0.04);
}

    .slogan-band-enhanced .slogan-inner {
        display: flex;
        align-items: center;
        gap: 18px;
        justify-content: center;
        position: relative;
        padding: 6px 12px;
    }

.slogan-deco {
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-4px);
}

.pearl-icon {
    filter: drop-shadow(0 8px 18px rgba(20,90,57,0.08));
    border-radius: 10px;
}

.slogan-text-wrap {
    text-align: center;
    max-width: 920px;
}

.slogan-lead {
    margin: 0;
    font-size: .95rem;
    color: #0f2738;
    font-weight: 700;
    opacity: .9;
    letter-spacing: .3px;
}

.slogan-main {
    margin: .18rem 0 0;
    font-size: 1.45rem;
    line-height: 1.05;
    color: #0b2b22;
    font-weight: 800;
    letter-spacing: .6px;
}

.slogan-highlight {
    color: #145a39;
    background: linear-gradient(90deg, rgba(20,90,57,0.09), rgba(255,255,255,0));
    padding: 4px 10px;
    border-radius: 999px;
    display: inline-block;
    margin-right: .35rem;
}

.slogan-underline {
    display: block;
    height: 14px;
    margin: .5rem auto 0;
    position: relative;
    width: 160px;
}

    .slogan-underline span {
        display: block;
        height: 6px;
        width: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(20,90,57,0.95), rgba(32,201,151,0.85));
        box-shadow: 0 8px 22px rgba(20,90,57,0.14);
        transform-origin: left center;
        animation: highlightGrow 1.2s ease-out both;
    }

@keyframes highlightGrow {
    from {
        transform: scaleX(0);
        opacity: .2;
    }

    60% {
        transform: scaleX(1.05);
        opacity: 1;
    }

    to {
        transform: scaleX(1);
        opacity: 1;
    }
}

.slogan-sub {
    margin: .45rem 0 0;
    font-size: .95rem;
    color: #56686a;
    opacity: .95;
}

@media (max-width: 992px) {
    .slogan-band-enhanced .slogan-inner {
        gap: 12px;
        padding: 8px 8px;
    }

    .slogan-main {
        font-size: 1.25rem;
    }

    .pearl-icon {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 576px) {
    .slogan-deco {
        display: none;
    }

    .slogan-main {
        font-size: 1.05rem;
    }

    .slogan-underline {
        width: 120px;
    }

    .slogan-sub {
        font-size: .92rem;
    }
}

/* Trust chips */
.ix-trust .trust-chip {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem .85rem;
    background: #f7faf9;
    border: 1px solid #e6f3ed;
    border-radius: 14px;
    color: #145a39;
    box-shadow: 0 1px 8px rgba(0,0,0,.04);
}

    .ix-trust .trust-chip i {
        font-size: 18px;
    }

/* 4:3 frame محصولات */
.ar-4x3 {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: #f5f5f5;
}

    .ar-4x3::before {
        content: "";
        display: block;
        padding-top: 75%;
    }

    .ar-4x3 > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Cards */
.ix-card {
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
    transition: transform .2s, box-shadow .2s;
}

    .ix-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 36px rgba(0,0,0,.12);
    }

.ix-media-badge {
    position: absolute;
    top: .6rem;
    right: .6rem;
    background: rgba(20,90,57,.92);
    color: #fff;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 999px;
}

.ix-card-body {
    padding: .95rem;
}

/* Services */
.srv-grid {
    align-items: stretch;
}

.srv-card {
    height: 100%;
    border-radius: 18px;
    padding: 18px;
    border: 1px solid #e8f0ec;
    background: radial-gradient(120% 120% at 110% -10%, #eaf7f1 0%, #ffffff 58%), linear-gradient(180deg, rgba(32,201,151,.08), rgba(32,201,151,0));
    box-shadow: 0 12px 28px rgba(0,0,0,.06);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}

    .srv-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(0,0,0,.12);
        border-color: #d6efe4;
    }

.srv-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    margin-bottom: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #145a39;
    background: #e9f7f1;
    font-size: 24px;
    box-shadow: inset 0 0 0 6px rgba(20,90,57,.08);
}

.srv-title {
    font-size: 1.05rem;
    font-weight: 800;
    margin-bottom: .3rem;
    color: #0f2738;
}

.srv-text {
    color: #63727d;
    margin: 0 0 .6rem;
}

.srv-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: .25rem;
}

    .srv-points li {
        display: flex;
        align-items: center;
        gap: .35rem;
        color: #44525c;
        font-size: .94rem;
    }

    .srv-points i {
        color: #20c997;
    }

/* Testimonials */
.testi-card {
    border: 1px solid #eef2f0;
    border-radius: 16px;
    background: #fff;
    padding: 18px;
    position: relative;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

    .testi-card .avatar {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        object-fit: cover;
    }

.testi-quote {
    position: absolute;
    bottom: 12px;
    left: 14px;
    color: #e6e6e6;
}

/* Blog */
.ix-blog .blog-card {
    border: 1px solid #eef2f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    transition: transform .2s, box-shadow .2s;
}

    .ix-blog .blog-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 36px rgba(0,0,0,.12);
    }

.ix-blog .blog-media {
    position: relative;
}

.ix-blog .blog-date {
    position: absolute;
    bottom: .6rem;
    right: .6rem;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 999px;
}

/* CTA */
.ix-cta {
    background: linear-gradient(135deg,#0f5132,#145a39);
    color: #fff;
    padding: 48px 0;
    text-align: center;
}

/* کمک دسترسی */
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* موبایل – ریزتنظیمات هیرو */
@media (max-width:576px) {
    .hero-slide {
        align-items: flex-end;
        padding-bottom: 18px;
    }
  
}
/* ===== HERO headline (no glass card) ===== */
.hero-headline {
    margin: 0 auto;
    max-width: 960px;
    text-align: center;
    color: #fff;
    padding: .5rem 1rem 1rem;
}

.hero-title-over {
    font-size: clamp(1.4rem, 2.6vw + .6rem, 2.4rem);
    font-weight: 800;
    line-height: 1.15;
    text-shadow: 0 3px 16px rgba(0,0,0,.35);
    margin: .25rem 0 .25rem;
}

.hero-subtitle-over {
    color: rgba(255,255,255,.95);
    font-size: clamp(1rem,1.1vw + .65rem,1.15rem);
    margin: 0;
}

/* ===== QUICK SEARCH BAND ===== */
.quick-search-band {
    background: #ffffff;
    border-bottom: 1px solid #eef2f0;
    padding: 14px 0;
}

.quick-search {
    max-width: 1000px;
    margin: 0 auto;
}

    .quick-search .qs-wrap {
        display: grid;
        grid-template-columns: 1.6rem 1fr auto;
        align-items: center;
        gap: .6rem;
        border: 1px solid #e8ecea;
        background: #fff;
        border-radius: 999px;
        padding: .45rem .45rem .45rem .45rem;
        box-shadow: 0 12px 28px rgba(0,0,0,.06);
    }

        .quick-search .qs-wrap i {
            text-align: center;
            color: #6b7280;
        }

        .quick-search .qs-wrap input {
            border: 0;
            outline: 0;
            width: 100%;
            padding: .45rem .25rem;
            background: transparent;
            color: #0f2738;
            text-align: right;
        }

            .quick-search .qs-wrap input::placeholder {
                color: #87929a;
            }

        .quick-search .qs-wrap .btn {
            border-radius: 999px;
            padding: .55rem 1.1rem;
        }

.qs-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .55rem;
}

    .qs-suggestions span {
        display: inline-block;
        padding: .25rem .6rem;
        border: 1px dashed #dbe6e1;
        border-radius: 999px;
        color: #145a39;
        background: #f4fbf7;
        cursor: pointer;
        font-size: .85rem;
    }

        .qs-suggestions span:hover {
            background: #ecf9f3;
        }

/* ===== Testimonials v2 ===== */
.testi-grid {
    align-items: stretch;
}

.testi-card2 {
    display: block;
    margin: 0;
    padding: 18px 18px 16px;
    border-radius: 18px;
    border: 1px solid #e8f0ec;
    background: radial-gradient(100% 100% at 110% -10%, #eaf7f1 0%, #ffffff 58%) no-repeat, linear-gradient(180deg, rgba(32,201,151,.06), rgba(32,201,151,0)) no-repeat;
    box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

    .testi-card2 .testi-head {
        display: flex;
        align-items: center;
        gap: .75rem;
        margin: .15rem 0 .35rem;
    }

.testi-avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

.testi-name {
    color: #0f2738;
    font-weight: 800;
}

.testi-role {
    color: #6b7280;
    font-size: .875rem;
    margin-right: .35rem;
}

.testi-stars i {
    color: #f59e0b;
    font-size: .9rem;
    margin-right: 1px;
}

.testi-quote2 {
    position: relative;
    margin: .4rem 0 0;
    padding: .6rem .75rem .6rem 2.25rem;
    color: #2b3440;
    line-height: 1.9;
    font-size: 1rem;
    background: #fff;
    border: 1px solid #eef2f0;
    border-radius: 14px;
}

    .testi-quote2:before {
        content: "\f10e"; /* fa-quote-right */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: .6rem;
        top: .6rem;
        opacity: .15;
        font-size: 1.4rem;
    }

/* (باقی استایل‌های قبلی شما بدون تغییر می‌مانند) */

/* ==== فقط موبایل: مقیاس و قد اسلایدر مرتب شود ==== */
@media (max-width: 576px) {
    /* قد اسلایدر کمی کوتاه‌تر تا تصویر طبیعی‌تر دیده شود */
    .hero-slider {
        height: calc(68svh - var(--nav-h)) !important; /* قد ≈ 68% صفحه منهای نوار بالا */
        min-height: 380px; /* اگه svh در دسترس نبود */
    }

    /* تصویر: همچنان cover ولی با جای‌گیری نرم‌تر */
    .hero-img {
        object-fit: cover !important;
        object-position: center center !important; /* اگر سوژه بالاست، می‌تونی  "center 30%" بذاری */
        transform: none !important; /* scale(1.02) روی موبایل حذف تا کراپ کمتر شود */
    }

    /* فاصله‌ی زیر اسلایدر جمع شود */
    .hero-slider,
    .slick-slider,
    .slick-list,
    .slick-track {
        margin-bottom: 0 !important;
    }

    .hero-wrap + section,
    .hero-wrap + .section,
    .hero-wrap + .slogan-band-enhanced,
    .hero-wrap + .ix-trust,
    .hero-wrap + .quick-search-band {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }
}
/* =============== BEAUTY PACK (drop-in) =============== */

/* 1) تایپوگرافی و فضاهای عمومی */
:root {
    --brand: #145a39;
    --brand-2: #20c997;
    --ink: #0f2738;
    --muted: #66737d;
    --soft: #f6faf8;
    --line: #e8f0ec;
    --radius-xl: 18px;
    --radius-lg: 16px;
}

body {
    color: var(--ink);
}

.section {
    padding: 56px 0;
}

.section-heading .section-title {
    font-weight: 900;
    letter-spacing: .2px;
}

.section-heading p {
    color: var(--muted);
}

/* 2) دکمه‌ها (هماهنگ و نرم) */
.btn {
    border-radius: 999px;
    padding: .6rem 1.1rem;
    transition: transform .18s, box-shadow .18s;
}

    .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0,0,0,.08);
    }

.btn-success {
    background: var(--brand);
    border-color: var(--brand);
}

.btn-outline-success {
    color: var(--brand);
    border-color: var(--brand);
}

    .btn-outline-success:hover {
        background: var(--brand);
        color: #fff;
    }

/* 3) اسلایدر: دات‌ها و ارو‌ها */
.slick-dots {
    bottom: 14px;
}

    .slick-dots li button:before {
        font-size: 10px;
        opacity: .35;
        color: #fff;
    }

    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #fff;
    }

.slick-prev:before, .slick-next:before {
    color: #fff;
    opacity: .85;
}

.slick-prev, .slick-next {
    z-index: 5;
}

.slick-prev {
    left: 12px;
}

.slick-next {
    right: 12px;
}

/* 4) هدرِ هیرو (بدون کارت شیشه‌ای) خوش‌خوان‌تر شود */
.hero-headline {
    text-shadow: 0 6px 26px rgba(0,0,0,.35);
}

.hero-title-over {
    letter-spacing: .3px;
}

.hero-subtitle-over {
    opacity: .96;
}

/* 5) چیپ‌ها – جمع‌وجور و تمیز */
.hero-chips .chip {
    backdrop-filter: blur(4px);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
}

/* 6) نوار اسلوگان: خط جداکننده نئومرفیک */
.slogan-band-enhanced {
    background: linear-gradient(180deg,#ffffff 0%, #f8fbf9 100%);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.slogan-highlight {
    background: linear-gradient(90deg, rgba(32,201,151,.12),rgba(255,255,255,0));
}

/* 7) کارت محصولات */
.ix-card {
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
    overflow: hidden;
}

    .ix-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 38px rgba(0,0,0,.12);
    }

    .ix-card .ix-card-body h3 {
        font-weight: 800;
    }

.ix-media-badge {
    background: var(--brand);
}

/* 8) خدمات (card) – سایه و حاشیه ظریف‌تر */
.srv-card {
    border-color: var(--line);
}

.srv-icon {
    background: #eaf7f1;
    color: var(--brand);
}

/* 9) تستیمونیال نسخه‌ی جدید (اگر testim v2 را داری) */
.testi-card2 {
    border-color: var(--line);
    box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.testi-name {
    font-weight: 900;
}

.testi-quote2 {
    border-color: #edf3ef;
}

/* 10) بلاگ کارت */
.ix-blog .blog-card {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
}

    .ix-blog .blog-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 36px rgba(0,0,0,.12);
    }

.ix-blog .blog-date {
    background: rgba(15,39,56,.65);
}

/* 11) فاصله‌های بین سکشن‌ها پس از هیرو کمتر شود */
.hero-wrap + .section,
.hero-wrap + section,
.hero-wrap + .slogan-band-enhanced,
.hero-wrap + .ix-trust,
.hero-wrap + .quick-search-band {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

/* 12) ریسپانسیو‌های ریز */
@media (max-width: 991.98px) {
    .section {
        padding: 44px 0;
    }
}

@media (max-width: 576px) {
    .section {
        padding: 36px 0;
    }

    .ix-card .ix-card-body {
        padding: .85rem;
    }

    .srv-card {
        padding: 16px;
    }
}

/* 13) خط جداکننده‌ی بسیار ملایم بین بلوک‌ها (اختیاری) */
.section + .section {
    border-top: 1px solid rgba(20,90,57,.06);
}
/* ========== BLOG GLOW PACK (drop-in, no HTML change) ========== */

/* شبکه تمیز و کارت‌های هم‌ارتفاع */
.ix-blog .row > [class*="col-"] {
    display: flex;
}

.ix-blog .blog-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e8f0ec;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    position: relative;
    isolation: isolate;
}

    .ix-blog .blog-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 38px rgba(0,0,0,.12);
        border-color: #dfe9e4;
    }

/* مدیای بالا: زوم نرم + گرادیان برای خوانایی */
.ix-blog .blog-media {
    position: relative;
    overflow: hidden;
}

    .ix-blog .blog-media img {
        transition: transform .7s cubic-bezier(.2,.6,.2,1), filter .3s ease;
        will-change: transform;
    }

.ix-blog .blog-card:hover .blog-media img {
    transform: scale(1.06);
    filter: saturate(1.02) contrast(1.02);
}

/* گرادیانِ پایین عکس */
.ix-blog .blog-media::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 46%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 100%);
    pointer-events: none;
    z-index: 1;
}

/* تاریخ قرصی */
.ix-blog .blog-date {
    position: absolute;
    z-index: 2;
    bottom: .6rem;
    right: .6rem;
    background: rgba(15,39,56,.75);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    padding: .18rem .5rem;
    border-radius: 999px;
    font-size: .8rem;
    line-height: 1.2;
    backdrop-filter: blur(4px);
}

/* بدنه‌ی کارت: تیتر بولد، خلاصه شسته‌رفته، و ریدمور ظریف */
.ix-blog .blog-card .p-3 {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    flex: 1;
    padding: .95rem .95rem 1rem !important;
}

.ix-blog .blog-card h3 {
    margin: 0 0 .15rem;
    font-weight: 900;
    color: #0f2738;
    font-size: 1rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ix-blog .blog-card p {
    color: #63727d !important;
    font-size: .92rem;
    line-height: 1.8;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Read more – بدون نیاز به HTML جدید */
.ix-blog .blog-card .p-3::after {
    content: "بیشتر بخوانید";
    margin-top: auto;
    align-self: flex-start;
    font-weight: 800;
    font-size: .9rem;
    letter-spacing: .1px;
    color: #145a39;
    opacity: .0;
    transform: translateY(6px);
    transition: opacity .25s ease, transform .25s ease;
}

.ix-blog .blog-card:hover .p-3::after {
    opacity: 1;
    transform: translateY(0);
}

/* خط تزئینی زیر تیتر در هاور */
.ix-blog .blog-card h3::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    margin-top: .35rem;
    background: linear-gradient(90deg,#145a39,#20c997);
    border-radius: 999px;
    transition: width .28s ease;
}

.ix-blog .blog-card:hover h3::after {
    width: 72px;
}

/* فاصله‌های سکشن بلاگ مرتب */
.ix-blog .section-heading {
    margin-bottom: 1.25rem;
}

    .ix-blog .section-heading .section-title {
        font-weight: 900;
        letter-spacing: .3px;
    }

    .ix-blog .section-heading p {
        color: #66737d;
    }

/* ریسپانسیو‌های لطیف */
@media (max-width: 991.98px) {
    .ix-blog .blog-card .p-3 {
        padding: .85rem .9rem .95rem !important;
    }
}

@media (max-width: 576px) {
    .ix-blog .blog-card {
        border-radius: 16px;
    }

        .ix-blog .blog-card h3 {
            font-size: .98rem;
            -webkit-line-clamp: 2;
        }

        .ix-blog .blog-card p {
            -webkit-line-clamp: 2;
        }
}