/* wwwroot/assets/css/custom.css */

.category-frame-section .project-item .project-thumb {
    padding: 12px;
    background: var(--cp-color-theme-primary); /* #89EA5F açık yeşil */
    border: 4px solid var(--cp-color-bg-1);
    border-radius: 16px;
}

    .category-frame-section .project-item .project-thumb img {
        border: 4px solid #fff;
        border-radius: 8px;
    }

    .category-frame-section .project-item .project-thumb .overlay {
        top: 16px;
        left: 16px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        border-radius: 4px;
    }

/* About - sayacın altındaki sol resim */
.about-left-content .about-left-image {
    width: 85%; /* sağdaki yazıdan uzaklaştırır */
    max-width: 85%;
    margin-left: 0;
    margin-right: auto; /* resmi sola yaslar, sağda boşluk bırakır */
    margin-top: 40px;
    border-radius: 8px; /* sağdaki resimle aynı */
    overflow: hidden; /* köşelerin yuvarlak görünmesi için şart */
}

    .about-left-content .about-left-image img {
        height: 350px; /* sağdaki resimle aynı yükseklik */
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .about-left-content .about-left-image .img-overlay {
        border-radius: 8px;
    }

/* About - marka swiper'ını biraz sola kaydır */
.about-brands-section .sponsor-carousel {
    margin-left: -150px; /* sola kaydırma — 20px, 30px, 50px deneyin */
}

/* Markalar sayfası - logoları tam sığdır */
.brands-page-section .project-item-3 {
    height: auto;
}

    .brands-page-section .project-item-3 .project-thumb {
        height: 220px; /* logo kutusu yüksekliği — 180px–280px deneyin */
        background-color: #fff; /* boş alanlar beyaz */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px; /* logo etrafında nefes payı */
    }

        .brands-page-section .project-item-3 .project-thumb img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* tamamı görünür, kırpılmaz */
            object-position: center;
        }