/* Page: About v2 — scoped styles (aligned with Kerato / Laser Tailwind pages) */
.page-about-v2-wrapper {
    font-family: "Vazirmatn", sans-serif !important;
    background-color: #111621 !important;
    color: #cbd5e1;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
}

/* بنر تمام‌عرض: جلوگیری از برش ناخواسته در موبایل */
.page-about-v2-wrapper .about-v2-hero-section {
    isolation: isolate;
}

.page-about-v2-wrapper .about-v2-hero-bg-img {
    transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
    .page-about-v2-wrapper .about-v2-hero-bg-img {
        transform: none;
    }
}

.bg-grid-pattern {
    background-image: linear-gradient(to right, #1e293b 1px, transparent 1px),
        linear-gradient(to bottom, #1e293b 1px, transparent 1px);
    background-size: 40px 40px;
}

/* اسکرول نرم برای لنگر همین صفحه */
body.page-about-v2 {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    body.page-about-v2 {
        scroll-behavior: auto;
    }
}

/* بخش درباره ما: masonry واقعی — دو ستون مستقل با ارتفاع‌های متفاوت */
.page-about-v2-wrapper .about-v2-masonry--split {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
}

@media (min-width: 640px) {
    .page-about-v2-wrapper .about-v2-masonry--split {
        gap: 1rem;
    }
}

.page-about-v2-wrapper .about-v2-masonry__col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .page-about-v2-wrapper .about-v2-masonry__col {
        gap: 1rem;
    }
}

/* ستون دوم کمی پایین‌تر شروع شود (حالت Pinterest) */
@media (min-width: 480px) {
    .page-about-v2-wrapper .about-v2-masonry--split .about-v2-masonry__col:nth-child(2) > .about-v2-masonry__item:first-child {
        margin-top: 2.25rem;
    }
}

.page-about-v2-wrapper .about-v2-masonry__item {
    position: relative;
}

/* نسبت‌ها عمداً متفاوت تا شبکهٔ یکنواخت ۲×۳ نشود */
.page-about-v2-wrapper .about-v2-masonry__item--tall .about-v2-masonry__img {
    aspect-ratio: 3 / 5;
    width: 100%;
    min-height: 220px;
    max-height: min(52vh, 440px);
    object-fit: cover;
    display: block;
}

.page-about-v2-wrapper .about-v2-masonry__item--short .about-v2-masonry__img {
    aspect-ratio: 5 / 4;
    width: 100%;
    min-height: 110px;
    max-height: min(28vh, 200px);
    object-fit: cover;
    display: block;
}

.page-about-v2-wrapper .about-v2-masonry__item--mid .about-v2-masonry__img {
    aspect-ratio: 1 / 1;
    width: 100%;
    min-height: 150px;
    max-height: min(36vh, 280px);
    object-fit: cover;
    display: block;
}

/* نمودار همراهی: دکمه همیشه زیر کارت‌ها و روی لایه بالاتر */
.page-about-v2-wrapper .about-v2-journey-steps {
    isolation: isolate;
}

.page-about-v2-wrapper .about-v2-journey-cta {
    margin-top: 0;
    clear: both;
}