/* Anasayfa "proje" — Projelerimiz: durum süzgeci + kurdeleli beyaz kartlar */
.ax-pj { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ax-pc { position: relative; padding: 14px; border-radius: calc(30px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 20px 44px -34px rgba(20, 32, 70, .5); transition: transform .25s; }
.ax-pc:hover { transform: translateY(-4px); }
.ax-pc[hidden] { display: none; }
.ax-pc__img { position: relative; height: 260px; overflow: hidden; border-radius: calc(20px * var(--ax-rs, 1)); }
.ax-pc__img img { width: 100%; height: 100%; object-fit: cover; }
.ax-pc__img.is-logo { display: grid; place-items: center; background: radial-gradient(circle at 30% 25%, #2f6fd0, var(--ax-navy, #1f3263) 72%); }
.ax-pc__img.is-logo img { width: 116px; height: 116px; border-radius: 50%; object-fit: contain; background: #fff; box-shadow: 0 0 0 10px rgba(255, 255, 255, .1); }
.ax-rib { position: absolute; right: -44px; top: 26px; width: 190px; padding: 7px 0; transform: rotate(38deg); text-align: center; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 900; letter-spacing: .12em; color: #fff; }
.ax-rib--dev { background: #4f9d3f; } .ax-rib--plan { background: var(--ax-or); } .ax-rib--tam { background: var(--ax-c1b, #1679b8); }
.ax-pc__tx { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 22px 10px 8px; }
.ax-pc__tx small { font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-muted); }
.ax-pc__tx h3 { margin: 8px 0 0; font-size: calc(18px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--ax-ink); }
.ax-pc__tx h3 a::after { content: ""; position: absolute; inset: 0; }
.ax-pc__go { flex: none; width: 50px; height: 50px; border-radius: calc(16px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-navy); color: #fff; font-size: calc(17px * var(--ax-fz, 1)); transition: background .2s; }
.ax-pc:hover .ax-pc__go { background: var(--ax-or); }

@media (max-width: 1100px) { .ax-pj { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .ax-pj { grid-template-columns: 1fr; }
  .ax-pc__img { height: 210px; }
}