﻿
/* Carousel & Track Ayarları (Mevcut yapınız) */
.sector-carousel-container { position: relative; overflow: hidden; width: 100%; padding: 20px 0; }
.sector-track { display: flex; flex-wrap: nowrap; gap: 20px; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }

/* Kart Genişlikleri (5'li Dizilim) */
.sector-item { flex: 0 0 calc(20% - 16px); min-width: calc(20% - 16px); }

@media (max-width: 992px) {
    .sector-item { flex: 0 0 calc(33.33% - 16px); min-width: calc(33.33% - 16px); }
}

@media (max-width: 576px) {
    .sector-item { flex: 0 0 85%; min-width: 85%; }
}

/* Yeni Sektör Kartı Stili */
.sector-card { background: #fff; border: 1px solid #eee; transition: all 0.3s ease; position: relative; display: flex; flex-direction: column; }

.sector-img-container { overflow: hidden; height: 120px; border-radius: 8px 8px 0 0; }

    .sector-img-container img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); /* Minimalist gri ton */ transition: 0.5s ease; }

/* İkon Kutusu */
.icon-box { width: 50px; height: 50px; background: #f8f9fa; color: #333; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: -25px auto 10px auto; /* Yukarı kaydırma efekti */ position: relative; z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.05); font-size: 1.5rem; border: 1px solid #eee; }

.sector-title { font-size: 0.95rem; font-weight: 700; color: #222; min-height: 40px; /* Başlıkların hizalı durması için */ display: flex; align-items: center; justify-content: center; }

.btn-minimal { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #666; border: 1px solid #ddd; transition: 0.3s; }

/* Hover Efektleri */
.sector-item:hover .sector-card { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); border-color: #ccc; }

.sector-item:hover .sector-img-container img { filter: grayscale(0%); transform: scale(1.1); }

.sector-item:hover .btn-minimal { background: #333; color: #fff; border-color: #333; }
