/* Anasayfa "kesfet" — Çavuşlu'da Yaşam mozaiği: 1 büyük + 3 küçük fotoğraf kartı + turuncu tanıtım kartı */
.ax-mz { display: grid; grid-template-columns: 1.45fr 1fr 1fr; grid-template-rows: 290px 290px; gap: 20px; }
.ax-mt { position: relative; overflow: hidden; border-radius: calc(30px * var(--ax-rs, 1)); color: #fff; background: #1b2747; }
.ax-mt > img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.ax-mt:hover > img { transform: scale(1.05); }
.ax-mt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 24, 52, .88), rgba(15, 24, 52, 0) 58%); pointer-events: none; }
.ax-mt__tx { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.ax-mt__tx small { display: block; font-size: calc(12px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .14em; color: var(--ax-or3, #ff9a4d); }
.ax-mt__tx h3 { margin: 6px 0 0; font-family: var(--ax-head); font-weight: 800; font-size: calc(20px * var(--ax-fzh, 1)); line-height: 1.15; text-transform: var(--ax-tt, uppercase); }
.ax-mt__tx h3 a::after { content: ""; position: absolute; inset: -1000px -100px -100px; }
.ax-mt__pin { position: relative; z-index: 3; flex: none; display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border-radius: calc(12px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .95); color: var(--ax-navy); font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 800; transition: background .2s, color .2s; }
.ax-mt__pin i { color: var(--ax-or); font-size: calc(14px * var(--ax-fz, 1)); }
.ax-mt__pin:hover { background: var(--ax-or); color: #fff; }
.ax-mt__pin:hover i { color: #fff; }
.ax-mt__pin--ic { width: 38px; padding: 0; justify-content: center; }
.ax-mt--big { grid-row: 1 / 3; }
.ax-mt--big .ax-mt__tx h3 { font-size: calc(30px * var(--ax-fz, 1)); }
.ax-mt--or { display: flex; flex-direction: column; justify-content: space-between; padding: 30px; background: var(--ax-or); }
.ax-mt--or::after { display: none; }
.ax-mt--or h3 { margin: 0; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(26px * var(--ax-fzh, 1)); line-height: 1.12; text-transform: var(--ax-tt, uppercase); }
.ax-mt--or p { margin: 10px 0 0; font-size: calc(14px * var(--ax-fz, 1)); line-height: 1.55; color: #fff3e8; }
.ax-mt--or a { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 20px; border-radius: calc(14px * var(--ax-rs, 1)); background: #fff; color: var(--ax-or); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; text-transform: uppercase; }
.ax-mz--n3 { grid-template-columns: 1.45fr 1fr; }
.ax-mz--n3 .ax-mt:nth-child(4) { display: none; }

@media (max-width: 1100px) {
  .ax-mz { grid-template-columns: 1fr 1fr; grid-template-rows: 340px 240px 240px; }
  .ax-mt--big { grid-row: auto; grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .ax-mz { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: 240px; gap: 14px; }
  .ax-mt { border-radius: calc(22px * var(--ax-rs, 1)); }
  .ax-mt--big .ax-mt__tx h3 { font-size: calc(22px * var(--ax-fz, 1)); }
  .ax-mt--or { height: auto; }
}