/* Kategoriler: altı renkli kart; üstte beyaz zeminli mercek pencere (üstü düz, altı yuvarlak) içinde fotoğraf, altta ad + sayı, sağ altta ok dairesi */
.cc_guvzdy0m_IyX71VWoel .arch__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; }
@media (min-width: 768px) { .cc_guvzdy0m_IyX71VWoel .arch__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } }
@media (min-width: 1180px) { .cc_guvzdy0m_IyX71VWoel .arch__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.cc_guvzdy0m_IyX71VWoel .arch__card { position: relative; display: flex; flex-direction: column; gap: 0.875rem; padding: 1rem 1rem 1.25rem; border-radius: 30px; color: var(--mercek-ink); text-decoration: none; transition: transform 0.35s var(--mercek-ease); }
.cc_guvzdy0m_IyX71VWoel .arch__card:hover { transform: translateY(-6px); }
.cc_guvzdy0m_IyX71VWoel .arch__card.is-dark { color: var(--mercek-white); }
.cc_guvzdy0m_IyX71VWoel .arch__img { order: -1; aspect-ratio: 1 / 0.86; border-radius: var(--mercek-lens); overflow: hidden; background: var(--mercek-white); }
.cc_guvzdy0m_IyX71VWoel .arch__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--mercek-ease); }
.cc_guvzdy0m_IyX71VWoel .arch__card:hover .arch__img img { transform: scale(1.08) rotate(-2deg); }
.cc_guvzdy0m_IyX71VWoel .arch__head { padding-right: 2.75rem; }
.cc_guvzdy0m_IyX71VWoel .arch__head h3 { display: block; margin: 0; font-family: var(--mercek-font); font-size: 1.1875rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; }
.cc_guvzdy0m_IyX71VWoel .arch__head small { display: block; margin-top: 0.2rem; font-size: 0.8rem; font-weight: 600; opacity: 0.75; }
.cc_guvzdy0m_IyX71VWoel .arch__go { position: absolute; right: 1rem; bottom: 1.125rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: rgba(255, 255, 255, 0.7); color: inherit; font-size: 1.125rem; transition: transform 0.3s var(--mercek-ease); }
.cc_guvzdy0m_IyX71VWoel .arch__card.is-dark .arch__go { background: rgba(255, 255, 255, 0.2); }
.cc_guvzdy0m_IyX71VWoel .arch__card:hover .arch__go { transform: rotate(45deg); }
@media (max-width: 767px) {
  .cc_guvzdy0m_IyX71VWoel .arch__card { border-radius: 24px; padding: 0.625rem 0.625rem 1rem; }
  .cc_guvzdy0m_IyX71VWoel .arch__head h3 { font-size: 1rem; }
  .cc_guvzdy0m_IyX71VWoel .arch__go { right: 0.625rem; bottom: 0.875rem; width: 2rem; height: 2rem; }
}