/* ==========================================================================
   Analist Theme — Kırmızı Tema Override + Yeni Bileşenler
   styles.css üzerine yüklenir, mor (#bd135b) tonlar kırmızı (#e30613) olur.
   ========================================================================== */

:root {
    --analist-red: #e30613;
    --analist-red-dark: #b80510;
    --analist-red-light: #ff2d3a;
    --analist-dark: #1f2732;
    --analist-muted: #8a93a0;
    --analist-bg: #f6f7f9;
}

/* --------------------------------------------------------------------------
   1) Global Renk Override (mor → kırmızı)
   -------------------------------------------------------------------------- */
.text-primary,
.text-primary-hover:hover { color: var(--analist-red) !important; }

.bg-primary { background-color: var(--analist-red) !important; }

.border-primary-color { border-color: var(--analist-red) !important; }

a:hover, a:active { color: var(--analist-red); }

#preloader:before,
#preloader:after { border-color: var(--analist-red) !important; }

.primary-overlay[data-overlay-dark]:before { background: var(--analist-red) !important; }

/* btn-style1 ve diğer mor butonlar */
.btn-style1,
.btn-style1:focus,
.btn-style2,
.btn-style3 {
    background-color: var(--analist-red) !important;
    border-color: var(--analist-red) !important;
}
.btn-style1:hover,
.btn-style2:hover,
.btn-style3:hover {
    background-color: var(--analist-red-dark) !important;
    border-color: var(--analist-red-dark) !important;
    color: #fff !important;
}

/* Accordion (SSS) ve kart vurguları */
.accordion-style .card-header .btn-link,
.accordion-style .card-header .btn-link:hover,
.accordion-style .card-header .btn-link:focus { color: var(--analist-red) !important; }

/* Owl carousel dots + nav */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--analist-red) !important; }
.owl-theme .owl-nav [class*='owl-'] { color: var(--analist-red) !important; }

/* Read more vb. */
.read-more,
.read-more:hover { color: var(--analist-red) !important; }

/* Footer link hover */
footer a:hover { color: var(--analist-red) !important; }

/* Sosyal ikonlar */
.social-icons2 ul li a:hover,
.social-icons2 ul li a:focus { background: var(--analist-red) !important; border-color: var(--analist-red) !important; }

/* Scroll to top */
.scroll-to-top { background: var(--analist-red) !important; }

/* --------------------------------------------------------------------------
   2) Yeni Header — Üstte kırmızı bar, ortalı menü, sosyal + arama
   -------------------------------------------------------------------------- */
.analist-header {
    background: var(--analist-red);
    position: relative;
    z-index: 1000;
}
.analist-header .container-fluid { padding: 0 2rem; }

.analist-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 86px;
    gap: 1.5rem;
}

.analist-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    padding: .35rem 0;
}
.analist-logo img { max-height: 78px; width: auto; display: block; }
.analist-logo .logo-text {
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -1px;
    color: #fff;
}
.analist-logo .logo-text small {
    display: block;
    font-size: .55rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 2px;
    opacity: .9;
}

.analist-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2.25rem;
    flex: 1;
    justify-content: center;
}
.analist-menu > li { position: relative; }
.analist-menu > li > a {
    color: #fff;
    font-weight: 600;
    font-size: .92rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 30px 0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    transition: opacity .2s ease;
}
.analist-menu > li > a:hover { color: #fff; opacity: .85; }
.analist-menu > li.active > a::after,
.analist-menu > li > a:hover::after {
    content: '';
    position: absolute;
    left: 0; right: 0;
    bottom: 22px;
    height: 2px;
    background: #fff;
}

/* Dropdown */
.analist-menu .has-dropdown > a::after {
    content: '\f107';
    font-family: 'Font Awesome 6 Free', 'FontAwesome';
    font-weight: 900;
    margin-left: 6px;
    font-size: .8rem;
}
.analist-menu .dropdown-menu-custom {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    min-width: 220px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    padding: .5rem 0;
    border-radius: 6px;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    z-index: 100;
}
.analist-menu .has-dropdown:hover .dropdown-menu-custom {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.analist-menu .dropdown-menu-custom li a {
    display: block;
    padding: .65rem 1.25rem;
    color: var(--analist-dark);
    font-size: .88rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
}
.analist-menu .dropdown-menu-custom li a:hover {
    background: var(--analist-bg);
    color: var(--analist-red);
    padding-left: 1.5rem;
}

.analist-actions {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.analist-actions a {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    transition: opacity .2s ease;
}
.analist-actions a:hover { opacity: .8; color: #fff; }
.analist-actions .search-btn {
    background: rgba(255,255,255,.15);
    width: 36px; height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}
.analist-actions .search-btn:hover { background: rgba(255,255,255,.28); }

/* Mobile toggler */
.analist-mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    padding: .5rem;
}

@media (max-width: 991px) {
    .analist-header .container-fluid { padding: 0 1rem; }
    .analist-nav { min-height: 64px; }
    .analist-logo .logo-text { font-size: 1.5rem; }
    .analist-logo img { max-height: 56px; }
    .analist-mobile-toggle { display: inline-flex; }
    .analist-menu {
        position: absolute;
        top: 100%; left: 0; right: 0;
        background: var(--analist-red);
        flex-direction: column;
        gap: 0;
        padding: 1rem 0;
        display: none;
        box-shadow: 0 10px 20px rgba(0,0,0,.15);
    }
    .analist-menu.open { display: flex; }
    .analist-menu > li { width: 100%; text-align: center; }
    .analist-menu > li > a { padding: 14px 0; }
    .analist-menu > li.active > a::after,
    .analist-menu > li > a:hover::after { display: none; }
    .analist-menu .dropdown-menu-custom {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        background: rgba(0,0,0,.12);
        box-shadow: none;
        margin-top: 0;
        border-radius: 0;
    }
    .analist-menu .dropdown-menu-custom li a { color: #fff; text-align: center; }
    .analist-menu .dropdown-menu-custom li a:hover { background: rgba(0,0,0,.2); color: #fff; }
    .analist-actions .search-btn { width: 32px; height: 32px; }
}

/* --------------------------------------------------------------------------
   3) Slider — kare kırmızı oklar (yan kenarlar), noktalı kırmızı doku
   -------------------------------------------------------------------------- */
.analist-slider .carousel-control-prev,
.analist-slider .carousel-control-next {
    width: 60px;
    height: 80px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: var(--analist-red);
    opacity: 1;
    border-radius: 0;
    transition: background .2s ease;
    z-index: 6;
}
.analist-slider .carousel-control-prev { left: 0; }
.analist-slider .carousel-control-next { right: 0; }
.analist-slider .carousel-control-prev:hover,
.analist-slider .carousel-control-next:hover {
    background: var(--analist-red-dark);
}
.analist-slider .carousel-control-prev-icon,
.analist-slider .carousel-control-next-icon {
    background-image: none;
    width: 100%; height: 100%;
    background: transparent;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.analist-slider .carousel-control-prev-icon::after,
.analist-slider .carousel-control-next-icon::after {
    content: '';
    width: 14px; height: 14px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: 4px;
}
.analist-slider .carousel-control-next-icon::after {
    transform: rotate(135deg);
    margin-left: -4px;
}

.analist-slider .carousel-indicators {
    margin-bottom: 1.25rem;
    gap: 8px;
    z-index: 6;
}
.analist-slider .carousel-indicators [data-bs-target] {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    border: none;
    opacity: 1;
    transition: all .2s ease;
}
.analist-slider .carousel-indicators .active {
    background: #fff;
    width: 10px;
    border-radius: 50%;
}

.analist-slider .carousel-item {
    position: relative;
}
.analist-slider .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 480px;
    max-height: 620px;
}
/* Yazı okunabilirliği için sol tarafta yumuşak koyu gradient (filtre yok) */
.analist-slider .carousel-item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.3) 40%, rgba(0,0,0,0) 70%);
    pointer-events: none;
    z-index: 2;
}
.analist-slider .slider-caption {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    max-width: 620px;
    color: #fff;
    z-index: 5;
}
.analist-slider .slider-caption h1 {
    font-size: clamp(1.8rem, 3.4vw, 3rem);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.analist-slider .slider-caption h1 b,
.analist-slider .slider-caption h1 strong {
    font-weight: 800;
    color: #fff;
}
.analist-slider .slider-caption p {
    font-size: 1.05rem;
    line-height: 1.55;
    opacity: .95;
    margin-bottom: 1.75rem;
    text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.analist-slider .slider-caption .btn-slider {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: var(--analist-red);
    padding: .85rem 1.6rem;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: all .25s ease;
}
.analist-slider .slider-caption .btn-slider:hover {
    background: var(--analist-dark);
    color: #fff;
}
.analist-slider .slider-caption .btn-slider i {
    background: var(--analist-red);
    color: #fff;
    width: 28px; height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
}
.analist-slider .slider-caption .btn-slider:hover i { background: #fff; color: var(--analist-red); }

@media (max-width: 767px) {
    .analist-slider .slider-caption { left: 5%; max-width: 90%; }
    .analist-slider .carousel-control-prev,
    .analist-slider .carousel-control-next { display: none; }
}

/* --------------------------------------------------------------------------
   4) Bölüm Başlığı (kırmızı alt çizgi)
   -------------------------------------------------------------------------- */
.section-title {
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    color: var(--analist-dark);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: .75rem;
}
.section-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 60px; height: 3px;
    background: var(--analist-red);
}
.section-title .see-all {
    float: right;
    font-size: .8rem;
    font-weight: 600;
    color: var(--analist-red);
    text-decoration: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-top: .25rem;
}
.section-title .see-all i { margin-left: 6px; transition: transform .2s; }
.section-title .see-all:hover i { transform: translateX(4px); }

/* --------------------------------------------------------------------------
   5) Öne Çıkanlar (kartlar) + E-Dergi (yan kart)
   -------------------------------------------------------------------------- */
.featured-section { padding: 4rem 0; background: #fff; }

.featured-card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.featured-card .card-media {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    aspect-ratio: 4 / 3;
}
.featured-card .card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.featured-card:hover .card-media img { transform: scale(1.06); }

.featured-card .card-category {
    display: inline-block;
    color: var(--analist-red);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 1.1rem;
    margin-bottom: .5rem;
}
.featured-card .card-title {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--analist-dark);
    margin-bottom: .75rem;
}
.featured-card .card-title a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}
.featured-card .card-title a:hover { color: var(--analist-red); }
.featured-card .card-meta {
    font-size: .8rem;
    color: var(--analist-muted);
    margin-top: auto;
    font-style: italic;
}

/* E-Dergi kart — yatay düzen (kapak solda + içerik sağda) */
.edergi-card {
    background: #fff;
    padding: 0;
    border-radius: 4px;
    height: 100%;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}
.edergi-card .edergi-cover {
    flex: 0 0 50%;
    max-width: 50%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0,0,0,.15);
    aspect-ratio: 3 / 4;
    background: #f0f0f0;
}
.edergi-card .edergi-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.edergi-card .edergi-content {
    flex: 1 1 auto;
    min-width: 0;
}
.edergi-card .edergi-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--analist-dark);
    margin-bottom: .35rem;
    line-height: 1.3;
}
.edergi-card .edergi-subtitle {
    font-size: 1rem;
    color: var(--analist-dark);
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.3;
}
.edergi-card .edergi-desc {
    color: #5a6573;
    font-size: .92rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
}
.edergi-card .edergi-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .9rem;
}

@media (max-width: 575px) {
    .edergi-card { flex-direction: column; }
    .edergi-card .edergi-cover { flex: 0 0 auto; max-width: 60%; }
}
.btn-edergi {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--analist-red);
    color: #fff !important;
    padding: .75rem 1.4rem;
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background .2s ease;
}
.btn-edergi i {
    background: rgba(255,255,255,.25);
    width: 24px; height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
}
.btn-edergi:hover { background: var(--analist-red-dark); color: #fff !important; }

.btn-edergi-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--analist-dark) !important;
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease;
}
.btn-edergi-outline i { color: var(--analist-red); }
.btn-edergi-outline:hover { color: var(--analist-red) !important; }

/* --------------------------------------------------------------------------
   6) Hakkımızda Bölümü — Yatay kompakt banner (görsel + açık gri içerik)
   -------------------------------------------------------------------------- */
.hakkimizda-section {
    padding: 3rem 0;
    background: #fff;
}
.hakkimizda-banner {
    display: flex;
    align-items: stretch;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
    background: var(--analist-bg);
    min-height: 200px;
}
.hakkimizda-banner .hak-image {
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    overflow: hidden;
    background: #2a1010;
}
.hakkimizda-banner .hak-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
.hakkimizda-banner:hover .hak-image img { transform: scale(1.05); }
.hakkimizda-banner .hak-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(227,6,19,.35) 0%, rgba(0,0,0,.25) 100%);
    pointer-events: none;
}

.hakkimizda-banner .hak-content {
    flex: 1 1 auto;
    padding: 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hakkimizda-banner .hak-title {
    color: var(--analist-red);
    font-weight: 800;
    font-size: 1.15rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.hakkimizda-banner .hak-text {
    color: #444c58;
    font-size: .95rem;
    line-height: 1.65;
    margin-bottom: 1.25rem;
}
.btn-daha-fazla {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--analist-red);
    color: #fff !important;
    padding: .7rem 1.4rem;
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background .2s ease;
    align-self: flex-start;
}
.btn-daha-fazla i {
    background: rgba(255,255,255,.25);
    width: 22px; height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .65rem;
}
.btn-daha-fazla:hover { background: var(--analist-red-dark); color: #fff !important; }

@media (max-width: 767px) {
    .hakkimizda-banner { flex-direction: column; }
    .hakkimizda-banner .hak-image { flex: 0 0 auto; max-width: 100%; height: 200px; }
    .hakkimizda-banner .hak-content { padding: 1.5rem; }
}

/* --------------------------------------------------------------------------
   7) Çalıştığımız Firmalar (Markalar Şeridi)
   -------------------------------------------------------------------------- */
.brands-section {
    background: var(--analist-red);
    padding: 1.75rem 0 1.25rem;
}
.brands-section .brands-label {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.brands-section .clients02-carousel .clients {
    text-align: center;
    padding: .25rem .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    overflow: hidden;
}
.brands-section .clients02-carousel .clients .client-img {
    width: auto;
    opacity: 1 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.brands-section .clients02-carousel .clients img {
    max-height: 200px;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    filter: brightness(0) invert(1);
    opacity: .92;
    transition: transform .35s ease, opacity .25s ease;
    transform-origin: center center;
}
.brands-section .clients02-carousel .clients:hover .client-img { opacity: 1 !important; }
.brands-section .clients02-carousel .clients:hover img {
    opacity: 1;
    transform: scale(1.12);
}
.brands-section .clients02-carousel .client-hover-img { display: none !important; }

@media (max-width: 991px) {
    .brands-section { padding: 1.25rem 0 1rem; }
    .brands-section .brands-label { margin-bottom: .75rem; }
    .brands-section .clients02-carousel .clients { min-height: 130px; }
    .brands-section .clients02-carousel .clients img { max-height: 130px; }
}

/* --------------------------------------------------------------------------
   8) Footer rötuşları (yapıyı bozmadan kırmızı vurgu)
   -------------------------------------------------------------------------- */
footer.footer-style2 .text-primary,
footer.footer-style2 i.text-primary { color: var(--analist-red) !important; }
footer.footer-style2 a:hover { color: var(--analist-red) !important; }

/* --------------------------------------------------------------------------
   9) Sayfa Başlığı (page-hero) – iç sayfalar için
   -------------------------------------------------------------------------- */
.page-hero {
    background: #f6f7f9;
    padding: 3.5rem 0 2.5rem;
    border-bottom: 1px solid #e6e8ec;
}
.page-hero .page-hero-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: .5rem;
    color: var(--analist-dark, #1e242c);
    position: relative;
    display: inline-block;
}
.page-hero .page-hero-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: var(--analist-red);
    border-radius: 2px;
    margin-top: .75rem;
}
.page-hero .page-hero-breadcrumb {
    font-size: .92rem;
    color: #6b7280;
}
.page-hero .page-hero-breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color .2s ease;
}
.page-hero .page-hero-breadcrumb a:hover { color: var(--analist-red); }
.page-hero .page-hero-breadcrumb .sep { margin: 0 .5rem; color: #c0c4cc; }
.page-hero .page-hero-breadcrumb .current { color: var(--analist-red); font-weight: 600; }

/* --------------------------------------------------------------------------
   10) Hakkımızda Detay sayfası
   -------------------------------------------------------------------------- */
.hakkimizda-detay { padding: 4rem 0 5rem; }
.hakkimizda-detay .hak-detay-image {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
}
.hakkimizda-detay .hak-detay-image img {
    width: 100%;
    height: auto;
    display: block;
}
.hakkimizda-detay .hak-detay-content {
    color: #3a4250;
    font-size: 1rem;
    line-height: 1.75;
}
.hakkimizda-detay .hak-detay-content p { margin-bottom: 1rem; }
.hakkimizda-detay .hak-detay-content h1,
.hakkimizda-detay .hak-detay-content h2,
.hakkimizda-detay .hak-detay-content h3 {
    color: var(--analist-dark, #1e242c);
    font-weight: 800;
    margin: 1.5rem 0 .75rem;
}
.hakkimizda-detay .hak-detay-content h2 { font-size: 1.5rem; }
.hakkimizda-detay .hak-detay-content h3 { font-size: 1.25rem; }
.hakkimizda-detay .hak-detay-content strong { color: var(--analist-dark, #1e242c); }
.hakkimizda-detay .hak-detay-content a { color: var(--analist-red); }
.hakkimizda-detay .hak-detay-content ul,
.hakkimizda-detay .hak-detay-content ol { margin: 0 0 1rem 1.25rem; }
.hakkimizda-detay .hak-detay-content li { margin-bottom: .35rem; }

@media (max-width: 991px) {
    .page-hero { padding: 2.5rem 0 1.5rem; }
    .page-hero .page-hero-title { font-size: 1.6rem; }
    .hakkimizda-detay { padding: 2.5rem 0 3rem; }
}

/* --------------------------------------------------------------------------
   11) Kategoriler / Haber Listesi
   -------------------------------------------------------------------------- */
.kategori-list-section { padding: 3rem 0 5rem; }

.kategori-list-section .kategori-tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin-bottom: 2.5rem;
    padding: 0;
    list-style: none;
}
.kategori-list-section .kategori-tabs a.kategori-tab {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: .7rem 1.75rem !important;
    background: #ececec !important;
    color: #1e242c !important;
    font-weight: 600;
    font-size: .95rem;
    text-decoration: none !important;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background .2s ease, color .2s ease, transform .2s ease;
    min-width: 110px;
    text-align: center;
    line-height: 1.2;
}
.kategori-list-section .kategori-tabs a.kategori-tab:hover {
    background: #d9d9d9 !important;
    color: var(--analist-red) !important;
}
.kategori-list-section .kategori-tabs a.kategori-tab.active {
    background: var(--analist-red) !important;
    color: #fff !important;
}

.haber-grid .featured-card .card-ozet {
    color: #5a6573;
    font-size: .9rem;
    line-height: 1.55;
    margin: .5rem 0 .65rem;
}
.haber-grid .featured-card .card-meta .dot {
    margin: 0 .35rem;
    color: #c0c4cc;
}
.haber-grid .featured-card .card-author {
    color: var(--analist-red);
    font-weight: 600;
}
.haber-grid .featured-card a.card-category {
    text-decoration: none;
}

.haber-bos {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
    background: #f8f9fb;
    border-radius: 6px;
}

@media (max-width: 575px) {
    .kategori-list-section .kategori-tabs a.kategori-tab {
        flex: 1 1 calc(50% - .75rem);
        min-width: 0;
        padding: .55rem 1rem !important;
        font-size: .88rem;
    }
}

/* --------------------------------------------------------------------------
   12) Haber Detay
   -------------------------------------------------------------------------- */
.haber-detay-section { padding: 3rem 0 5rem; }

.haber-detay .haber-detay-kategori {
    display: inline-block;
    background: var(--analist-red);
    color: #fff !important;
    padding: .35rem 1rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 3px;
    margin-bottom: 1rem;
}
.haber-detay .haber-detay-baslik {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--analist-dark, #1e242c);
    margin-bottom: 1rem;
}
.haber-detay .haber-detay-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    color: #6b7280;
    font-size: .9rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e6e8ec;
    margin-bottom: 1.75rem;
}
.haber-detay .haber-detay-meta .meta-item i,
.haber-detay .haber-detay-meta .meta-item svg { color: var(--analist-red); margin-right: .35rem; }

.haber-detay .haber-detay-gorsel {
    margin-bottom: 1.75rem;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0,0,0,.1);
}
.haber-detay .haber-detay-gorsel img { width: 100%; height: auto; display: block; }

.haber-detay .haber-detay-ozet {
    font-size: 1.1rem;
    font-weight: 500;
    color: #2a3038;
    line-height: 1.6;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--analist-red);
    background: #fafbfc;
    margin-bottom: 1.75rem;
    border-radius: 3px;
}
.haber-detay .haber-detay-icerik {
    color: #3a4250;
    font-size: 1.02rem;
    line-height: 1.85;
}
.haber-detay .haber-detay-icerik p { margin-bottom: 1.1rem; }
.haber-detay .haber-detay-icerik h2,
.haber-detay .haber-detay-icerik h3 {
    color: var(--analist-dark, #1e242c);
    font-weight: 800;
    margin: 1.75rem 0 .85rem;
}
.haber-detay .haber-detay-icerik h2 { font-size: 1.5rem; }
.haber-detay .haber-detay-icerik h3 { font-size: 1.25rem; }
.haber-detay .haber-detay-icerik img { max-width: 100%; height: auto; border-radius: 4px; margin: 1rem 0; }
.haber-detay .haber-detay-icerik a { color: var(--analist-red); }
.haber-detay .haber-detay-icerik blockquote {
    border-left: 4px solid var(--analist-red);
    padding: .5rem 1rem;
    color: #5a6573;
    font-style: italic;
    margin: 1.5rem 0;
}

.haber-detay .haber-detay-paylas {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e6e8ec;
    flex-wrap: wrap;
}
.haber-detay .haber-detay-paylas .paylas-label {
    font-weight: 700;
    color: var(--analist-dark, #1e242c);
    margin-right: .5rem;
}
.haber-detay .paylas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff !important;
    font-size: .9rem;
    text-decoration: none !important;
    transition: transform .2s ease, opacity .2s ease;
}
.haber-detay .paylas-btn:hover { transform: translateY(-2px); opacity: .9; }
.haber-detay .paylas-fb { background: #1877f2; }
.haber-detay .paylas-x  { background: #000; }
.haber-detay .paylas-wa { background: #25d366; }
.haber-detay .paylas-in { background: #0a66c2; }

.haber-detay-sidebar .sidebar-card {
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 6px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
.haber-detay-sidebar .sidebar-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--analist-dark, #1e242c);
    margin: 0 0 1.1rem;
    padding-bottom: .65rem;
    border-bottom: 2px solid var(--analist-red);
    display: inline-block;
}

.yazar-card { display: flex; align-items: center; gap: 1rem; }
.yazar-card .yazar-foto,
.yazar-card .yazar-foto-placeholder {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #eef0f3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9aa0a6;
    font-size: 1.4rem;
}
.yazar-card .yazar-ad {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 .15rem;
    color: var(--analist-dark, #1e242c);
}
.yazar-card .yazar-unvan {
    font-size: .85rem;
    color: #6b7280;
    margin: 0;
}

.ilgili-list { list-style: none; padding: 0; margin: 0; }
.ilgili-item {
    display: flex;
    gap: .85rem;
    padding: .85rem 0;
    border-bottom: 1px solid #f0f1f4;
}
.ilgili-item:last-child { border-bottom: 0; padding-bottom: 0; }
.ilgili-item:first-child { padding-top: 0; }
.ilgili-item .ilgili-thumb {
    flex: 0 0 90px;
    width: 90px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
    background: #eef0f3;
}
.ilgili-item .ilgili-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ilgili-item .ilgili-baslik {
    display: block;
    color: var(--analist-dark, #1e242c);
    font-weight: 600;
    font-size: .92rem;
    line-height: 1.35;
    text-decoration: none;
    margin-bottom: .25rem;
}
.ilgili-item .ilgili-baslik:hover { color: var(--analist-red); }
.ilgili-item .ilgili-tarih { font-size: .78rem; color: #9aa0a6; }

.kategori-mini-list { list-style: none; padding: 0; margin: 0; }
.kategori-mini-list li { border-bottom: 1px solid #f0f1f4; }
.kategori-mini-list li:last-child { border-bottom: 0; }
.kategori-mini-list a {
    display: block;
    padding: .65rem 0;
    color: #3a4250;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease, padding .2s ease;
}
.kategori-mini-list a::before { content: "›"; color: var(--analist-red); margin-right: .5rem; font-weight: 700; }
.kategori-mini-list a:hover,
.kategori-mini-list a.active { color: var(--analist-red); padding-left: .35rem; }

@media (max-width: 991px) {
    .haber-detay .haber-detay-baslik { font-size: 1.6rem; }
    .haber-detay-section { padding: 2rem 0 3rem; }
}

/* --------------------------------------------------------------------------
   13) Künye
   -------------------------------------------------------------------------- */
.kunye-section { padding: 3.5rem 0 5rem; }
.kunye-card {
    background: #fff;
    border: 1px solid #eceef2;
    border-left: 4px solid var(--analist-red);
    border-radius: 6px;
    padding: 2.5rem 2.25rem;
    color: #3a4250;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.kunye-card p { margin-bottom: .65rem; }
.kunye-card p:has(strong:only-child),
.kunye-card p strong {
    color: var(--analist-dark, #1e242c);
}
.kunye-card p > strong {
    display: inline-block;
    font-size: .82rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--analist-red);
    margin-top: .5rem;
}
.kunye-card a { color: var(--analist-red); }
.kunye-card hr { border-color: #eceef2; margin: 1.25rem 0; }

@media (max-width: 767px) {
    .kunye-section { padding: 2rem 0 3rem; }
    .kunye-card { padding: 1.5rem 1.25rem; }
}

/* --------------------------------------------------------------------------
   15) Dergiler (Arşiv)
   -------------------------------------------------------------------------- */
.dergiler-section { padding: 3.5rem 0 5rem; }

.dergi-kart {
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform .25s ease, box-shadow .25s ease;
}
.dergi-kart:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0,0,0,.08);
}
.dergi-kart .dergi-kart-link {
    position: absolute;
    inset: 0;
    z-index: 1;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
}
.dergi-kart .dergi-rozet,
.dergi-kart .btn-dergi-oku,
.dergi-kart .btn-dergi-indir { position: relative; z-index: 2; }
.dergi-kart .btn-dergi-indir { pointer-events: auto; }

.dergi-kart .dergi-rozet {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background: var(--analist-red);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: .3rem .65rem;
    border-radius: 3px;
}

.dergi-kart .dergi-kapak {
    background: #f1f3f6;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}
.dergi-kart .dergi-kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.dergi-kart:hover .dergi-kapak img { transform: scale(1.04); }
.dergi-kart .dergi-kapak-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c0c4cc;
    font-size: 2.5rem;
}

.dergi-kart .dergi-icerik {
    padding: 1rem 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.dergi-kart .dergi-baslik {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--analist-dark, #1e242c);
    margin: 0 0 .5rem;
}
.dergi-kart .dergi-sayi {
    color: var(--analist-red);
    font-weight: 600;
    font-size: .85rem;
    margin-bottom: .35rem;
}
.dergi-kart .dergi-tarih {
    color: #6b7280;
    font-size: .8rem;
    margin-bottom: 1rem;
}
.dergi-kart .dergi-tarih i { color: var(--analist-red); margin-right: .35rem; }

.dergi-kart .dergi-aksiyon {
    display: flex;
    gap: .5rem;
    margin-top: auto;
}
.dergi-kart .btn-dergi-oku {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    background: var(--analist-red);
    color: #fff !important;
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: .8px;
    text-transform: uppercase;
    padding: .55rem .75rem;
    border-radius: 3px;
    text-decoration: none !important;
    transition: background .2s ease;
}
.dergi-kart .btn-dergi-oku:hover { background: var(--analist-dark, #1e242c); }

.dergi-kart .btn-dergi-indir {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #dde0e6;
    color: #3a4250 !important;
    border-radius: 3px;
    text-decoration: none !important;
    transition: border-color .2s ease, color .2s ease;
}
.dergi-kart .btn-dergi-indir:hover {
    border-color: var(--analist-red);
    color: var(--analist-red) !important;
}

@media (max-width: 575px) {
    .dergiler-section { padding: 2rem 0 3rem; }
}

/* --------------------------------------------------------------------------
   16) Arama overlay (header)
   -------------------------------------------------------------------------- */
.analist-search-overlay {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(241, 243, 246, .98);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.analist-search-overlay.open {
    opacity: 1;
    visibility: visible;
}
.search-overlay-close {
    position: absolute;
    top: 1.5rem;
    right: 1.75rem;
    background: transparent;
    border: 0;
    color: var(--analist-dark, #1e242c);
    font-size: 1.5rem;
    cursor: pointer;
    padding: .5rem;
    line-height: 1;
    transition: color .2s ease, transform .2s ease;
}
.search-overlay-close:hover { color: var(--analist-red); transform: rotate(90deg); }

.search-overlay-form {
    display: flex;
    gap: 1rem;
    width: 100%;
    max-width: 720px;
}
.search-overlay-input {
    flex: 1;
    background: #fff;
    border: 1px solid #d8dbe1;
    border-radius: 4px;
    padding: 1rem 1.25rem;
    font-size: 1.1rem;
    color: var(--analist-dark, #1e242c);
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.search-overlay-input::placeholder { color: #9aa0a6; }
.search-overlay-input:focus {
    border-color: var(--analist-red);
    box-shadow: 0 0 0 .2rem rgba(227,6,19,.12);
}
.search-overlay-submit {
    background: transparent;
    color: var(--analist-dark, #1e242c);
    border: 1px solid var(--analist-dark, #1e242c);
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.search-overlay-submit:hover {
    background: var(--analist-red);
    color: #fff;
    border-color: var(--analist-red);
}

@media (max-width: 575px) {
    .search-overlay-form { flex-direction: column; }
    .search-overlay-submit { padding: .85rem 1rem; }
}

/* --------------------------------------------------------------------------
   17) Arama sonuç sayfası
   -------------------------------------------------------------------------- */
.arama-section { padding: 2.5rem 0 5rem; }

.arama-baslik {
    text-align: center;
    margin-bottom: 2.5rem;
}
.arama-baslik h1 {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 600;
    color: var(--analist-dark, #1e242c);
    margin: 0;
}
.arama-baslik h1 span {
    color: var(--analist-red);
    font-weight: 800;
}
.arama-baslik .arama-meta {
    color: #6b7280;
    font-size: .9rem;
    margin-top: .35rem;
}

/* Genel kart davranışı (büyük + mini) */
.arama-buyuk-kart,
.arama-mini-kart {
    position: relative;
    display: block;
}
.arama-buyuk-kart .kart-link,
.arama-mini-kart  .kart-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    text-indent: -9999em;
    overflow: hidden;
}

/* Büyük kart */
.arama-buyuk-kart .kart-gorsel {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #eef0f3;
    margin-bottom: 1rem;
}
.arama-buyuk-kart .kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.arama-buyuk-kart:hover .kart-gorsel img { transform: scale(1.04); }
.arama-buyuk-kart .kart-kategori {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--analist-red);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: .3rem .65rem;
    border-radius: 3px;
}
.arama-buyuk-kart .kart-baslik {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--analist-dark, #1e242c);
    margin: 0 0 .65rem;
}
.arama-buyuk-kart:hover .kart-baslik { color: var(--analist-red); }
.arama-buyuk-kart .kart-ozet {
    color: #5a6573;
    font-size: .95rem;
    line-height: 1.55;
    margin-bottom: .5rem;
}
.arama-buyuk-kart .kart-meta {
    font-size: .82rem;
    color: #6b7280;
}
.arama-buyuk-kart .kart-meta .yazar {
    color: var(--analist-red);
    font-weight: 600;
}
.arama-buyuk-kart .kart-meta .dot { margin: 0 .35rem; color: #c0c4cc; }

/* Mini kartlar (2x2 + alt 4'lü grid) */
.arama-mini-kart .kart-gorsel {
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #eef0f3;
    margin-bottom: .65rem;
}
.arama-mini-kart .kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.arama-mini-kart:hover .kart-gorsel img { transform: scale(1.05); }
.arama-mini-kart .kart-baslik {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--analist-dark, #1e242c);
    margin: 0;
    transition: color .2s ease;
}
.arama-mini-kart:hover .kart-baslik { color: var(--analist-red); }

.arama-alt-row { margin-top: 2.5rem; }

@media (max-width: 991px) {
    .arama-buyuk-kart { margin-bottom: 1rem; }
    .arama-buyuk-kart .kart-baslik { font-size: 1.2rem; }
}

/* --------------------------------------------------------------------------
   14) İletişim
   -------------------------------------------------------------------------- */
.iletisim-section { padding: 3.5rem 0 4rem; }

.iletisim-bilgi-card {
    background: var(--analist-dark, #1e242c);
    color: #fff;
    padding: 2.25rem 2rem;
    border-radius: 6px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.iletisim-bilgi-card::before {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 200px;
    height: 200px;
    background: var(--analist-red);
    opacity: .12;
    border-radius: 50%;
    pointer-events: none;
}
.iletisim-bilgi-baslik {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: .5rem;
    position: relative;
}
.iletisim-bilgi-baslik::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: var(--analist-red);
    border-radius: 2px;
    margin-top: .65rem;
}
.iletisim-bilgi-aciklama {
    color: rgba(255,255,255,.7);
    font-size: .92rem;
    line-height: 1.6;
    margin-bottom: 1.75rem;
}
.iletisim-info {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    position: relative;
}
.iletisim-info-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--analist-red);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
}
.iletisim-info-text h5 {
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    margin: 0 0 .25rem;
}
.iletisim-info-text p {
    color: rgba(255,255,255,.78);
    font-size: .9rem;
    margin: 0 0 .15rem;
    line-height: 1.5;
}
.iletisim-info-text p a { color: rgba(255,255,255,.78); text-decoration: none; transition: color .2s ease; }
.iletisim-info-text p a:hover { color: #fff; }

.iletisim-sosyal {
    display: flex;
    gap: .65rem;
    margin-top: 1.75rem;
    position: relative;
}
.iletisim-sosyal a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    font-size: .9rem;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}
.iletisim-sosyal a:hover { background: var(--analist-red); transform: translateY(-2px); }

.iletisim-form-card {
    background: #fff;
    border: 1px solid #eceef2;
    border-radius: 6px;
    padding: 2.25rem 2rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.iletisim-form-baslik {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--analist-dark, #1e242c);
    margin-bottom: .35rem;
}
.iletisim-form-aciklama {
    color: #6b7280;
    font-size: .92rem;
    margin-bottom: 1.5rem;
}
.iletisim-form .form-label {
    font-size: .85rem;
    font-weight: 600;
    color: var(--analist-dark, #1e242c);
    margin-bottom: .35rem;
}
.iletisim-form .form-label .req { color: var(--analist-red); }
.iletisim-form .form-control {
    border: 1px solid #dde0e6;
    border-radius: 4px;
    padding: .7rem .9rem;
    font-size: .95rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.iletisim-form .form-control:focus {
    border-color: var(--analist-red);
    box-shadow: 0 0 0 .2rem rgba(227,6,19,.15);
    outline: none;
}
.iletisim-form textarea.form-control { resize: vertical; min-height: 120px; }

.btn-iletisim-gonder {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    background: var(--analist-red);
    color: #fff;
    border: 0;
    padding: .85rem 1.75rem;
    font-weight: 700;
    font-size: .9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.btn-iletisim-gonder:hover {
    background: var(--analist-dark, #1e242c);
    transform: translateY(-1px);
}

.iletisim-harita iframe {
    display: block;
    width: 100%;
    filter: grayscale(0%);
}

@media (max-width: 767px) {
    .iletisim-section { padding: 2rem 0 2.5rem; }
    .iletisim-bilgi-card,
    .iletisim-form-card { padding: 1.5rem 1.25rem; }
}