/* Anasayfa kavela.design cikis bandi (.k-ddb). Ayri dosya: theme.css/v13-fixes paralel islerde acik.
   Mavi (#1F3BE6) kavela.design'in rengi; bu temada token degil, yalnizca bu bantta yerel. Kose keskin, hap yok. */
.k-site .k-ddb { --ddb-blue: #1F3BE6; --ddb-blue-dark: #1630BD; background: var(--surface-page, #fff); border-block: 1px solid var(--border-hairline, #E8E4DD); padding-block: var(--section-y, 96px); }
.k-site .k-ddb__inner { display: grid; grid-template-columns: minmax(0, 42ch) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.k-site .k-ddb__eyebrow { margin: 0 0 14px; font: 600 12px/1 var(--font-sans); letter-spacing: .02em; color: var(--ddb-blue); }
.k-site .k-ddb__title { margin: 0 0 14px; font: 500 clamp(28px, 3.2vw, 40px)/1.1 var(--font-sans); letter-spacing: -.02em; color: var(--ink, #1D1B19); }
.k-site .k-ddb__lead { margin: 0 0 26px; max-width: 40ch; color: var(--text-secondary, #6E6960); font-size: var(--size-body, 15px); line-height: 1.55; }
.k-site .k-ddb__btn { display: inline-flex; align-items: center; height: var(--control-h-lg, 48px); padding: 0 24px; border-radius: 0; background: var(--ddb-blue); color: #fff; font: 500 14px/1 var(--font-sans); letter-spacing: .01em; text-decoration: none; transition: background var(--duration-base, 220ms) var(--ease-standard, ease); }
.k-site .k-ddb__btn:hover { background: var(--ddb-blue-dark); color: #fff; }
.k-site .k-ddb__btn:focus-visible, .k-site .k-ddb__card:focus-visible { outline: 3px solid rgba(31, 59, 230, .4); outline-offset: 2px; }
.k-site .k-ddb__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6, 16px); }
.k-site .k-ddb__card { display: block; color: inherit; text-decoration: none; }
.k-site .k-ddb__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--grey-50, #F5F3EF); border-radius: 0; transition: border-color var(--duration-fast, 140ms) var(--ease-standard, ease); }
.k-site .k-ddb__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--ease-standard, ease); }
.k-site .k-ddb__card:hover .k-ddb__media img { transform: scale(1.03); }
.k-site .k-ddb__name { display: block; margin-top: 10px; font: 500 13px/1.3 var(--font-sans); color: var(--ink, #1D1B19); }
.k-site .k-ddb__price { display: block; font-size: 13px; line-height: 1.4; color: var(--text-secondary, #6E6960); font-variant-numeric: tabular-nums; }
@media (max-width: 1099px) { .k-site .k-ddb__inner { grid-template-columns: 1fr; } .k-site .k-ddb__lead { max-width: 56ch; } }
@media (max-width: 767px) { .k-site .k-ddb { padding-block: 56px; } .k-site .k-ddb__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .k-site .k-ddb__btn { width: 100%; justify-content: center; } }

.k-site .k-ddb__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.k-site .k-ddb__alt { color: var(--ddb-blue); font: 500 14px/1 var(--font-sans); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.k-site .k-ddb__alt:hover { color: var(--ddb-blue-dark); }
@media (max-width: 767px) { .k-site .k-ddb__actions { flex-direction: column; align-items: stretch; } .k-site .k-ddb__alt { text-align: center; } }