/* Anasayfa "mudurluk" — Müdürlüklerimiz ızgarası + telefon kartı */
.ax-md { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ax-mdc { display: flex; align-items: center; gap: 16px; height: 100%; padding: 22px; border-radius: calc(24px * var(--ax-rs, 1)); background: #fff; border: 1.5px solid var(--ax-line); transition: border-color .2s, transform .2s; }
.ax-mdc:hover { border-color: var(--ax-or); transform: translateY(-3px); }
.ax-mdc__ic { flex: none; width: 62px; height: 62px; border-radius: calc(18px * var(--ax-rs, 1)); display: grid; place-items: center; font-size: calc(25px * var(--ax-fz, 1)); }
.ax-mdc b { display: block; font-size: calc(16px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.25; color: var(--ax-ink); }
.ax-mdc small { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-or); }
.ax-mdc--cta { background: var(--ax-navy); border-color: var(--ax-navy); }
.ax-mdc--cta b { color: #fff; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(17px * var(--ax-fzh, 1)); white-space: nowrap; }
.ax-mdc--cta small { color: var(--ax-orlt, #ffb27a); }
.ax-mdc--cta .ax-mdc__ic { background: var(--ax-or); color: #fff; }
.ax-mdc--cta:hover { border-color: var(--ax-or); }

@media (max-width: 1280px) { .ax-md { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .ax-md { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .ax-md { grid-template-columns: 1fr; gap: 12px; }
  .ax-mdc { padding: 16px; }
  .ax-mdc__ic { width: 52px; height: 52px; font-size: calc(21px * var(--ax-fz, 1)); }
}