/* static/css/pages.css */

/* --- Split Section (Magazine Layout) --- */
.split-section {
    width: 100%;
    /* حذف min-height ثابت برای جلوگیری از فضای سفید اضافه */
    background-color: #fff;
}

.split-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
    /* FIX: تنظیم نقطه کانونی عکس */
    /* center 25%: یعنی افقی وسط باشد، اما عمودی روی 25% بالا (روی صورت) تمرکز کند */
    object-position: center 25%; 
    
    /* ارتفاع برای موبایل */
    min-height: 400px; 
    display: block; /* حذف فاصله‌های مخفی */
}

/* تنظیمات دسکتاپ */
@media (min-width: 992px) {
    .split-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    
    /* اطمینان از اینکه ستون عکس و متن هم‌ارتفاع هستند */
    .row.align-items-stretch {
        min-height: 85vh; /* ارتفاع مناسب برای هیرو */
    }
}

.content-box {
    max-width: 650px;
    width: 100%; /* اطمینان از پر کردن فضا */
}

/* انیمیشن زوم ملایم */
.animate-zoom {
    animation: slowZoom 20s infinite alternate;
}

@keyframes slowZoom {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}