/* ===== Kurumsal İş Ortaklığı Sertifikaları ===== */

/*
 * Görsel dil ContactSection ile hizalı: 8px köşeli beyaz kart, gray-200
 * çerçeve, başlığın altında 2.5rem'lik yeşil çizgi.
 *
 * DİKKAT: ikas CSS scoper'ı satır bazlıdır — açma parantezi içermeyen selector
 * satırlarını scope'lamadan geçirir. Her selector, açma parantezi ile AYNI
 * satırda olmalı. Prettier bu dosyayı çok satıra bölerse kurallar bozulur.
 */

.cc_ggwklva6_eG8r55sIZa .kombos-certs { width: 100%; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__wrapper { padding-top: 2rem; padding-bottom: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; }

/* ── Başlık ── */

.cc_ggwklva6_eG8r55sIZa .kombos-certs__head { display: flex; flex-direction: column; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__title { margin: 0; color: var(--lb-dark); position: relative; padding-bottom: 0.625rem; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 3px; background: var(--lb-green); border-radius: 2px; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__subtitle { margin: 0.625rem 0 0; color: var(--kombos-gray-500); max-width: 46rem; }

/* ── Izgara ── */

.cc_ggwklva6_eG8r55sIZa .kombos-certs__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__item { display: flex; }

/*
 * Kart bir <button> — tıklanınca önizleme açılır. Sabit yükseklik, farklı
 * oranlardaki sertifikaların (yatay HP / dikey Intel) aynı hizada durmasını
 * sağlar; görsel contain ile kırpılmadan sığar.
 */
.cc_ggwklva6_eG8r55sIZa .kombos-certs__card { position: relative; width: 100%; height: 13rem; display: flex; align-items: center; justify-content: center; padding: 1rem; background: var(--kombos-white); border: 1px solid var(--kombos-gray-200); border-radius: 8px; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__card:hover { border-color: var(--lb-green); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* Büyüteç rozeti — hover'da belirir */

.cc_ggwklva6_eG8r55sIZa .kombos-certs__zoom { position: absolute; right: 0.625rem; bottom: 0.625rem; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--kombos-white); border: 1px solid var(--kombos-gray-200); color: var(--lb-green); font-size: 1rem; opacity: 0; transition: opacity 0.15s ease; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__card:hover .kombos-certs__zoom { opacity: 1; }

.cc_ggwklva6_eG8r55sIZa .kombos-certs__card:focus-visible .kombos-certs__zoom { opacity: 1; }

/* ── 640px+ ── */

@media (min-width: 640px) {
.cc_ggwklva6_eG8r55sIZa .kombos-certs__grid { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.cc_ggwklva6_eG8r55sIZa .kombos-certs__card { height: 14rem; }
}

/* ── Masaüstü ── */

@media (min-width: 1024px) {
.cc_ggwklva6_eG8r55sIZa .kombos-certs__wrapper { padding-top: 2.5rem; padding-bottom: 3.5rem; }
.cc_ggwklva6_eG8r55sIZa .kombos-certs__grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.cc_ggwklva6_eG8r55sIZa .kombos-certs__card { height: 16rem; padding: 1.5rem; }
}