/* Dersler (/dersler/) — sade başlık + 2 sütunlu küçük paket kartları (sahip, 2026-10-20). v2 belirteçleri. */
.ds-bas { border-bottom: var(--v2-stroke-soft) solid var(--v2-ink); }
.ds-bas .v2-container { padding-block: var(--v2-space-6) var(--v2-space-5); display: grid; gap: var(--v2-space-2); }
.ds-bas h1 { margin: 0; }
.ds-bas__lead { margin: 0; max-width: 62ch; font-size: var(--v2-text-lg); color: var(--v2-ink-2); }

.ds-paketler { padding-block: var(--v2-space-6) var(--v2-space-8); }
.ds-izgara { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--v2-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-izgara > li { display: flex; }

.ds-kart { flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: 1fr auto; gap: var(--v2-space-3) var(--v2-space-4);
  padding: 20px 22px; background: var(--v2-surface); border: var(--v2-stroke) solid var(--v2-ink); border-radius: var(--v2-radius-lg);
  box-shadow: 4px 4px 0 var(--v2-ink); position: relative; overflow: hidden; }
.ds-kart::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: var(--_c, var(--v2-yellow)); }
.ds-kart[data-renk="yellow"] { --_c: var(--v2-yellow); }
.ds-kart[data-renk="blue"] { --_c: var(--v2-blue); }
.ds-kart[data-renk="green"] { --_c: var(--v2-green); }
.ds-kart[data-renk="tomato"] { --_c: var(--v2-tomato); }
.ds-kart[data-renk="purple"] { --_c: var(--v2-c-purple, #7B5CFF); }
.ds-kart[data-renk="teal"] { --_c: #2BB3A3; } /* Zekâ Oyunları (D103z); ikon mürekkep rengi, kontrast ≥ 4.5:1 */
.ds-kart__ikon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: var(--_c); border: var(--v2-stroke) solid var(--v2-ink); }
.ds-kart__ikon .v2-icon { width: 30px; height: 30px; }
.ds-kart[data-renk="blue"] .ds-kart__ikon, .ds-kart[data-renk="tomato"] .ds-kart__ikon, .ds-kart[data-renk="purple"] .ds-kart__ikon { color: #FFFFFF; }
.ds-kart__metin { display: grid; gap: 4px; align-content: start; }
.ds-kart__ust { margin: 0; font-family: var(--v2-font-mono); font-weight: 700; font-size: var(--v2-text-xs); color: var(--v2-ink-2); }
.ds-kart h2 { margin: 0; font-size: var(--v2-text-xl); line-height: 1.15; }
.ds-kart__metin > p:last-child { margin: 0; color: var(--v2-ink-2); font-size: var(--v2-text-sm); }
.ds-kart__alt { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.ds-kart__plan { font-weight: 800; font-size: var(--v2-text-sm); color: var(--v2-ink-2); min-height: 44px; display: inline-flex; align-items: center; }

@media (max-width: 760px) {
  .ds-izgara { grid-template-columns: 1fr; }
  .ds-kart { padding: 18px; }
}