/* About Us Sayfası Özel Stilleri */

/* Blog Kartları Hover Animasyonu Düzeltmesi */
.section-lg-space .blog-box {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.section-lg-space .blog-box:hover {
    transform: translateY(-8px);
}

.section-lg-space .blog-box .blog-box-image {
    overflow: hidden;
    border-radius: 8px;
}

.section-lg-space .blog-box .blog-box-image .blog-image a {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
}

.section-lg-space .blog-box:hover .blog-box-image .blog-image a {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Blog Detail (Title ve Description) Padding */
.section-lg-space .blog-box .blog-detail {
    padding: 20px 15px 20px 20px;
    margin-top: 15px;
}

.section-lg-space .blog-box .blog-detail h6 {
    padding-left: 5px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.section-lg-space .blog-box .blog-detail h5 {
    padding-left: 5px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    transition: color 0.3s ease;
}

.section-lg-space .blog-box:hover .blog-detail h5 {
    color: var(--theme-color, #0941D9);
}

/* Son blog kartı için özel stil (farklı yapı) */
.section-lg-space .blog-box:last-child .blog-detail {
    padding: 20px 15px 20px 20px;
}

.section-lg-space .blog-box:last-child .blog-detail h6,
.section-lg-space .blog-box:last-child .blog-detail h5 {
    padding-left: 5px;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .section-lg-space .blog-box .blog-detail {
        padding: 15px 10px 15px 15px;
    }
    
    .section-lg-space .blog-box .blog-detail h6,
    .section-lg-space .blog-box .blog-detail h5 {
        padding-left: 3px;
    }
    
    .section-lg-space .blog-box:hover {
        transform: translateY(-5px);
    }
}

/* Smooth animasyon için */
.section-lg-space .slider-5 .blog-box {
    will-change: transform;
}

/* Hover efekti için daha yumuşak geçiş */
.section-lg-space .blog-box .blog-box-image .blog-image {
    transition: all 0.3s ease;
}

.section-lg-space .blog-box:hover .blog-box-image .blog-image {
    transform: scale(1.02);
}