[id^="modern-"] h1, [id^="modern-"] .page-title {
    font-size: 32px !important; /* 40px */
}

[id^="modern-"] h2 {
    font-size: 32px !important; /* 32px */
}

[id^="modern-"] h3, [id^="modern-"] .card-title {
    font-size: 20px !important; /* 20px */
}

[id^="modern-"] p, [id^="modern-"] .article-text {
    font-size: 16px !important; /* 16px */
    line-height: 1.8;
}

[id^="modern-"] .sidebar-title, [id^="modern-"] .widget-title {
    font-size: 19px !important; /* 19.2px */
    text-transform: uppercase;
}
    :root {
        --primary: #750a0a;         
        --primary-dark: #4d0606;     
        --secondary: #c09949;        
        --secondary-light: #e0bb6b; 
        
        --text-dark: #1f2937;
        --text-gray: #6b7280;
        --bg-body: #f8fafc;
        --white: #ffffff;
        --radius: 8px;              
        --shadow: 0 8px 25px rgba(0,0,0,0.06); 
        --transition: all 0.3s ease;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
    body { background-color: var(--bg-body); color: var(--text-dark); overflow-x: hidden; }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }
    .container { max-width: 1300px; margin: 0 auto; padding: 0 20px; } 
    .section-mt { margin-top: 110px; } 
    .hero-section { position: relative; display: flex; flex-direction: column; }
    .hero-slider-wrap { position: relative; height: 550px; width: 100%; overflow: hidden; } 
    .hero-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease-in-out; }
    
    .hero-arrow { 
        position: absolute; 
        z-index: 10; 
        top: 50%; 
        transform: translateY(-50%); 
        background: rgba(0,0,0,0.4); 
        color: var(--white); 
        border: 1px solid rgba(255,255,255,0.2); 
        font-size: 24px; /* 1.5rem */
        cursor: pointer; 
        padding: 15px 20px; /* 0.9375rem 1.25rem */
        transition: var(--transition); 
        border-radius: 4px; /* 0.25rem */
    }
    .hero-arrow:hover { background: var(--primary); border-color: var(--secondary); color: var(--secondary); }
    .hero-arrow.left { left: 20px; } /* 1.25rem */
    .hero-arrow.right { right: 20px; } /* 1.25rem */

    .hero-bottom-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
   
        z-index: 5;
    }
    .hero-bottom-box {
        padding: 25px 20px; /* 1.5625rem 1.25rem */
        display: flex;
        align-items: center;
        gap: 15px; /* 0.9375rem */
        color: var(--white);
        border-right: 1px solid rgba(255,255,255,0.05); 
        transition: var(--transition);
        cursor: pointer;
    }
    .hero-bottom-box:last-child { border-right: none; }
    .hero-bottom-box:hover { background: var(--primary); transform: translateY(-5px); } /* -0.3125rem */
    .hero-bottom-box i { font-size: 32px; color: var(--secondary); transition: var(--transition); } /* 2rem */
    .hero-bottom-box:hover i { color: var(--white); }
    .hero-bottom-box h4 { font-size: 16px; margin-bottom: 2px; font-weight: 600;} /* 1rem - 0.125rem */
    .hero-bottom-box p { font-size: 12px; color: #9ca3af; } /* 10px */

    /* --- 2. HABERLER BÖLÜMÜ --- */
    .news-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; } /* 1.25rem */
    .main-news { height: 450px; } /* 28.125rem */
    
    .news-card { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); cursor: pointer; }
    .news-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
    .news-card:hover img { transform: scale(1.05); }
    
    .news-overlay { 
        position: absolute; 
        bottom: 0; 
        left: 0; 
        width: 100%; 
        padding: 40px 20px 50px 20px; /* 2.5rem 1.25rem 3.125rem 1.25rem */
        background: linear-gradient(to top, rgba(17,24,39,0.95) 10%, rgba(17,24,39,0.7) 60%, transparent); 
        color: var(--white); 
        pointer-events: none;
    }
    .news-date { font-size: 12.8px; font-weight: 500; color: var(--secondary); margin-bottom: 8px; display: block; text-transform: uppercase; letter-spacing: 1px;} /* 0.8rem - 0.5rem - 0.0625rem */
    
    .main-news .news-overlay h3 { font-size: 22.4px; line-height: 1.4; font-weight: 600;} /* 1.4rem */
    
    .news-pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; background: rgba(17,24,39,0.95); z-index: 10;}
    .news-pagination span { flex: 1; text-align: center; padding: 12px 0; color: #9ca3af; font-size: 13.6px; border-right: 1px solid rgba(255,255,255,0.05); cursor: pointer; transition: var(--transition); } /* 10px - 10px */
    .news-pagination span.active, .news-pagination span:hover { background: var(--primary); color: var(--white); font-weight: 600; border-top: 2px solid var(--secondary);} /* 0.125rem */

    .side-news { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; height: 450px;} /* 1.25rem - 28.125rem */
    .side-news .news-overlay { padding-bottom: 20px; } /* 1.25rem */
    .side-news .news-overlay h4 { font-size: 15.2px; line-height: 1.4; font-weight: 500;} /* 14.5px */

    /* --- 3. BAŞKANIN MESAJI --- */
    .president-section { display: flex; background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); border-left: 5px solid var(--secondary); } /* 0.3125rem */
    .president-text { flex: 1; background-color: var(--primary); color: var(--white); padding: 60px; display: flex; flex-direction: column; justify-content: center; } /* 3.75rem */
    .president-text h2 { font-size: 35.2px; margin-bottom: 25px; font-weight: 300; color: var(--white); } /* 2.2rem - 1.5625rem */
    .president-text h2 strong { font-weight: 700; color: var(--secondary); }
    .president-text p { font-size: 15.2px; color: #e2e8f0; margin-bottom: 15px; line-height: 1.8; } /* 14.5px - 0.9375rem */
    .president-btn { align-self: flex-start; margin-top: 25px; background: transparent; color: var(--secondary); padding: 10px 25px; border: 2px solid var(--secondary); border-radius: 4px; font-weight: 600; font-size: 13.6px; transition: var(--transition);} /* 1.5625rem - 0.625rem 1.5625rem - 0.125rem - 10px */
    .president-btn:hover { background: var(--secondary); color: var(--primary-dark); }
    
    .president-image { flex: 1; position: relative; }
    .president-image img { width: 100%; height: 100%; object-fit: cover; }

    /* --- 4. DUYURULAR VE ETKİNLİKLER --- */
    .split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } /* 1.875rem */
    .list-box { background: var(--white); border-radius: var(--radius); padding: 35px; box-shadow: var(--shadow); border-top: 4px solid var(--primary); } /* 2.1875rem - 0.25rem */
    .list-box.events { border-top-color: var(--secondary); }
    
    .box-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; padding-bottom: 15px; margin-bottom: 25px; flex-wrap: nowrap;} /* 0.0625rem - 0.9375rem - 1.5625rem */
    .box-header h3 { font-size: 19.2px; color: var(--text-dark); font-weight: 700; flex: 1; margin-right: 10px;} /* 1.2rem - 0.625rem */
    .box-arrows { display: flex; gap: 5px; flex-shrink: 0; } /* 0.3125rem */
    .box-arrows i { background: #f3f4f6; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; color: var(--text-gray); transition: var(--transition); } /* 2rem */

    .list-item { display: flex; gap: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e5e7eb; transition: var(--transition); cursor: pointer;} /* 1.25rem - 0.0625rem */
    .list-item:hover { transform: translateX(5px); } /* 0.3125rem */
    .list-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
    
    .list-icon { width: 50px; height: 50px; background: rgba(117, 10, 10, 0.1); color: var(--primary); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 19.2px; flex-shrink: 0; } /* 3.125rem - 1.2rem */
    .events .list-icon { background: rgba(192, 153, 73, 0.15); color: #9c7a36; }
    
    .list-content h5 { font-size: 15.2px; font-weight: 600;  color: var(--text-dark); } /* 14.5px - 0.5rem */
    .list-content span { font-size: 12.8px; color: var(--text-gray); display: flex; align-items: center; gap: 5px;} /* 0.8rem - 0.3125rem */

    /* --- 5. FOTOĞRAF / VİDEO GALERİSİ --- */
    .gallery-grid { display: grid; grid-template-columns: 1fr 1fr 1.5fr; gap: 20px; } /* 1.25rem */
    .gallery-main-video { height: 400px; } /* 25rem */
    
    .gallery-orange { background: var(--primary); color: var(--white); padding: 40px; border-radius: var(--radius); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: var(--shadow); position: relative; overflow: hidden;} /* 2.5rem */
    .gallery-orange::before { content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(192, 153, 73, 0.15); border-radius: 50%; } /* -3.125rem - 9.375rem */
    .gallery-orange h2 { font-size: 32px; font-weight: 300; margin-bottom: 15px; line-height: 1.3; } /* 2rem - 0.9375rem */
    .gallery-orange p { font-size: 14.4px; color: #cbd5e1; margin-bottom: 30px; line-height: 1.6;} /* 0.9rem - 1.875rem */
    .gallery-buttons { display: flex; gap: 15px; } /* 0.9375rem */
    .gallery-buttons a { border: 1px solid var(--secondary); padding: 10px 20px; border-radius: 4px; font-size: 13.6px; font-weight: 500; transition: var(--transition); color: var(--secondary);} /* 0.0625rem - 0.625rem 1.25rem - 10px */

    .gallery-main-video { position: relative; border-radius: var(--radius); overflow: hidden; cursor: pointer; box-shadow: var(--shadow); }
    .gallery-main-video img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
    .gallery-main-video .overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(17,24,39,0.9), transparent); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: white; text-align: center; padding: 30px; pointer-events: none;} /* 1.875rem */
    .play-icon { font-size: 56px; margin-bottom: 20px; color: var(--white); transition: var(--transition); text-shadow: 0 4px 10px rgba(0,0,0,0.3);} /* 3.5rem - 1.25rem */

    .gallery-small-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; height: 400px;} /* 1.25rem - 25rem */
    .small-video-card { position: relative; border-radius: var(--radius); overflow: hidden; cursor: pointer; box-shadow: var(--shadow); }
    .small-video-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s;}
    .small-video-card .overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(17,24,39,0.9), transparent); padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; color: white; pointer-events: none;} /* 1.25rem */
    .small-video-card h5 { font-size: 14.4px; line-height: 1.3; font-weight: 500; margin-bottom: 5px; padding-right: 30px;} /* 0.9rem - 0.3125rem - 1.875rem */
    .small-play-btn { position: absolute; right: 15px; bottom: 20px; font-size: 24px; color: var(--secondary); } /* 0.9375rem - 1.25rem - 1.5rem */

    /* --- 6. MODERN KURUMSAL EYLEM KUTULARI --- */
    .action-blocks-container { position: relative; display: flex; align-items: center; margin-top: 60px; } /* 3.75rem */
    .action-scroll { display: flex; gap: 20px; overflow-x: auto; padding: 15px 5px; scrollbar-width: none; scroll-behavior: smooth; } /* 1.25rem - 0.9375rem 0.3125rem */
    
    .action-block { 
        min-width: 170px; /* 10.625rem */
        height: 170px; 
        background: var(--white);
        border: 1px solid #e5e7eb;
        border-radius: var(--radius); 
        padding: 25px 15px; /* 1.5625rem 0.9375rem */
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
        text-align: center; 
        color: var(--text-dark); 
        transition: var(--transition); 
        cursor: pointer; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.02); /* 0.25rem 0.9375rem */
        position: relative;
        overflow: hidden;
        flex-shrink: 0; 
    }
    .action-block::after {
        content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--secondary); transform: scaleX(0); transition: var(--transition); transform-origin: center; /* 0.25rem */
    }
    .action-block:hover { 
        transform: translateY(-8px); /* -0.5rem */
        box-shadow: var(--shadow); 
        border-color: transparent;
        background: var(--primary);
        color: var(--white);
    }
    .action-block:hover::after { transform: scaleX(1); }
    
    .action-block i { font-size: 40px; margin-bottom: 15px; color: var(--primary); transition: var(--transition);} /* 2.5rem - 0.9375rem */
    .action-block h4 { font-size: 14.4px; font-weight: 600; margin-bottom: 8px; line-height: 1.3;} /* 0.9rem - 0.5rem */
    .action-block span { font-size: 12px; color: var(--text-gray); transition: var(--transition);} /* 10px */

    .scroll-arrow { 
        position: absolute; 
        z-index: 10; 
        top: 50%; 
        transform: translateY(-50%); 
        width: 45px; /* 2.8125rem */
        height: 45px; 
        background: var(--white); 
        color: var(--primary); 
        border-radius: 50%; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        cursor: pointer; 
        border: 1px solid #e5e7eb; 
        box-shadow: var(--shadow); 
        transition: var(--transition);
    }
    .scroll-arrow.left { left: -20px; } /* -1.25rem */
    .scroll-arrow.right { right: -20px; } /* -1.25rem */

    /* --- 7. LOGOLAR --- */
    .partners-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 60px; margin-bottom: 60px; } /* 1.25rem - 3.75rem */
    .partner-box { 
        background: var(--white); 
        padding: 25px; /* 1.5625rem */
        border-radius: var(--radius); 
        box-shadow: 0 4px 15px rgba(0,0,0,0.03); 
        border: 1px solid #f3f4f6; 
        flex: 1; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
        gap: 12px; /* 10px */
        height: 130px; /* 8.125rem */
        transition: var(--transition); 
        cursor: pointer; 
    }
    .partner-box:hover { filter: grayscale(0%); opacity: 1; transform: translateY(-5px); border-color: var(--secondary);} /* -0.3125rem */

    /* --- 8. MOBİL UYUM (RESPONSIVE) --- */
    @media (max-width: 768px) { /* 48rem */
        .hero-slider-wrap { height: 350px; } /* 21.875rem */
        .hero-bottom-bar { position: relative; grid-template-columns: 1fr 1fr; }
        .news-grid { grid-template-columns: 1fr; }
        .main-news, .side-news { height: auto; min-height: 0; }
        .side-news { grid-template-columns: 1fr; gap: 15px;}
        .president-section { flex-direction: column; }
        .president-text { padding: 40px 20px; }
        .split-grid { grid-template-columns: 1fr; }
        .gallery-grid { grid-template-columns: 1fr; }
        .gallery-main-video { height: 250px; } /* 15.625rem */
        .gallery-small-grid { height: auto; grid-template-columns: 1fr; }
        .partner-box { flex: 1 1 40%; min-width: 140px; } /* 8.75rem */
    }

    @media (max-width: 480px) { /* 30rem */
        .hero-bottom-bar { grid-template-columns: 1fr; }
        .action-block { min-width: 150px; height: 150px; } /* 9.375rem */
    }
  #modern-article-detail .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 60px 0 70px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-article-detail .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-article-detail .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-article-detail .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    
    #modern-article-detail .article-main-title {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
        color: #fff;
    }

    #modern-article-detail .article-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        color: var(--secondary);
        font-weight: 500;
    }

    #modern-article-detail .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    #modern-article-detail .main-article {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    #modern-article-detail .article-cover {
        width: 100%;
        border-radius: var(--radius);
        overflow: hidden;
        margin-bottom: 30px;
        background-color: #f3f4f6;
    }
    
    #modern-article-detail .article-cover img {
        width: 100%;
        max-height: 550px;
        object-fit: cover;
        display: block;
    }

    #modern-article-detail .article-text {
        font-size: 1rem;
        color: var(--text-gray);
        line-height: 1.8;
    }
    #modern-article-detail .article-text p { margin-bottom: 20px; }

    /* Galeri Alanı */
    #modern-article-detail .article-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
        margin-top: 40px;
        padding-top: 30px;
        border-top: 1px solid #f3f4f6;
    }

    #modern-article-detail .gallery-item {
        display: block;
        border-radius: 6px;
        overflow: hidden;
        aspect-ratio: 4 / 3; 
        position: relative;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    #modern-article-detail .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    #modern-article-detail .gallery-item:hover img { transform: scale(1.08); }

    /* Sidebar */
    #modern-article-detail .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-article-detail .widget-title {
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-article-detail .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-article-detail .announcement-item {
        display: flex; gap: 15px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e5e7eb; text-decoration: none;
    }
    #modern-article-detail .announcement-item:last-child { border: none; margin-bottom: 0; }

    #modern-article-detail .announcement-text h4 {
        font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.4; margin-bottom: 5px;
    }

    #modern-article-detail .announcement-img {
        width: 80px; height: 80px; border-radius: 6px; overflow: hidden; flex-shrink: 0;
    }
    #modern-article-detail .announcement-img img { width: 100%; height: 100%; object-fit: cover; }

    @media (max-width: 1024px) {
        #modern-article-detail .content-wrapper { grid-template-columns: 1fr; }
        #modern-article-detail .sidebar-widget { position: static; margin-top: 40px; }
    }
       #modern-news-container {
        background-color: #f8fafc;
        font-family: 'Poppins', sans-serif;
        color: #1f2937;
    }

    /* 1. ÜST HERO ALANI (BORDO) */
    #modern-news-container .page-header {
        background: #750a0a !important; /* Görseldeki bordo tonu */
        padding: 60px 0 80px 0 !important;
        margin-top: 0 !important;
        color: #ffffff;
    }

    #modern-news-container .breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        margin-bottom: 20px;
        color: rgba(255, 255, 255, 0.8);
    }
    #modern-news-container .breadcrumb i { color: #c09949; } /* Altın ev ikonu */

    #modern-news-container .page-title {
        font-size: 48px;
        font-weight: 700;
        margin: 0;
        color: #fff;
    }

    /* 2. İÇERİK YAPISI */
    #modern-news-container .content-wrapper {
        display: grid;
        grid-template-columns: 2.3fr 1fr;
        gap: 30px;
        padding: 50px 0 100px 0;
    }

    /* SOL TARAF: HABER KARTLARI */
    #modern-news-container .news-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    #modern-news-container .news-card {
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        display: flex;
        flex-direction: column;
        text-decoration: none;
    }

    #modern-news-container .card-image {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 10;
        overflow: hidden;
    }
    #modern-news-container .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Görseldeki Siyah Kategori Etiketi */
    #modern-news-container .category-badge {
        position: absolute;
        bottom: 15px;
        left: 15px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        padding: 6px 12px;
        font-size: 11px;
        font-weight: 700;
        border-radius: 4px;
        text-transform: uppercase;
    }

    #modern-news-container .card-content {
        padding: 25px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    #modern-news-container .card-content h3 {
        font-size: 19px;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 15px;
        margin-top:-5px;
    }

    #modern-news-container .card-excerpt {
        font-size: 14px;
        color: #6b7280;
        line-height: 1.6;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Görseldeki Kesikli Çizgi ve Tarih */
    #modern-news-container .card-footer {
        margin-top: auto;
        padding-top: 15px;
        border-top: 1px dashed #e5e7eb;
        font-size: 13px;
        color: #9ca3af;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #modern-news-container .card-footer i { color: #c09949; }

    /* SAĞ TARAF: SİDEBAR */
    #modern-news-container .sidebar {
        background: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        height: fit-content;
    }

    #modern-news-container .sidebar-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #1f2937;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
    }
    /* Görseldeki sarı alt çizgi detayı */
    #modern-news-container .sidebar-title::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 40px;
        height: 2px;
        background: #c09949;
    }

    #modern-news-container .sidebar-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        padding: 15px 0;
        border-bottom: 1px dashed #f0f0f0;
        text-decoration: none;
    }
    #modern-news-container .sidebar-item:last-child { border: none; }

    #modern-news-container .sidebar-text h4 {
        font-size: 14px;
        font-weight: 600;
        color: #1f2937;
        margin-bottom: 5px;
        line-height: 1.3;
    }
    #modern-news-container .sidebar-text span {
        font-size: 12px;
        color: #9ca3af;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    #modern-news-container .sidebar-img {
        width: 65px;
        height: 65px;
        border-radius: 6px;
        overflow: hidden;
        flex-shrink: 0;
    }
    #modern-news-container .sidebar-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* PAGINATION */
    #modern-news-container .pagination {
        margin-top: 40px;
        display: flex;
        justify-content: center;
        gap: 8px;
    }
    #modern-news-container .pagination a, #modern-news-container .pagination span {
        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
        border-radius: 50%; border: 1px solid #e5e7eb; background: #fff; text-decoration: none; color: #1f2937; font-weight: 600;
    }
    #modern-news-container .pagination .active a, #modern-news-container .pagination span.current {
        background: #750a0a; color: #fff; border-color: #750a0a;
    }

    @media (max-width: 992px) {
        #modern-news-container .content-wrapper { grid-template-columns: 1fr; }
        #modern-news-container .news-grid { grid-template-columns: 1fr; }
    }
        #modern-accounts-page {
        --primary: #750a0a;
        --primary-dark: #4d0606;
        --secondary: #c09949;
        --text-dark: #1f2937;
        --text-gray: #6b7280;
        --bg-body: #f4f6f8;          
        --white: #ffffff;
        --radius: 10px; 
        --shadow: 0 5px 25px rgba(0,0,0,0.05);
        --transition: all 0.3s ease;
        background-color: var(--bg-body);
        font-family: 'Poppins', sans-serif;
        padding-bottom: 100px;
    }

    #modern-accounts-page .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-accounts-page .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 12px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-accounts-page .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-accounts-page .breadcrumb i { color: var(--secondary); }

    #modern-accounts-page .page-title { font-size: 2.5rem; font-weight: 700; color: #fff; margin: 0; }

    #modern-accounts-page .bank-accounts-wrapper {
        margin-top: -40px;
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    #modern-accounts-page .bank-card {
        background: var(--white);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.04);
        overflow: hidden;
        transition: var(--transition);
    }

    #modern-accounts-page .bank-card:hover {
        transform: translateY(-5px);
        border-color: rgba(192, 153, 73, 0.3);
    }

    #modern-accounts-page .bank-header {
        background: #f9fafb;
        padding: 15px 25px;
        border-bottom: 1px solid #e5e7eb;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    #modern-accounts-page .bank-header h3 { font-size: 15px; color: var(--text-dark); font-weight: 600; margin: 0; }
    #modern-accounts-page .bank-header::before {
        content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: var(--primary);
    }

    #modern-accounts-page .bank-body {
        display: grid;
        grid-template-columns: 1fr 1.5fr 2fr 2.5fr;
        align-items: center;
        padding: 25px;
    }

    #modern-accounts-page .bank-logo {
        display: flex; align-items: center; justify-content: center;
        padding-right: 20px; border-right: 1px dashed #e5e7eb; height: 100%;
    }
    #modern-accounts-page .bank-logo img { max-width: 140px; max-height: 60px; object-fit: contain; }

    #modern-accounts-page .bank-info-box {
        display: flex; flex-direction: column; align-items: center; text-align: center;
        padding: 0 20px; border-right: 1px dashed #e5e7eb;
    }
    
    #modern-accounts-page .bank-iban-box {
        display: flex; flex-direction: column; align-items: center; text-align: center; padding-left: 20px;
    }

    #modern-accounts-page .label {
        font-size: 10px; color: var(--text-gray); text-transform: uppercase; font-weight: 500; margin-bottom: 6px;
    }

    #modern-accounts-page .value { font-size: 14.5px; color: var(--text-dark); font-weight: 600; }
    #modern-accounts-page .iban-text { font-size: 15px; letter-spacing: 0.5px; color: var(--primary); margin-bottom: 10px; font-weight: 700; }

    #modern-accounts-page .copy-btn {
        background: var(--primary); color: var(--white); border: none; padding: 8px 20px;
        border-radius: 6px; font-size: 10px; font-weight: 600; cursor: pointer;
        display: inline-flex; align-items: center; gap: 8px; transition: var(--transition);
    }
    #modern-accounts-page .copy-btn:hover { background: var(--primary-dark); }

    .hidden-copy-input { position: absolute; left: -9999px; }

    @media (max-width: 992px) {
        #modern-accounts-page .bank-body { grid-template-columns: 1fr 1fr; gap: 30px; }
        #modern-accounts-page .bank-logo, #modern-accounts-page .bank-info-box { border-right: none; border-bottom: 1px dashed #e5e7eb; padding-bottom: 20px; padding-right: 0; }
        #modern-accounts-page .bank-iban-box { padding-left: 0; }
    }

    @media (max-width: 600px) {
        #modern-accounts-page .bank-body { grid-template-columns: 1fr; gap: 20px; }
        #modern-accounts-page .bank-logo, #modern-accounts-page .bank-info-box { border-bottom: 1px dashed #e5e7eb; padding-bottom: 15px; }
        #modern-accounts-page .iban-text { font-size: 1rem; }
    }
    
    #modern-contact-page .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 40%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 80px 0 100px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-contact-page .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-contact-page .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-contact-page .breadcrumb i { color: var(--secondary); }

    #modern-contact-page .page-title { font-size: 2.8rem; font-weight: 700; color: #fff; margin: 0; }

    /* İLETİŞİM KUTULARI */
    #modern-contact-page .contact-info-grid {
        display: grid;
        grid-template-columns: repeat(<?= (module("whatsapp",$this) == true) ? '4' : '3'; ?>, 1fr);
        gap: 25px;
        margin-top: -60px;
        position: relative;
        z-index: 10;
        margin-bottom: 80px;
    }
    
    #modern-contact-page .info-card {
        background: var(--white);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 40px 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 4px solid transparent;
        transition: var(--transition);
        text-decoration: none;
    }
    
    #modern-contact-page .info-card:hover {
        transform: translateY(-8px);
        border-bottom-color: var(--secondary);
    }

    #modern-contact-page .icon-wrapper {
        width: 70px; height: 70px; border-radius: 50%; background: rgba(117, 10, 10, 0.05);
        color: var(--primary); display: flex; align-items: center; justify-content: center;
        font-size: 1.8rem; margin-bottom: 20px;
    }

    #modern-contact-page .info-card h4 { font-size: 18px; color: var(--text-dark); font-weight: 600; margin-bottom: 10px; }
    #modern-contact-page .info-card p { font-size: 0.9rem; color: var(--text-gray); line-height: 1.6; margin-bottom: 15px; }

    #modern-contact-page .contact-main-wrapper {
        display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 100px;
        background: var(--white); padding: 40px; border-radius: var(--radius); box-shadow: var(--shadow);
    }

    #modern-contact-page .contact-form-box h2 { font-size: 1.8rem; color: var(--primary); margin-bottom: 15px; font-weight: 700; }
    #modern-contact-page .form-group { margin-bottom: 20px; }
    
    #modern-contact-page label { display: block; font-size: 13px; color: var(--text-dark); margin-bottom: 8px; font-weight: 600; }
    #modern-contact-page .form-control {
        width: 100%; padding: 14px 18px; border: 1px solid #e5e7eb; border-radius: 6px;
        background: #f9fafb; font-size: 14.5px; transition: var(--transition);
    }
    #modern-contact-page .form-control:focus { outline: none; border-color: var(--primary); background: #fff; }
    #modern-contact-page textarea.form-control { height: 130px; resize: none; }

    #modern-contact-page .map-box { border-radius: var(--radius); overflow: hidden; height: 100%; min-height: 450px; }
    #modern-contact-page .map-box iframe { width: 100%; height: 100%; border: 0; min-height: 450px; }

    #modern-contact-page .submit-btn {
        background-color: #5cb85c; color: #fff; border: none; padding: 15px 35px;
        font-size: 1rem; font-weight: 600; border-radius: 6px; cursor: pointer;
        display: inline-flex; align-items: center; gap: 10px; transition: var(--transition);
    }
    #modern-contact-page .submit-btn:hover { background-color: #4cae4c; transform: translateY(-2px); }

    @media (max-width: 992px) {
        #modern-contact-page .contact-info-grid { grid-template-columns: 1fr 1fr; }
        #modern-contact-page .contact-main-wrapper { grid-template-columns: 1fr; }
    }
    @media (max-width: 600px) {
        #modern-contact-page .contact-info-grid { grid-template-columns: 1fr; }
        #modern-contact-page .form-row { grid-template-columns: 1fr; }
    }
    
    #modern-corporate-layout .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important;
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-corporate-layout .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-corporate-layout .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-corporate-layout .breadcrumb i { color: var(--secondary); }

    #modern-corporate-layout .page-title { font-size: 38px; font-weight: 700; color: #fff; margin: 0; }

    /* İÇERİK YAPISI */
    #modern-corporate-layout .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr;
        gap: 40px;
        margin-top: 50px;
        margin-bottom: 100px;
    }

    #modern-corporate-layout .main-content {
        background: var(--white);
        padding: 40px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    #modern-corporate-layout .main-content img.featured-image {
        width: 100%;
        border-radius: var(--radius);
        margin-bottom: 30px;
        box-shadow: var(--shadow);
    }

    #modern-corporate-layout .article-text {
        font-size: 15.5px;
        color: var(--text-gray);
        line-height: 1.9;
        text-align: justify;
    }

    /* Üye Girişi Uyarı Kutusu */
    #modern-corporate-layout .login-warning-box {
        background-color: #fef2f2;
        border: 1px solid #fee2e2;
        padding: 50px 30px;
        text-align: center;
        border-radius: var(--radius);
    }
    #modern-corporate-layout .warning-icon { color: #dc2626; font-size: 64px; margin-bottom: 20px; }
    #modern-corporate-layout .login-button {
        background-color: var(--primary);
        color: white;
        padding: 12px 30px;
        border-radius: 4px;
        font-weight: 700;
        text-decoration: none;
        display: inline-block;
        transition: 0.3s;
    }
    #modern-corporate-layout .login-button:hover { background-color: var(--primary-dark); color: #fff; }

    /* Galeri */
    #modern-corporate-layout .gallery-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 15px;
        margin-top: 40px;
        border-top: 1px solid #eee;
        padding-top: 30px;
    }
    #modern-corporate-layout .gallery-item {
        border-radius: 6px; overflow: hidden; aspect-ratio: 4/3; display: block;
    }
    #modern-corporate-layout .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
    #modern-corporate-layout .gallery-item:hover img { transform: scale(1.1); }

    /* Sidebar Duyurular */
    #modern-corporate-layout .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }
    #modern-corporate-layout .widget-title {
        font-size: 19px; font-weight: 700; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f3f4f6; position: relative;
    }
    #modern-corporate-layout .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-corporate-layout .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none; align-items: flex-start;
    }
    #modern-corporate-layout .announcement-item:last-child { border: none; }
    #modern-corporate-layout .announcement-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-corporate-layout .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-corporate-layout .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.4; margin-bottom: 5px; }

    @media (max-width: 992px) {
        #modern-corporate-layout .content-wrapper { grid-template-columns: 1fr; }
        #modern-corporate-layout .sidebar-widget { position: static; }
    }
        #modern-board-layout .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 40%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-board-layout .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-board-layout .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-board-layout .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    #modern-board-layout .page-title { font-size: 2.5rem; font-weight: 700; color: #fff; margin: 0; }

    #modern-board-layout .board-section {
        margin-top: -50px;
        position: relative;
        z-index: 10;
        margin-bottom: 80px;
    }

    #modern-board-layout .board-card {
        background: var(--white);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow);
        transition: var(--transition);
        border: 1px solid rgba(0,0,0,0.03);
        display: flex;
        flex-direction: column;
        text-align: center;
        text-decoration: none;
    }

    #modern-board-layout .board-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(117, 10, 10, 0.1);
        border-color: rgba(192, 153, 73, 0.3);
    }

    #modern-board-layout .card-image-wrapper {
        width: 100%;
        height: 340px;
        overflow: hidden;
        position: relative;
        border-bottom: 3px solid var(--secondary);
    }

    #modern-board-layout .card-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: none;
        object-position: top;
        transition: transform 0.6s ease;
    }

    #modern-board-layout .board-card:hover .card-image-wrapper img {
        transform: scale(1.08);
    }

    #modern-board-layout .card-info { padding: 25px 20px; }
    #modern-board-layout .card-info h3 { font-size: 1.2rem; color: var(--text-dark); font-weight: 700; margin-bottom: 5px; }
    #modern-board-layout .card-info p { font-size: 0.9rem; color: var(--text-gray); font-weight: 500; margin: 0; }

    /* BAŞKAN KARTI ÖZEL */
    #modern-board-layout .president-wrapper { display: flex; justify-content: center; margin-bottom: 50px; }
    #modern-board-layout .president-card { max-width: 380px; width: 100%; border: 2px solid var(--secondary); }
    #modern-board-layout .president-card .card-image-wrapper { height: 420px; }
    #modern-board-layout .president-card h3 { font-size: 1.4rem; color: var(--primary); }
    #modern-board-layout .president-card p { color: var(--secondary); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

    /* GRID YAPISI */
    #modern-board-layout .board-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    @media (max-width: 992px) {
        #modern-board-layout .board-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
        #modern-board-layout .page-title { font-size: 2rem; }
        #modern-board-layout .board-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }
        #modern-board-layout .card-image-wrapper { height: 380px; }
    }
        #modern-gallery-detail .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 60px 0 70px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-gallery-detail .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-gallery-detail .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-gallery-detail .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    
    #modern-gallery-detail .gallery-main-title {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.5px;
        color: #fff;
    }

    #modern-gallery-detail .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    #modern-gallery-detail .main-gallery-section {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    #modern-gallery-detail .cover-image-box {
        width: 100%;
        margin-bottom: 30px;
        border-radius: var(--radius);
        overflow: hidden;
        background-color: #f3f4f6;
    }

    #modern-gallery-detail .cover-image-box img {
        width: 100%;
        max-height: 550px;
        object-fit: cover;
        display: block;
    }

    #modern-gallery-detail .sub-gallery-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
        margin-bottom: 25px;
    }

    #modern-gallery-detail .gallery-item {
        display: block;
        border-radius: 6px;
        overflow: hidden;
        aspect-ratio: 4 / 3; 
        position: relative;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    #modern-gallery-detail .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    #modern-gallery-detail .gallery-item:hover img { transform: scale(1.08); }

    /* Sidebar Duyurular */
    #modern-gallery-detail .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-gallery-detail .widget-title {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-gallery-detail .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-gallery-detail .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none;
    }
    #modern-gallery-detail .announcement-item:last-child { border: none; }
    #modern-gallery-detail .announcement-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-gallery-detail .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-gallery-detail .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.4; margin-bottom: 5px; }

    @media (max-width: 1024px) {
        #modern-gallery-detail .content-wrapper { grid-template-columns: 1fr; }
        #modern-gallery-detail .sidebar-widget { position: static; margin-top: 40px; }
    }
        #modern-video-watch .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 60px 0 70px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-video-watch .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-video-watch .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-video-watch .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    
    #modern-video-watch .video-main-title {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.5px;
        color: #fff;
    }

    #modern-video-watch .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    #modern-video-watch .main-video-section {
        background: var(--white);
        padding: 20px; 
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    /* Video Konteyneri */
    #modern-video-watch .video-container {
        width: 100%;
        aspect-ratio: 16 / 9;
        background-color: #000;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
    }

    /* Iframe'i 16:9 alanına tam oturtma */
    #modern-video-watch .video-container iframe {
        width: 100% !important;
        height: 100% !important;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Sidebar Duyurular */
    #modern-video-watch .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-video-watch .widget-title {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-video-watch .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-video-watch .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none;
    }
    #modern-video-watch .announcement-item:last-child { border: none; }
    #modern-video-watch .announcement-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-video-watch .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-video-watch .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.4; margin-bottom: 5px; }

    @media (max-width: 1024px) {
        #modern-video-watch .content-wrapper { grid-template-columns: 1fr; }
        #modern-video-watch .sidebar-widget { position: static; margin-top: 40px; }
    }
        /* 1. HERO ALANI */
    #modern-video-list-page .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-video-list-page .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-video-list-page .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-video-list-page .breadcrumb i { color: var(--secondary); font-size: 16px; }
    #modern-video-list-page .page-title { font-size: 40px; font-weight: 700; color: #fff; margin: 0; }

    /* 2. ANA İÇERİK IZGARASI */
    #modern-video-list-page .content-wrapper {
        display: grid;
        grid-template-columns: 2.3fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    /* VİDEO KARTLARI */
    #modern-video-list-page .video-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    #modern-video-list-page .video-card {
        background: var(--white);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
        transition: var(--transition);
        text-decoration: none;
        display: flex;
        flex-direction: column;
    }

    #modern-video-list-page .video-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    }

    #modern-video-list-page .video-thumb {
        width: 100%;
        aspect-ratio: 16 / 10;
        position: relative;
        overflow: hidden;
        background: #000;
    }

    #modern-video-list-page .video-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.9;
        transition: var(--transition);
    }

    /* Video Play İkonu Katmanı */
    #modern-video-list-page .play-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.2);
        transition: var(--transition);
    }

    #modern-video-list-page .play-overlay i {
        font-size: 50px;
        color: var(--white);
        text-shadow: 0 0 20px rgba(0,0,0,0.5);
        transition: var(--transition);
    }

    #modern-video-list-page .video-card:hover .play-overlay { background: rgba(117, 10, 10, 0.4); }
    #modern-video-list-page .video-card:hover .play-overlay i { transform: scale(1.2); color: var(--secondary); }

    #modern-video-list-page .video-info {
        padding: 20px;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #modern-video-list-page .video-info h3 {
        font-size: 16px;
        font-weight: 700;
        color: var(--text-dark);
        line-height: 1.4;
        margin: 0;
    }

    #modern-video-list-page .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-video-list-page .widget-title {
        font-size: 19px;
        color: var(--text-dark);
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-video-list-page .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-video-list-page .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none; align-items: center;
    }
    #modern-video-list-page .announcement-item:last-child { border: none; }
    #modern-video-list-page .announcement-img { width: 65px; height: 65px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-video-list-page .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-video-list-page .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.3; margin-bottom: 5px; }

    #modern-video-list-page .pagination-container {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    #modern-video-list-page .pagination-container a, #modern-video-list-page .pagination-container span {
        padding: 10px 18px; background: #fff; border: 1px solid #ddd; margin: 0 3px; border-radius: 6px; text-decoration: none; font-weight: 600; color: #333;
    }
    #modern-video-list-page .pagination-container .active a, #modern-video-list-page .pagination-container span.current {
        background: var(--primary); color: #fff; border-color: var(--primary);
    }

    @media (max-width: 992px) {
        #modern-video-list-page .content-wrapper { grid-template-columns: 1fr; }
        #modern-video-list-page .video-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 600px) {
        #modern-video-list-page .video-grid { grid-template-columns: 1fr; }
    }
       #modern-gallery-list .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-gallery-list .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-gallery-list .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-gallery-list .breadcrumb i { color: var(--secondary); font-size: 16px; }
    #modern-gallery-list .page-title { font-size: 40px; font-weight: 700; color: #fff; margin: 0; }

    /* 2. ANA İÇERİK IZGARASI */
    #modern-gallery-list .content-wrapper {
        display: grid;
        grid-template-columns: 2.3fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    /* GALERİ KARTLARI */
    #modern-gallery-list .gallery-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    #modern-gallery-list .gallery-card {
        background: var(--white);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
        transition: var(--transition);
        text-decoration: none;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #modern-gallery-list .gallery-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        border-color: var(--secondary);
    }

    #modern-gallery-list .gallery-thumb {
        width: 100%;
        aspect-ratio: 16 / 10;
        position: relative;
        overflow: hidden;
    }

    #modern-gallery-list .gallery-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    #modern-gallery-list .gallery-card:hover .gallery-thumb img {
        transform: scale(1.1);
    }

    /* Görsel Sayısı Etiketi */
    #modern-gallery-list .photo-count-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        background: var(--primary);
        color: var(--white);
        padding: 5px 12px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 6px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }

    #modern-gallery-list .gallery-info {
        padding: 20px;
        text-align: center;
    }

    #modern-gallery-list .gallery-info h3 {
        font-size: 17px;
        font-weight: 700;
        color: var(--text-dark);
        line-height: 1.4;
        margin: 0;
        transition: var(--transition);
    }
    
    #modern-gallery-list .gallery-card:hover .gallery-info h3 {
        color: var(--primary);
    }

    /* 3. SIDEBAR */
    #modern-gallery-list .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-gallery-list .widget-title {
        font-size: 19px;
        color: var(--text-dark);
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-gallery-list .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-gallery-list .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none; align-items: center;
    }
    #modern-gallery-list .announcement-item:last-child { border: none; }
    #modern-gallery-list .announcement-img { width: 65px; height: 65px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-gallery-list .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-gallery-list .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.3; margin-bottom: 5px; }

    #modern-gallery-list .pagination-container {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    #modern-gallery-list .pagination-container a, #modern-gallery-list .pagination-container span {
        padding: 10px 18px; background: #fff; border: 1px solid #ddd; margin: 0 3px; border-radius: 6px; text-decoration: none; font-weight: 600; color: #333;
    }
    #modern-gallery-list .pagination-container .active a, #modern-gallery-list .pagination-container span.current {
        background: var(--primary); color: #fff; border-color: var(--primary);
    }

    @media (max-width: 992px) {
        #modern-gallery-list .content-wrapper { grid-template-columns: 1fr; }
        #modern-gallery-list .gallery-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 600px) {
        #modern-gallery-list .gallery-grid { grid-template-columns: 1fr; }
    }
        /* Ana Izgara */
.news-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr; /* Sol geniş, sağ dar */
    gap: 20px;
    height: 480px; /* Sabit yükseklik */
}

/* Slider Alanı */
.main-news {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.news-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.news-slide.active {
    opacity: 1;
    z-index: 1;
}

/* YAZI ALANI (OVERLAY) - Sayıların üstünde durması için bottom ayarı */
.news-overlay {
    position: absolute;
    bottom: 45px; /* Sayı barının yüksekliği kadar yukarı taşıdık */
    left: 0;
    width: 100%;
    padding: 30px 20px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
    color: #fff;
    z-index: 2;
}

.news-overlay h3 { font-size: 1.5rem; font-weight: 700; margin-top: 5px; }

/* SAYI BARININ YERİ */
.news-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    display: flex;
    background: #111827; /* Koyu renk bar */
    z-index: 10;
}

.news-pagination span.active {
    background: var(--primary); /* Bordo */
    color: #fff;
}

/* SAĞ TARAFIN GÖRÜNMESİ İÇİN */
.side-news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
    height: 100%;
}

.side-news .news-card {
    position: relative;
    height: 100%;
}

.side-news .news-overlay {
    bottom: 0; /* Sağ tarafta sayı barı olmadığı için sıfıra çektik */
    padding: 15px;
}

.side-news h4 { font-size: 13px; line-height: 1.3; }

@media (max-width: 768px) {
    .news-grid { grid-template-columns: 1fr; height: auto; }
    .main-news { height: 350px; }
    .side-news { height: auto; }
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 10px;
}
 @media (max-width: 768px) {
        /* 1. Slider Yüksekliği ve Görünümü */
        .hero-slider-wrap {
            height: 300px !important; /* Mobilde çok devasa olmasın */
        }
        .mh-hero-image {
            height: 100% !important;
            object-fit: cover !important;
        }

        /* 2. Hero Altındaki 4'lü Bar (İstediğin 2x2 Yapı) */
        .hero-bottom-bar {
            position: relative !important; /* Mobilde resmin üzerine binmesin, altına gelsin */
            grid-template-columns: 1fr 1fr !important; /* 2 sütun */
            background: #111827 !important;
            display: grid !important;
        }
        .hero-bottom-box {
            border-right: 1px solid rgba(255,255,255,0.1) !important;
            border-bottom: 1px solid rgba(255,255,255,0.1) !important;
            padding: 15px 10px !important;
            gap: 10px !important;
        }
        .hero-bottom-box i { font-size: 1.5rem !important; }
        .hero-bottom-box h4 { font-size: 13px !important; }
        .hero-bottom-box p { font-size: 10px !important; }

        .news-grid {
            grid-template-columns: 1fr !important; 
            height: auto !important;
        }
        .main-news {
            height: 350px !important;
            margin-bottom: 20px;
        }
        .side-news {
            grid-template-columns: 1fr 1fr !important; 
            height: auto !important;
            gap: 10px !important;
        }
        .side-news .news-overlay h4 { font-size: 12px !important; }

        .president-section {
            flex-direction: column !important;
        }
        .president-text {
            padding: 30px 20px !important;
            order: 2;
        }
        .president-image {
            height: 300px !important;
            order: 1;
        }

        .split-grid {
            grid-template-columns: 1fr !important;
        }

        /* 6. Galeri */
        .gallery-grid {
            grid-template-columns: 1fr !important;
        }
        .gallery-small-grid {
            grid-template-columns: 1fr 1fr !important;
            height: auto !important;
        }
    }

    @media (max-width: 480px) {
        .side-news {
            grid-template-columns: 1fr !important; 
        }
        .hero-bottom-bar {
            grid-template-columns: 1fr 1fr !important; 
        }
    }
    @media (max-width: 768px) {
    .section-mt { margin-top: 49px; } 
        .action-blocks-container {
            margin-top: 40px !important;
            padding: 0 10px !important;
        }
        /* Mobilde ok butonlarını gizleyelim, elle kaydırmak daha sağlıklıdır */
        .action-blocks-container .scroll-arrow {
            display: none !important;
        }
        .action-scroll {
            gap: 15px !important;
            padding: 10px 5px !important;
            -webkit-overflow-scrolling: touch; /* Yumuşak kaydırma */
        }
        .action-block {
            min-width: 140px !important;
            height: 140px !important;
            padding: 15px 10px !important;
        }

        /* 2. Sponsorlar (Partners) Alanı Kesin Çözüm */
        .partners-row {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important; /* Mobilde logoları 2'li diler */
            gap: 15px !important;
            margin-top: 30px !important;
            margin-bottom: 40px !important;
        }
        .partner-box {
            width: 100% !important;
            height: 100px !important; /* Yüksekliği biraz küçülttük */
            padding: 15px !important;
            filter: grayscale(0%); /* Mobilde logolar renkli görünebilir */
            opacity: 1;
            min-width: unset !important;
        }
        .partner-box img {
            max-height: 40px !important; /* Logoların taşmasını engeller */
            width: auto !important;
            max-width: 100% !important;
            object-fit: contain !important;
        }

        /* 3. Genel Taşma Engelleme */
        body, html {
            overflow-x: hidden !important; /* Yatay kaymayı kesin olarak engeller */
            width: 100%;
        }
        .container {
            padding: 0 15px !important;
        }
    }

    @media (max-width: 480px) {
        /* Çok küçük ekranlarda logoları 2'li tutmaya devam edebiliriz veya tekliye düşürebiliriz */
        .partners-row {
            grid-template-columns: repeat(2, 1fr) !important; 
            gap: 10px !important;
        }
        .partner-box {
            height: 90px !important;
        }
    }
       @media (max-width: 768px) {
        .hero-slider-wrap {
            height: 192px !important
        }

        .mh-hero-image {
            height: 100% !important;
            object-fit: cover !important;
        }

        .hero-bottom-bar {
            position: relative !important; 
            bottom: 0 !important;
            display: grid !important;
            grid-template-columns: 1fr 1fr !important; 
            width: 100% !important;
            background: #111827 !important; 
            z-index: 99;
        }

     

        .hero-bottom-box:nth-child(2n) {
            border-right: none !important; /* Sağdaki kartların sağ çizgisini kaldırır */
        }

        .hero-bottom-box i {
            font-size: 1.2rem !important; /* İkonları küçülttük */
        }

        .hero-bottom-box h4 {
            font-size: 12px !important; /* Yazıları sığdırdık */
            margin: 0 !important;
        }

        .hero-bottom-box p {
            display: none; 
        }

        .hero-arrow {
            padding: 8px 12px !important;
            font-size: 1rem !important;
        }
    }
        #modern-events-list .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important;
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-events-list .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-events-list .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-events-list .breadcrumb i { color: var(--secondary); font-size: 16px; }
    #modern-events-list .page-title { font-size: 40px; font-weight: 700; color: #fff; margin: 0; }

    /* 2. ANA İÇERİK YAPISI */
    #modern-events-list .content-wrapper {
        display: grid;
        grid-template-columns: 2.3fr 1fr;
        gap: 40px;
        padding: 50px 0 100px 0;
    }

    #modern-events-list .section-heading {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-dark);
        margin-bottom: 30px;
        padding-bottom: 12px;
        border-bottom: 2px solid #eee;
        position: relative;
    }
    #modern-events-list .section-heading::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--secondary);
    }

    /* ETKİNLİK KART TASARIMI */
    #modern-events-list .event-card {
        background: var(--white);
        border-radius: var(--radius);
        padding: 20px;
        margin-bottom: 20px;
        box-shadow: var(--shadow);
        display: flex;
        align-items: center;
        gap: 25px;
        text-decoration: none;
        border: 1px solid rgba(0,0,0,0.03);
        transition: var(--transition);
    }
    #modern-events-list .event-card:hover {
        transform: translateX(10px);
        border-color: var(--secondary);
    }

    /* Takvim Kutusu */
    #modern-events-list .takvim-box {
        min-width: 85px;
        height: 95px;
        background: var(--primary);
        color: #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-shadow: 0 4px 10px rgba(117, 10, 10, 0.2);
    }
    #modern-events-list .takvim-box.upcoming { background: var(--secondary); box-shadow: 0 4px 10px rgba(192, 153, 73, 0.2); }
    
    #modern-events-list .takvim-box .day { font-size: 28px; font-weight: 700; line-height: 1; }
    #modern-events-list .takvim-box .month { font-size: 13px; text-transform: uppercase; font-weight: 600; }
    #modern-events-list .takvim-box .year { font-size: 11px; opacity: 0.8; }

    /* Thumbnail */
    #modern-events-list .event-thumb {
        width: 160px;
        height: 110px;
        border-radius: 8px;
        overflow: hidden;
        flex-shrink: 0;
    }
    #modern-events-list .event-thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
    #modern-events-list .event-card:hover .event-thumb img { transform: scale(1.1); }

    #modern-events-list .event-info { flex: 1; }
    #modern-events-list .event-info h4 { font-size: 18px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; line-height: 1.3; }
    #modern-events-list .event-info p { font-size: 14px; color: var(--text-gray); line-height: 1.5; margin: 0; }

    /* PAGINATION */
    #modern-events-list .pagination {
        display: flex; gap: 8px; list-style: none; padding: 0; margin-top: 30px; justify-content: center;
    }
    #modern-events-list .pagination li a, #modern-events-list .pagination li span {
        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
        border-radius: 50%; border: 1px solid #ddd; color: var(--text-dark); font-weight: 600; text-decoration: none; transition: 0.3s;
    }
    #modern-events-list .pagination li.active span { background: var(--primary); color: #fff; border-color: var(--primary); }
    #modern-events-list .pagination li a:hover { border-color: var(--primary); color: var(--primary); }

    /* SIDEBAR */
    #modern-events-list .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }
    #modern-events-list .widget-title {
        font-size: 19px; font-weight: 700; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f3f4f6; position: relative;
    }
    #modern-events-list .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }
    #modern-events-list .side-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none; align-items: center;
    }
    #modern-events-list .side-item:last-child { border: none; }
    #modern-events-list .side-img { width: 65px; height: 65px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-events-list .side-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-events-list .side-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.3; }

    @media (max-width: 992px) {
        #modern-events-list .content-wrapper { grid-template-columns: 1fr; }
        #modern-events-list .sidebar-widget { position: static; }
    }
    @media (max-width: 600px) {
        #modern-events-list .event-card { flex-direction: column; text-align: center; }
        #modern-events-list .takvim-box { width: 100%; height: auto; padding: 12px; flex-direction: row; gap: 10px; }
        #modern-events-list .event-thumb { width: 100%; height: 180px; }
    }
       #modern-event-detail .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 70px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-event-detail .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: rgba(255,255,255,0.8); list-style: none; padding: 0;
    }
    #modern-event-detail .breadcrumb a { color: inherit; text-decoration: none; }
    #modern-event-detail .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    
    #modern-event-detail .event-main-title {
        font-size: 40px ;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.5px;
        margin-bottom: 15px;
        color: #fff;
    }

    #modern-event-detail .event-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 10px;
        color: var(--secondary);
        font-weight: 600;
    }

    /* 2. ANA İÇERİK IZGARASI */
    #modern-event-detail .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        padding: 50px 0 100px 0;
    }

    #modern-event-detail .main-article {
        background: var(--white);
        padding: 35px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    /* Kapak Görseli */
    #modern-event-detail .event-cover {
        width: 100%;
        margin-bottom: 35px;
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }
    #modern-event-detail .event-cover img {
        width: 100%;
        max-height: 550px;
        object-fit: cover;
        display: block;
    }

    /* İçerik Metni */
    #modern-event-detail .event-text {
        font-size: 1rem;
        color: var(--text-gray);
        line-height: 1.8;
        text-align: justify;
    }
    #modern-event-detail .event-text p { margin-bottom: 20px; }

    /* Sidebar Duyurular */
    #modern-event-detail .sidebar-widget {
        background: var(--white);
        padding: 30px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        position: sticky;
        top: 20px;
    }

    #modern-event-detail .widget-title {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f3f4f6;
        position: relative;
    }
    
    #modern-event-detail .widget-title::after {
        content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background-color: var(--secondary);
    }

    #modern-event-detail .announcement-item {
        display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; text-decoration: none; align-items: center;
    }
    #modern-event-detail .announcement-item:last-child { border: none; margin-bottom: 0; }
    #modern-event-detail .announcement-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
    #modern-event-detail .announcement-img img { width: 100%; height: 100%; object-fit: cover; }
    #modern-event-detail .announcement-text h4 { font-size: 14px; color: var(--text-dark); font-weight: 600; line-height: 1.4; margin-bottom: 5px; }

    @media (max-width: 1024px) {
        #modern-event-detail .content-wrapper { grid-template-columns: 1fr; }
        #modern-event-detail .sidebar-widget { position: static; margin-top: 40px; }
    }
     /* 1. ÜST HERO ALANI */
    #modern-register-page .page-header {
        background-color: var(--primary) !important;
        padding: 50px 0 70px 0 !important;
        color: #fff !important;
        margin-top: 0 !important;
    }

    /* 2. ANA İÇERİK YAPISI */
    #modern-register-page .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr;
        gap: 30px;
        padding: 40px 0 80px 0;
    }

    /* FORM ALANI */
    .register-form-container {
        background: #fff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    }

    .sh-section-title {
        font-size: 18px; font-weight: 700; color: var(--primary);
        margin: 25px 0 15px 0; border-bottom: 2px solid #f3f4f6; padding-bottom: 10px;
        display: flex; align-items: center; gap: 10px;
    }

    /* Form Elemanları Hizalama Düzenlemesi */
    .form-group label { font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 8px; }
    .form-control {
        height: 48px; border-radius: 6px; border: 1px solid #e5e7eb;
        background: #f9fafb; font-size: 14px; width: 100% !important;
    }

    /* --- SAĞ TARAF: GELİŞMİŞ SIDEBAR --- */
    .sh-sidebar { display: flex; flex-direction: column; gap: 30px; }

    .sh-sidebar-title {
        font-size: 18px; font-weight: 700; color: #1f2937;
        margin-bottom: 15px; padding-left: 12px; border-left: 5px solid var(--primary);
    }

    /* Kurumsal Liste */
    .corp-box { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #eee; }
    .corp-item {
        display: flex; align-items: center; gap: 10px; padding: 10px 0;
        text-decoration: none; color: #4b5563; font-size: 14px; font-weight: 600;
        border-bottom: 1px dashed #f0f0f0; transition: 0.3s;
    }
    .corp-item:last-child { border-bottom: none; }
    .corp-item i { color: var(--secondary); font-size: 13px; }
    .corp-item:hover { color: var(--primary); padding-left: 5px; }

    /* Destek Kartı */
    .support-card {
        background: #fff; border: 1.5px solid #f0e0d0; border-radius: 12px;
        padding: 30px 20px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.03);
        position: relative; overflow: hidden;
    }
    .support-icon {
        width: 60px; height: 60px; border-radius: 50%; background: var(--secondary);
        color: #fff; display: flex; align-items: center; justify-content: center;
        font-size: 24px; margin: 0 auto 20px auto;
    }
    .support-card h4 { font-size: 17px; font-weight: 800; color: #750a0a; margin-bottom: 10px; }
    .support-card p { font-size: 13px; color: #6b7280; line-height: 1.5; margin-bottom: 20px; }
    .support-tel {
        display: block; font-size: 19px; font-weight: 800; color: #1f2937;
        padding: 10px; background: #f9fafb; border-radius: 8px; margin-bottom: 15px; text-decoration: none;
    }
    .support-link {
        background: var(--primary); color: #fff; padding: 12px; border-radius: 6px;
        text-decoration: none; font-weight: 700; font-size: 13px; display: block;
    }
    #modern-members-grid .page-header {
        background-color: var(--primary) !important;
        background-image: linear-gradient(to right, var(--primary) 0%, var(--primary-dark) 100%) !important;
        padding: 50px 0 70px 0 !important;
        color: #fff !important;
        margin-top: 0 !important;
        text-align: left;
    }

    #modern-members-grid .breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        margin-bottom: 12px;
        color: rgba(255, 255, 255, 0.9);
        list-style: none;
        padding: 0;
    }
    #modern-members-grid .breadcrumb a { color: #fff; text-decoration: none; }
    #modern-members-grid .breadcrumb i { color: var(--secondary); font-size: 16px; }

    #modern-members-grid .page-title { 
        font-size: 42px; 
        font-weight: 800; 
        margin: 0; 
        text-transform: uppercase; 
        letter-spacing: -1px;
    }

    /* 2. GRID KONTEYNER */
    #modern-members-grid .grid-container {
        max-width: 1250px;
        margin: 0 auto;
        padding: 50px 20px 100px 20px;
    }

    .members-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    /* ÜYE KARTLARI */
    .sh-member-card {
        background: #fff;
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.04);
        border: 1px solid #eee;
        transition: transform 0.3s ease, border-color 0.3s ease;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .sh-member-card:hover {
        transform: translateY(-10px);
        border-color: var(--secondary);
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

    .sh-avatar-wrap { padding: 30px 0 20px 0; display: flex; justify-content: center; }
    .sh-avatar {
        width: 120px; height: 120px; border-radius: 50%; border: 4px solid #f8fafc;
        overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    .sh-avatar img { width: 100%; height: 100%; object-fit: cover; }

    .sh-info { padding: 0 25px 25px 25px; flex: 1; }
    .sh-name { font-size: 18px; font-weight: 700; color: var(--text-dark); margin-bottom: 5px; }
    .sh-unvan { font-size: 13px; font-weight: 600; color: var(--secondary); text-transform: uppercase; margin-bottom: 15px; }
    

    /* Sayfalama */
    .pagination-wrap { grid-column: span 3; display: flex; justify-content: center; margin-top: 50px; }
   .sidebar-widget {
        background: #ffffff !important;
        border-radius: 12px !important;
        padding: 35px 30px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
        border: 1px solid rgba(0,0,0,0.03) !important;
    }

    .widget-title {
        font-weight: 700 !important;
        color: #1f2937 !important;
        margin-bottom: 25px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #f0f0f0 !important; 
        position: relative !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-top:-1px;
    }

    .widget-title::after {
        content: '';
        position: absolute;
        bottom: -1px; /* Gri çizginin tam üzerine biner */
        left: 0;
        width: 60px; /* Kısa altın çizgi */
        height: 2px;
        background-color: #c09949; /* Altın sarısı */
    }

    .sidebar-list {
        display: flex;
        flex-direction: column;
    }

    /* Her bir satır (Haber) */
    .side-item {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 18px 0 !important;
        border-bottom: 1px dashed #eee !important; /* Görseldeki kesikli çizgi */
        text-decoration: none !important;
        transition: all 0.3s ease;
    }

    .side-item:last-child {
        border-bottom: none !important;
    }

    /* Sol taraftaki metin alanı */
    .side-text {
        flex: 1;
    }

    .side-text h4 {
        font-size: 14.5px !important;
        font-weight: 600 !important;
        color: #1f2937 !important;
        line-height: 1.4 !important;
        margin: 0 0 6px 0 !important;
        transition: 0.3s;
    }

    .side-text span {
        font-size: 12px !important;
        color: #9ca3af !important;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    /* Sağ taraftaki resim kutusu */
    .side-img {
        width: 75px !important;
        height: 50px !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        flex-shrink: 0;
        background: #f9fafb;
    }

    .side-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; /* Logoların bozulmaması için contain */
    }

    /* Hover Etkisi */
    .side-item:hover {
        padding-left: 5px !important;
    }
    .side-item:hover h4 {
        color: #750a0a !important; /* Bordo renk */
    }
        #modern-webinar-detail .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 60px 0 70px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
        text-align: left;
    }

    #modern-webinar-detail .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 15px; color: rgba(255,255,255,0.8); list-style: none; padding: 0;
    }
    #modern-webinar-detail .breadcrumb a { color: inherit; text-decoration: none; }
    #modern-webinar-detail .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    
    #modern-webinar-detail .page-title {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.5px;
        color: #fff;
        margin: 0;
    }

    /* 2. ANA İÇERİK IZGARASI */
    #modern-webinar-detail .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        padding: 50px 0 100px 0;
    }

    #modern-webinar-detail .main-content {
        background: var(--white);
        padding: 25px; 
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
    }

    /* Video Embed Alanı */
    #modern-webinar-detail .video-embed-box {
        width: 100%;
        aspect-ratio: 16 / 9; /* Videonun oranını korur */
        background-color: #000;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    #modern-webinar-detail .video-embed-box iframe {
        width: 100% !important;
        height: 100% !important;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Sidebar Alanı */
    #modern-webinar-detail .sidebar-container {
        position: sticky;
        top: 20px;
    }

    @media (max-width: 1024px) {
        #modern-webinar-detail .content-wrapper { grid-template-columns: 1fr; }
        #modern-webinar-detail .sidebar-container { position: static; margin-top: 40px; }
    }
    
    @media (max-width: 600px) {
        #modern-webinar-detail .page-title { font-size: 1.6rem; }
        #modern-webinar-detail .main-content { padding: 15px; }
    }
    @media (max-width: 992px) { .members-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 650px) { 
        .members-grid { grid-template-columns: 1fr; } 
        #modern-members-grid .page-title { font-size: 30px; }
    }
    @media (max-width: 992px) { .content-wrapper { grid-template-columns: 1fr; } .sh-sidebar { display: none; } }
      #modern-news-container .page-header {
        background-color: var(--primary) !important;
        background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                          linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
        padding: 60px 0 80px 0 !important; 
        color: var(--white) !important;
        margin-top: 0 !important;
    }

    #modern-news-container .breadcrumb {
        display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 12px; color: #e5e7eb; list-style: none; padding: 0;
    }
    #modern-news-container .breadcrumb a { color: #e5e7eb; text-decoration: none; }
    #modern-news-container .breadcrumb i { color: var(--secondary); font-size: 1rem; }
    #modern-news-container .page-title { font-size: 2.5rem; font-weight: 700; color: #fff; margin: 0; }

    /* 2. ANA İÇERİK IZGARASI */
    #modern-news-container .content-wrapper {
        display: grid;
        grid-template-columns: 2.2fr 1fr; 
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    /* 3. SOL TARAF: HABER KARTLARI (GRID) */
    #modern-news-container .blog-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    #modern-news-container .blog-card {
        background: var(--white);
        border-radius: var(--radius);
        overflow: hidden;
        box-shadow: var(--shadow);
        border: 1px solid rgba(0,0,0,0.03);
        transition: var(--transition);
        display: flex;
        flex-direction: column;
        text-decoration: none;
    }

    #modern-news-container .blog-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.08);
        border-color: rgba(192, 153, 73, 0.3);
    }

    #modern-news-container .card-image {
        width: 100%;
        aspect-ratio: 16 / 10;
        position: relative;
        overflow: hidden;
    }

    #modern-news-container .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    #modern-news-container .blog-card:hover .card-image img { transform: scale(1.08); }

    #modern-news-container .category-badge {
        position: absolute;
        bottom: 15px;
        left: 15px;
        background: rgba(17, 24, 39, 0.85);
        color: var(--white);
        font-size: 10px;
        font-weight: 600;
        padding: 5px 12px;
        border-radius: 4px;
        z-index: 2;
    }

    #modern-news-container .card-content {
        padding: 25px 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    #modern-news-container .card-title {
        font-size: 1.15rem;
        color: var(--text-dark);
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #modern-news-container .card-excerpt {
        font-size: 0.9rem;
        color: var(--text-gray);
        line-height: 1.6;
        margin-bottom: 20px;
        flex-grow: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #modern-news-container .card-meta {
        display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: #9ca3af;
        border-top: 1px dashed #e5e7eb; padding-top: 15px; margin-top: auto;
    }
    #modern-news-container .card-meta i { color: var(--secondary); }

    /* --- 4. SAYFALAMA (PAGINATION) --- */
    #modern-news-container .pagination-wrapper { margin-top: 50px; display: flex; justify-content: center; }
    #modern-news-container .pagination { display: flex; gap: 8px; list-style: none; padding: 0; }
    #modern-news-container .pagination li a, 
    #modern-news-container .pagination li span {
        width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
        background: var(--white); color: var(--text-dark); border-radius: 6px; border: 1px solid #e5e7eb;
        text-decoration: none; font-weight: 600; transition: var(--transition);
    }
    #modern-news-container .pagination li.active span, 
    #modern-news-container .pagination li a:hover {
        background: var(--primary); color: var(--white); border-color: var(--primary);
    }

    /* --- 5. RESPONSIVE --- */
    @media (max-width: 1024px) {
        #modern-news-container .content-wrapper { grid-template-columns: 1fr; }
        #modern-news-container .blog-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
        #modern-news-container .blog-grid { grid-template-columns: 1fr; }
        #modern-news-container .page-title { font-size: 2rem; }
    }
            #modern-member-layout *:not(i) { 
            font-family: 'Poppins', sans-serif !important; 
            box-sizing: border-box !important; 
        }

        /* İkonların FontAwesome fontunu korumasını sağlıyoruz */
        #modern-member-layout i {
            font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
            font-weight: 900;
            font-style: normal;
            display: inline-block !important;
            text-decoration: none !important;
        }

        /* --- 2. PAGE HEADER (Örneklerindeki Stil) --- */
        #modern-member-layout .page-header {
            background-color: var(--primary) !important;
            background-image: radial-gradient(circle at top right, rgba(192, 153, 73, 0.15), transparent 50%),
                              linear-gradient(to bottom, var(--primary), var(--primary-dark)) !important;
            padding: 70px 0 100px 0 !important;
            color: var(--white) !important;
            margin-top: 0 !important;
        }

        #modern-member-layout .container {
            max-width: 1250px !important; margin: 0 auto !important; padding: 0 20px !important; width: 100% !important;
        }

        #modern-member-layout .breadcrumb {
            display: flex !important; align-items: center !important; gap: 8px !important; 
            font-size: 12px !important; margin-bottom: 15px !important; color: #e5e7eb !important;
            list-style: none !important; padding: 0 !important;
        }
        #modern-member-layout .breadcrumb a { color: #e5e7eb !important; text-decoration: none !important; }
        #modern-member-layout .breadcrumb i { color: var(--secondary) !important; font-size: 14px !important; }

        #modern-member-layout .page-title { font-size: 38px !important; font-weight: 700 !important; color: #fff !important; margin: 0; }

        /* --- 3. CONTENT WRAPPER (2.2fr 1fr Şablonu) --- */
        #modern-member-layout .content-wrapper {
            display: grid !important;
            grid-template-columns: 2.2fr 1fr !important;
            gap: 40px !important;
            margin-top: -60px !important;
            margin-bottom: 100px !important;
        }

        /* SOL: ANA İÇERİK */
        #modern-member-layout .main-content {
            background: var(--white) !important;
            padding: 40px !important;
            border-radius: var(--radius) !important;
            box-shadow: var(--shadow) !important;
            border: 1px solid rgba(0,0,0,0.03) !important;
        }

        #modern-member-layout .bio-title {
            font-size: 22px !important; font-weight: 700 !important; color: var(--text-dark) !important;
            margin-bottom: 25px !important; padding-bottom: 15px !important;
            border-bottom: 2px solid #f3f4f6 !important; position: relative !important;
        }
        #modern-member-layout .bio-title::after {
            content: '' !important; position: absolute !important; bottom: -2px !important; left: 0 !important; width: 50px !important; height: 2px !important; background-color: var(--secondary) !important;
        }

        #modern-member-layout .article-text { font-size: 15.5px !important; color: var(--text-gray) !important; line-height: 1.9 !important; }

        /* SAĞ: SIDEBAR (PROFİL KARTI) */
        #modern-member-layout .sidebar-widget {
            background: var(--white) !important;
            padding: 30px !important;
            border-radius: var(--radius) !important;
            box-shadow: var(--shadow) !important;
            position: sticky !important;
            top: 20px !important;
            text-align: center !important;
            border-top: 4px solid var(--secondary) !important;
        }

        #modern-member-layout .member-avatar {
            width: 100% !important; aspect-ratio: 1/1 !important; border-radius: 6px !important; 
            overflow: hidden !important; margin-bottom: 20px !important; box-shadow: var(--shadow) !important;
        }
        #modern-member-layout .member-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

        #modern-member-layout .member-name { font-size: 22px !important; font-weight: 700 !important; color: var(--text-dark) !important; margin-bottom: 5px !important; }
        #modern-member-layout .member-role { font-size: 13px !important; color: var(--primary) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

        /* PAYLAŞIM VE BUTONLAR */
        #modern-member-layout .share-section { margin-top: 30px !important; padding-top: 20px !important; border-top: 1px dashed #eee !important; }
        #modern-member-layout .btn-print-action {
            background: #111827 !important; color: #fff !important; padding: 12px !important; border-radius: 4px !important; 
            font-size: 13px !important; font-weight: 600 !important; display: block !important; width: 100% !important;
            margin-top: 15px !important; text-transform: uppercase !important; border: none !important; cursor: pointer !important;
        }

        @media (max-width: 992px) {
            #modern-member-layout .content-wrapper { grid-template-columns: 1fr !important; margin-top: 20px !important; }
            #modern-member-layout .sidebar-widget { position: static !important; }
        }
        #modern-homepage-v2 .hero-bottom-bar {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Mobilde 2'li düzen */
    gap: 12px !important;
    padding: 15px !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto !important;
    z-index: 99 !important;
    position: relative;
    
    /* KOYU MAVİ ŞERİDİ KALDIRAN KISIM */
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
}

#modern-homepage-v2 .hero-bottom-box {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important; /* Kutulara hafif gölge */
    transition: all 0.3s ease-in-out !important;
    border: 1px solid #f0f0f0 !important;
}

#modern-homepage-v2 .box-icon {
    width: 40px;
    height: 40px;
    background: #fdf2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

#modern-homepage-v2 .box-icon i {
    font-size: 16px !important;
    color: #a12025 !important;
    transition: all 0.3s ease;
}

#modern-homepage-v2 .box-text h4 {
    font-size: 12px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    color: #333 !important;
    transition: all 0.3s ease;
}

#modern-homepage-v2 .box-text span {
    font-size: 10px !important;
    color: #888 !important;
    display: block;
    margin-top: 2px;
    transition: all 0.3s ease;
}

/* HOVER DURUMU: KART KIRMIZI, YAZILAR BEYAZ */
#modern-homepage-v2 .hero-bottom-box:hover {
    background: #a12025 !important; /* Kurumsal Kırmızı */
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(161, 32, 37, 0.3) !important;
    border-color: #a12025 !important;
}

#modern-homepage-v2 .hero-bottom-box:hover h4,
#modern-homepage-v2 .hero-bottom-box:hover .box-text span,
#modern-homepage-v2 .hero-bottom-box:hover .box-icon i {
    color: #ffffff !important;
}

#modern-homepage-v2 .hero-bottom-box:hover .box-icon {
    background: rgba(255,255,255,0.2) !important;
}

/* MASAÜSTÜ AYARLAR (992px ve üzeri) */
@media (min-width: 992px) {
    .mh-hero-section {
        position: relative !important;
    }

    #modern-homepage-v2 .hero-bottom-bar {
        position: absolute !important;
        bottom: 0 !important; /* Slider alt çizgisine dayalı */
        left: 50% !important;
        transform: translate(-50%, 50%) !important; /* Tam çizgi üzerine ortalar */
        
        display: flex !important; /* Yan yana dizilim */
        grid-template-columns: none !important;
        gap: 20px !important;
        padding: 0 !important;
    }

    #modern-homepage-v2 .hero-bottom-box {
        flex: 1 !important;
        height: 90px !important;
    }

    #modern-homepage-v2 .box-text h4 {
        font-size: 14px !important;
    }
}

@media (max-width: 991px) {
    /* Koyu mavi şeridi kaldıran ve 2'li düzeni kuran ana taşıyıcı */
    #modern-homepage-v2 .hero-bottom-bar {
        background: transparent !important; /* Arka planı tamamen sildik */
        border: none !important;
        box-shadow: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Yan yana 2 adet */
        gap: 10px !important; /* Kartlar arası boşluk */
        padding: 15px !important;
        position: relative !important;
        margin-top: -20px !important; /* Slider'ın üzerine biraz çıksın isterseniz */
    }

    /* Beyaz Kartların Yapısı */
    #modern-homepage-v2 .hero-bottom-box {
        display: flex !important;
        align-items: center !important;
        padding: 10px 8px !important;
        background: #ffffff !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
        border: 1px solid #f0f0f0 !important;
        min-height: 75px !important;
    }

    /* Sol taraftaki ikon dairesi */
    #modern-homepage-v2 .box-icon {
        width: 35px;
        height: 35px;
        background: #fff5f5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        flex-shrink: 0;
    }

    #modern-homepage-v2 .box-icon i {
        font-size: 14px !important;
        color: #a12025 !important;
    }

    /* Metin Alanı */
    #modern-homepage-v2 .box-text h4 {
        font-size: 11px !important;
        margin: 0 !important;
        font-weight: 700 !important;
        color: #333 !important;
        line-height: 1.2 !important;
    }

    #modern-homepage-v2 .box-text span {
        font-size: 9px !important;
        color: #888 !important;
        display: block;
        margin-top: 2px;
    }

    /* TIKLANDIĞINDA / ÜSTÜNE GELİNDİĞİNDE (Mobilde Active) */
    #modern-homepage-v2 .hero-bottom-box:active,
    #modern-homepage-v2 .hero-bottom-box:hover {
        background: #a12025 !important; /* Kart kırmızı olur */
    }

    #modern-homepage-v2 .hero-bottom-box:active h4,
    #modern-homepage-v2 .hero-bottom-box:active span,
    #modern-homepage-v2 .hero-bottom-box:active i,
    #modern-homepage-v2 .hero-bottom-box:hover h4,
    #modern-homepage-v2 .hero-bottom-box:hover span,
    #modern-homepage-v2 .hero-bottom-box:hover i {
        color: #ffffff !important; /* Yazılar beyaz olur */
    }
}
.action-block {
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

.action-block i {
    transition: all 0.3s ease-in-out !important;
}

.action-block:hover {
    background-color: #a12025 !important; /* Kutu arka planı kırmızı */
    border-color: #a12025 !important;
}

.action-block:hover i, 
.action-block:hover h4, 
.action-block:hover span {
    color: #ffffff !important; /* İkon, başlık ve 'İnceleyin' yazısı beyaz */
}

/* İkonun hoverda hafif büyümesi için (opsiyonel) */
.action-block:hover i {
    transform: scale(1.1);
}