/* Makaleler vitrini: koyu başlık, öne çıkanlar, konuya göre bölümler */
.mk-bas { background: var(--brand-2); color: #fff; }
.mk-bas__ic { max-width: 80rem; margin-inline: auto; padding: calc(var(--header-h) + clamp(3rem, 8vw, 6rem)) var(--gutter) clamp(3rem, 7vw, 5rem); }
.mk-bas__baslik { margin: 0; font-family: var(--font-heading); font-size: clamp(3rem, 9vw, 7.5rem); font-weight: 800; line-height: 0.98; letter-spacing: -0.035em; color: #fff; }
.mk-bas__spot { max-width: 38rem; margin: var(--sp-5) 0 0; font-size: clamp(1.0625rem, 1.6vw, 1.3rem); line-height: 1.5; color: rgba(255, 255, 255, 0.82); }
.mk-zemin { background: #e5eef1; padding-bottom: clamp(4rem, 8vw, 7rem); }

.mk-one { display: grid; gap: var(--sp-4); max-width: 80rem; margin-inline: auto; padding: clamp(1.5rem, 4vw, 3rem) var(--gutter) 0; }
@media (min-width: 900px) {
  .mk-one { grid-template-columns: 1.7fr 1fr; grid-template-rows: 1fr 1fr; margin-top: 0; }
  .mk-one .mk-kart--buyuk { grid-row: 1 / 3; }
}
.mk-one .mk-kart { position: relative; min-height: 15rem; background: var(--brand-2); }
.mk-one .mk-kart--buyuk { min-height: clamp(22rem, 42vw, 34rem); }
.mk-one .mk-kart__foto { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
.mk-one .mk-kart__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 47, 62, 0.1) 25%, rgba(2, 47, 62, 0.92) 100%); }
.mk-one .mk-kart__ic { position: relative; z-index: 1; justify-content: flex-end; height: 100%; color: #fff; }
.mk-one .mk-kart__baslik { color: #fff; font-size: clamp(1.25rem, 2vw, 1.5rem); }
.mk-one .mk-kart--buyuk .mk-kart__baslik { font-size: clamp(1.75rem, 3.6vw, 3rem); font-weight: 800; letter-spacing: -0.02em; }
.mk-one .mk-kart__spot, .mk-one .mk-kart__sure { color: rgba(255, 255, 255, 0.82); }
.mk-one .mk-kart:not(.mk-kart--buyuk) .mk-kart__spot { display: none; }

.mk-suz { position: sticky; top: 0; z-index: 20; display: flex; gap: var(--sp-2); max-width: 80rem; margin: clamp(2rem, 5vw, 3.5rem) auto 0; padding: var(--sp-3) var(--gutter); overflow-x: auto; background: #e5eef1; scrollbar-width: none; }
.mk-suz[hidden] { display: none; }
.mk-suz button { flex: none; padding: 0.55rem 1rem; border: 1px solid var(--hairline-strong); background: transparent; color: var(--brand-2); font: 600 var(--fs-small) var(--font-heading); cursor: pointer; }
.mk-suz button:hover { border-color: var(--brand-1); }
.mk-suz button.is-secili { background: var(--brand-2); border-color: var(--brand-2); color: #fff; }

.mk-bolum { max-width: 80rem; margin: clamp(2rem, 5vw, 3.5rem) auto 0; padding-inline: var(--gutter); }
.mk-bolum__bas { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-5); padding-bottom: var(--sp-3); border-bottom: 2px solid var(--brand-2); }
.mk-bolum__bas h2 { margin: 0; font-family: var(--font-heading); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; letter-spacing: -0.02em; color: var(--brand-2); }
.mk-bolum__bas span { flex: none; font-size: var(--fs-small); color: var(--ink-muted); }
.mk-izgara { display: grid; gap: clamp(1.5rem, 3vw, 2.5rem) var(--sp-5); grid-template-columns: 1fr; }
@media (min-width: 640px) { .mk-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mk-izgara { grid-template-columns: repeat(3, 1fr); } }

.mk-kart { display: flex; flex-direction: column; overflow: hidden; color: inherit; text-decoration: none; }
.mk-kart__foto { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--surface-2); }
.mk-kart__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.mk-kart:hover .mk-kart__foto img { transform: scale(1.04); }
.mk-kart__ic { display: flex; flex-direction: column; gap: var(--sp-2); padding-top: var(--sp-3); }
.mk-one .mk-kart__ic { padding: var(--sp-5); }
.mk-kart__baslik { font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; line-height: 1.25; color: var(--brand-2); }
.mk-kart:hover .mk-kart__baslik { text-decoration: underline; text-underline-offset: 0.15em; }
.mk-kart__spot { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: var(--fs-small); line-height: 1.5; color: var(--ink-muted); }
.mk-kart__sure { font-size: 0.8125rem; color: var(--ink-muted); }

.mk-hikaye { display: flex; flex-direction: column; gap: var(--sp-2); max-width: calc(80rem - 2 * var(--gutter)); margin: var(--sp-4) auto 0; padding: clamp(2rem, 4vw, 3.5rem); background: var(--brand-1); color: #fff; text-decoration: none; }
@media (max-width: 1360px) { .mk-hikaye { margin-inline: var(--gutter); } }
.mk-hikaye:hover { background: var(--brand-2); }
.mk-hikaye__ust { font-size: var(--fs-small); font-weight: 600; }
.mk-hikaye__ad { font-family: var(--font-heading); font-size: clamp(1.75rem, 4vw, 3.25rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.mk-hikaye__spot { max-width: 42rem; color: rgba(255, 255, 255, 0.85); }