/* Start custom CSS for column, class: .elementor-element-4a88856 *//* YS GRUP TASARIM DİLİ – ALTIN ÇERÇEVELİ GLASS */

:root {
    --gold-color: #c5a059;
    --navy-color: #0a192f;
    --luxury-ease: cubic-bezier(0.25, 4, 0.5, 1);
}

.blog-two__single {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
    position: relative;
    overflow: visible;
}

/* Görsel Alanı */
.blog-two__img {
    height: 420px;
    border-radius: 15px; /* Kurumsal kimlik için hafif keskinleştirilmiş oval */
    overflow: hidden;
    position: relative;
    width: 100%;
}

.blog-two__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 2.5s var(--luxury-ease); /* Daha da ağırbaşlı */
}

/* GLASS PANEL - ÇERÇEVE DETAYLI */
.blog-two__content {
    position: relative;
    z-index: 5;
    width: 82% !important;
    margin: -50px auto 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    
    padding: 30px 20px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    border-radius: 10px; /* Daha modern/kurumsal bir köşe */
    
    /* İLK ÇERÇEVE: Sabit duran çok ince altın sınır */
    border: 5px solid rgba(197, 160, 89, 0.15);
    
    text-align: center;
    box-sizing: border-box;
    transition: all 0.8s var(--luxury-ease);
}

/* İKİNCİ ÇERÇEVE KATMANI (Hover'da belirir) */
.blog-two__content::before {
    content: '';
    position: absolute;
    top: 5px; right: 5px; bottom: 5px; left: 5px;
    border: 2px solid var(--gold-color);
    border-radius: 8px;
    opacity: 0; /* Başlangıçta gizli */
    transform: scale(0.98);
    transition: all 0.6s var(--luxury-ease);
    pointer-events: none;
}

/* Başlık */
.blog-two__content h3, 
.blog-two__content h3 a {
    font-size: 19px;
    letter-spacing: 0.8px; /* YS Grup estetiği için daha açık harfler */
    color: var(--navy-color) !important;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.4;
}

/* Altın Çizgi */
.blog-two__content h3::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: var(--gold-color);
    margin: 15px auto 0;
    transition: width 0.8s var(--luxury-ease);
}

/* --- HOVER ETKİLEŞİMLERİ --- */

.blog-two__single:hover .blog-two__img img {
    transform: scale(1.05);
}

.blog-two__single:hover .blog-two__content {
    background: #ffffff;
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(10, 25, 47, 0.12);
    /* Dış border rengi belirginleşir */
    border: 1px solid rgba(197, 160, 89, 0.4);
}

/* İçteki Altın Çerçeve Hover'da belirir */
.blog-two__single:hover .blog-two__content::before {
    opacity: 0.6; /* Göz yormaması için yarı saydam altın */
    transform: scale(1);
}

.blog-two__single:hover .blog-two__content h3::after {
    width: 60px;
}

/* GİZLEMELER */
.blog-two__date, .blog-two__meta, .blog-two__read-more, .blog-two__content p {
    display: none !important;
}/* End custom CSS */