.elementor-3860 .elementor-element.elementor-element-b364ef6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1a41588 *//* ============================================================
   ARSAN HOLDING - BASIN MERKEZİ & BLOG HUB NİHAİ CSS (V1.0)
   Standartlar: Crimson Text (Title), Encode Sans (Functional)
   Renkler: Navy (#000637), Bronze (#A67B5B), Stone Gray (#F2F2F2)
   ============================================================ */

/* 1. TEMEL DEĞİŞKENLER VE SIFIRLAMA */
#ars-hero-scope {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    --ars-navy: #000637;
    --ars-bronze: #A67B5B;
    --ars-stone: #F2F2F2;
    --ars-text: #363636;
}

/* 2. HERO SECTION (KURUMSAL STANDART V6.0/V7.0) */
#ars-hero-scope .ars-krm-hero-section {
    background-color: var(--ars-stone); /* Taş Grisi [cite: 38, 39] */
    min-height: 50vh;
    display: flex;
    align-items: center;
    position: relative;
    padding: 80px 5%;
    box-sizing: border-box;
}

#ars-hero-scope .ars-krm-hero-container {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: end;
    z-index: 2;
}

/* Sol Taraf: Breadcrumb ve Başlık */
#ars-hero-scope .ars-krm-hero-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#ars-hero-scope .ars-krm-breadcrumb-wrapper .ars-krm-crumb-inner a {
    color: var(--ars-bronze) !important; /* Oksit Bronz [cite: 49] */
    text-decoration: none !important;
    font-family: 'Encode Sans Condensed', sans-serif; /* [cite: 18] */
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    transition: 0.3s;
}

#ars-hero-scope .ars-krm-breadcrumb-wrapper .ars-krm-crumb-inner a:hover {
    color: var(--ars-navy) !important; /* Doygun Lacivert [cite: 34] */
}

#ars-hero-scope h1.ars-krm-page-title {
    font-family: 'Crimson Text', serif; /* [cite: 5] */
    font-size: 4.5rem !important;
    line-height: 1.1;
    font-weight: 400;
    color: var(--ars-navy);
    margin: 0 !important;
    letter-spacing: -1px;
}

#ars-hero-scope .ars-krm-hero-line {
    width: 100%;
    height: 2px;
    background-color: var(--ars-bronze);
    display: block;
}

/* Sağ Taraf: Açıklama */
#ars-hero-scope .ars-krm-hero-desc p {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 1.15rem;
    line-height: 1.6;
    color: var(--ars-text); /* Endüstriyel Antrasit [cite: 44] */
    text-align: right;
    max-width: 450px;
    margin: 0 0 10px auto;
}

/* 3. İÇERİK IZGARASI (GRID) */
.ars-archive-body {
    padding: 100px 5%;
    background-color: #ffffff;
}

.ars-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 4. HABER KARTLARI (RESULT CARDS) */
.ars-result-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-left: 4px solid transparent;
    height: 100%;
}

.ars-result-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 6, 55, 0.08);
    border-left: 4px solid var(--ars-bronze); /* Hover vurgusu [cite: 52] */
}

/* Kart Üst Bilgi (Tarih) */
.ars-card-type {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--ars-bronze);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    display: block;
}

/* Kart Başlık */
.ars-card-title {
    font-family: 'Crimson Text', serif;
    font-size: 26px;
    line-height: 1.3;
    color: var(--ars-navy);
    margin: 0 0 20px 0;
    font-weight: 600;
}

/* Kart Özet */
.ars-card-excerpt {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Kart Aksiyon (Buton) */
.ars-card-action {
    display: inline-flex;
    align-items: center;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--ars-navy);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: auto;
}

.ars-card-action svg {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.ars-result-card:hover .ars-card-action {
    color: var(--ars-bronze);
}

.ars-result-card:hover .ars-card-action svg {
    transform: translateX(5px);
}

/* 5. SAYFALAMA (PAGINATION) */
.ars-pagination {
    margin-top: 80px;
    display: flex;
    justify-content: center;
}

.ars-pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 10px;
}

.ars-pagination a, 
.ars-pagination span {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--ars-navy);
    text-decoration: none;
    transition: 0.3s;
}

.ars-pagination a:hover {
    background-color: var(--ars-bronze);
    color: #fff;
    border-color: var(--ars-bronze);
}

.ars-pagination span.current {
    background-color: var(--ars-navy);
    color: #fff;
    border-color: var(--ars-navy);
}

/* 6. ANİMASYONLAR */
@keyframes arsFadeInUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes arsScaleX {
    0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}

.ars-animate-fadeup {
    animation: arsFadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    opacity: 0;
}

.ars-animate-scale {
    transform-origin: left;
    animation: arsScaleX 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 7. RESPONSIVE (MOBİL) */
@media (max-width: 992px) {
    #ars-hero-scope h1.ars-krm-page-title {
        font-size: 3rem !important;
    }
    
    #ars-hero-scope .ars-krm-hero-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    #ars-hero-scope .ars-krm-hero-desc p {
        text-align: left;
        margin: 0;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .ars-results-grid {
        grid-template-columns: 1fr;
    }
    
    .ars-archive-body {
        padding: 60px 20px;
    }
    
    .ars-result-card {
        padding: 30px;
    }
}/* End custom CSS */