/**
 * Anasayfa satır/sütun düzeni + Haber Slaytı nesnesi (Anasayfa Yöneticisi › Düzen).
 * Genişlik ve boşluk değerleri satıra/sütuna satır içi değişkenle gelir: --w-d/t/m, --o-d/t/m, --pt-d/t/m, --pb-d/t/m, --gx-d/t/m.
 * Cihaz sınırları: masaüstü > 1300 px, tablet 761–1300 px, mobil ≤ 760 px.
 */
.kv-lay { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gx-d, 25px); row-gap: 24px; padding-top: var(--pt-d, 50px); padding-bottom: var(--pb-d, 0); }
.kv-lay + .kv-lay { padding-top: var(--pt-d, 24px); }
.kv-lay--full { padding-inline: 16px; }
.kv-col { grid-column: span var(--w-d, 12); grid-row: span var(--r-d, 1); order: var(--o-d, 0); min-width: 0; display: flex; flex-direction: column; gap: 24px; container-type: inline-size; }
.kv-it { min-width: 0; }
.kv-it:only-child { flex: 1 1 auto; }   /* sütunda tek nesne: yandaki sütunlarla aynı boya uzar */
.kv-it--c { display: contents; }
.kv-lay-w { padding-top: var(--pt-d, 0); padding-bottom: var(--pb-d, 0); }
/* Sosyal kartlar sütunun boyuna uzar: yandaki nesnelerle alt kenar hizalı */
.kv-col .kv-sc { display: flex; flex-direction: column; height: 100%; padding-top: 0; }
.kv-col .kv-sc__g { flex: 1 1 auto; }
.kv-col .kv-sv { height: auto; min-height: 335px; }
.kv-col .kv-sv > img { position: absolute; inset: 0; }
.kv-col .kv-my { margin-top: 0; }
.kv-col .kv-my__sc { flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
/* Başkan kartı 270 pikselden dar sütunda üst üste binmesin: katmanlı düzen yerine alt alta */
@container (max-width: 270px) {
  .kv-col .kv-my { height: auto; display: flex; flex-direction: column; padding: 16px 12px 0; overflow: hidden; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--kv-pan); }
  .kv-col .kv-my__t { display: none; }
  .kv-col .kv-my__s { position: static; font-size: calc(19px * var(--ax-fz, 1)); white-space: normal; }
  .kv-col .kv-my__n { position: static; width: auto; margin-top: 6px; font-size: calc(18px * var(--ax-fzh, 1)); }
  .kv-col .kv-my__u { position: static; width: auto; margin-top: 4px; font-size: calc(12px * var(--ax-fz, 1)); }
  .kv-col .kv-my__p { position: static; width: 100%; height: 190px; margin-top: 8px; object-fit: contain; object-position: center bottom; clip-path: none; }
  .kv-col .kv-my__b { position: static; height: auto; flex-wrap: wrap; justify-content: center; margin: 0 -12px; padding: 12px; border-radius: 0; }
  .kv-col .kv-my__oz { width: 100%; text-align: center; }
  .kv-col .kv-my__sc { justify-content: center; }
  .kv-col .kv-my__sc a { width: 34px; height: 34px; font-size: calc(14px * var(--ax-fz, 1)); }
}
/* Hizmet kutuları: mobilde 3 sütun kuralı dar sütunda geçerli olmasın */
@container (max-width: 340px) { .kv-col .kv-tls { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 200px) { .kv-col .kv-tl { padding: 0 3px; font-size: calc(10.5px * var(--ax-fz, 1)); overflow-wrap: anywhere; } }
@container (min-width: 760px) { .kv-it > .kv-tls { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 120px; } }
@container (max-width: 520px) { .kv-col .kv-sv { flex-basis: 72%; min-height: 300px; } }

@media (min-width: 1301px) { .kv-h-d { display: none !important; } }
@media (min-width: 761px) and (max-width: 1300px) {
  .kv-h-t { display: none !important; }
  .kv-lay { column-gap: var(--gx-t, 25px); padding-top: var(--pt-t, 50px); padding-bottom: var(--pb-t, 0); }
  .kv-lay + .kv-lay { padding-top: var(--pt-t, 20px); }
  .kv-col { grid-column: span var(--w-t, 12); grid-row: span var(--r-t, 1); order: var(--o-t, 0); }
  .kv-lay-w { padding-top: var(--pt-t, 0); padding-bottom: var(--pb-t, 0); }
}
@media (max-width: 760px) {
  .kv-h-m { display: none !important; }
  .kv-lay { column-gap: var(--gx-m, 14px); row-gap: 18px; padding-top: var(--pt-m, 32px); padding-bottom: var(--pb-m, 0); }
  .kv-lay + .kv-lay { padding-top: var(--pt-m, 18px); }
  .kv-col { grid-column: span var(--w-m, 12); grid-row: span var(--r-m, 1); order: var(--o-m, 0); gap: 18px; }
  .kv-lay-w { padding-top: var(--pt-m, 0); padding-bottom: var(--pb-m, 0); }
}

/* ── Haber Slaytı ── */
.kv-hs { container-type: inline-size; min-width: 0; --hs-h: var(--hs-d, 480px); }
.kv-hs__h { margin-bottom: 14px; }
.kv-hs__in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; }
.kv-hs__m { position: relative; min-width: 0; height: var(--hs-h); overflow: hidden; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-gd); touch-action: pan-y pinch-zoom; }
.kv-hs__s { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .55s ease; }
.kv-hs__s.is-on { opacity: 1; visibility: visible; }
.kv-hs__ph { position: absolute; inset: 0; display: block; overflow: hidden; }
.kv-hs__ph img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.kv-hs__ph.is-fit img { position: relative; z-index: 1; height: calc(100% - 180px); object-fit: contain; object-position: 50% 50%; }
.kv-hs__ph.is-fit img.kv-hs__bg { position: absolute; left: -30px; top: -30px; z-index: 0; width: calc(100% + 60px); max-width: none; height: calc(100% + 60px); object-fit: cover; filter: blur(22px) brightness(.82); }
.kv-hs__c { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 32px 24px; pointer-events: none; color: #fff; background: linear-gradient(180deg, rgba(6, 20, 9, 0) 34%, rgba(6, 20, 9, .6) 62%, rgba(6, 20, 9, .92) 100%); }
.kv-hs__c a { pointer-events: auto; color: inherit; }
.kv-hs__k { margin-bottom: 8px; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: var(--ax-hsk, #f0c66e); }
.kv-hs__t { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: var(--ax-head); font-size: calc(30px * var(--ax-fzh, 1)); font-weight: 900; line-height: 1.18; letter-spacing: -.01em; text-transform: uppercase; color: #fff; }
.kv-hs__t a:hover { text-decoration: underline; text-underline-offset: 3px; }
.kv-hs__c p { margin: 8px 0 0; max-width: calc(100% - 330px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: calc(15px * var(--ax-fz, 1)); line-height: 1.5; color: rgba(255, 255, 255, .92); }
.kv-hs__ctl { position: absolute; right: 20px; bottom: 22px; z-index: 5; display: flex; align-items: center; gap: 12px; }
.kv-hs__a { display: flex; gap: 8px; }
.kv-hs__dots { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: calc(13px * var(--ax-rs, 1)); background: rgba(0, 0, 0, .38); }
.kv-hs__dots button { position: relative; width: 10px; height: 10px; padding: 0; border: 0; border-radius: calc(10px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .7); cursor: pointer; transition: width .3s, background .3s; }
.kv-hs__dots button::after { content: ''; position: absolute; inset: -14px -3px; }
.kv-hs__dots button.is-on { width: 34px; background: #fff; }
.kv-hs__dots button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.kv-hs__th { position: relative; height: var(--hs-h); box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; padding: 10px; overflow-y: auto; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-pan); scrollbar-width: none; }
.kv-hs__th::-webkit-scrollbar { display: none; }
.kv-hs__th button { flex: 0 0 calc((var(--hs-h) - 44px) / 5); box-sizing: border-box; min-height: 0; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; padding: 7px; border: 0; border-radius: calc(14px * var(--ax-rs, 1)); background: transparent; text-align: left; cursor: pointer; transition: background .2s; }
.kv-hs__th button:hover { background: rgba(255, 255, 255, .6); }
.kv-hs__th button.is-on { background: #fff; box-shadow: inset 3px 0 0 var(--kv-g); }
.kv-hs__th button:focus-visible { outline: 2px solid var(--kv-g); outline-offset: -2px; }
.kv-hs__th img { display: block; width: 96px; height: 100%; max-height: 72px; object-fit: cover; border-radius: calc(10px * var(--ax-rs, 1)); }
.kv-hs__th span { min-width: 0; }
.kv-hs__th small { display: block; margin-bottom: 3px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--kv-ac); }
.kv-hs__th b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: var(--ax-head); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.3; color: var(--kv-g); }

/* Cihaz başına yükseklik ve küçük görsel listesi */
@media (min-width: 1301px) { .kv-hs--no-d .kv-hs__in { grid-template-columns: minmax(0, 1fr); } .kv-hs--no-d .kv-hs__th { display: none; } }
@media (min-width: 761px) and (max-width: 1300px) { .kv-hs { --hs-h: var(--hs-t, 420px); } .kv-hs--no-t .kv-hs__in { grid-template-columns: minmax(0, 1fr); } .kv-hs--no-t .kv-hs__th { display: none; } }
@media (max-width: 760px) { .kv-hs { --hs-h: var(--hs-m, 426px); } .kv-hs--no-m .kv-hs__in { grid-template-columns: minmax(0, 1fr); } .kv-hs--no-m .kv-hs__th { display: none; } }

/* Sütun daralınca: liste alta geçer, yazı küçülür, oklar yazının altına iner */
@container (max-width: 860px) {
  .kv-hs__in { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .kv-hs__t { font-size: calc(24px * var(--ax-fzh, 1)); }
  .kv-hs__th { height: 92px; flex-direction: row; overflow: auto hidden; padding: 6px; border-radius: calc(16px * var(--ax-rs, 1)); }
  .kv-hs__th button { flex: 0 0 222px; grid-template-columns: 72px minmax(0, 1fr); gap: 10px; padding: 5px; }
  .kv-hs__th img { width: 72px; height: 68px; }
  .kv-hs__th b { font-size: calc(12px * var(--ax-fz, 1)); }
  .kv-hs__th button.is-on { box-shadow: inset 3px 0 0 var(--kv-g); }
}
@container (max-width: 700px) {
  .kv-hs__c { padding: 0 20px 62px; }
  .kv-hs__c p { max-width: none; }
  .kv-hs__ctl { right: 12px; bottom: 12px; gap: 8px; }
  .kv-hs__ph.is-fit img { height: calc(100% - 218px); }
}
@container (max-width: 520px) {
  .kv-hs__c { padding: 0 16px 58px; }
  .kv-hs__t { font-size: calc(20px * var(--ax-fzh, 1)); -webkit-line-clamp: 3; }
  .kv-hs__c p { font-size: calc(13.5px * var(--ax-fz, 1)); }
  .kv-hs__a { gap: 6px; }
  .kv-hs__a .kv-rnd { width: 36px; height: 36px; }
  .kv-hs__dots { gap: 4px; padding: 7px 9px; }
  .kv-hs__dots button { width: 8px; height: 8px; }
  .kv-hs__dots button.is-on { width: 22px; }
}
@container (max-width: 340px) { .kv-hs__dots { display: none; } }

/* ── Parçaların tek başına görünümü ── */
.kv-gmenu .kv-tabs { flex-wrap: wrap; margin-bottom: 14px; }
.kv-col .kv-pn__a, .kv-col .kv-pn__b { box-sizing: border-box; height: 100%; padding: 32px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-pan); }
.kv-col .kv-tv { margin-top: 0; min-height: 408px; height: 100%; }
@container (max-width: 640px) { .kv-col .kv-dg--2 { grid-template-columns: minmax(0, 1fr); } .kv-col .kv-pn__a, .kv-col .kv-pn__b { padding: 22px 16px; } }
/* Manşet dar sütunda telefon yerleşimine geçer */
@container (max-width: 620px) {
  .kv-col .kv-nw { height: 640px; }
  .kv-col .kv-nw__ph { height: 300px; border-radius: calc(20px * var(--ax-rs, 1)); }
  .kv-col .kv-nw__c { top: 316px; height: 324px; border-radius: calc(20px * var(--ax-rs, 1)); }
  .kv-col .kv-nw__d { left: 16px; top: -36px; width: 84px; height: 84px; }
  .kv-col .kv-nw__k { left: 112px; top: 14px; width: 84px; height: 30px; }
  .kv-col .kv-nw__t { left: 16px; right: 16px; top: 62px; }
  .kv-col .kv-nw__t h2 { -webkit-line-clamp: 4; font-size: calc(16px * var(--ax-fz, 1)); }
  .kv-col .kv-nw__t p { -webkit-line-clamp: 3; font-size: calc(14px * var(--ax-fz, 1)); }
  .kv-col .kv-nw__m { right: 16px; top: auto; bottom: 16px; }
  .kv-col .kv-nw__ctl { right: 14px; bottom: 368px; gap: 8px; }
  .kv-col .kv-nw__a .kv-rnd { width: 36px; height: 36px; }
}

/* ── Genel nesneler ── */
.kv-o-m { box-sizing: border-box; height: 100%; }
.kv-o-m__k { margin-bottom: 8px; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--kv-ac); }
.kv-o-m p { margin: 12px 0 0; font-size: calc(16px * var(--ax-fz, 1)); line-height: 1.65; color: var(--ax-text, #2f5237); }
.kv-o-m .kv-o-b { margin-top: 18px; }
.kv-o-m--panel, .kv-o-m--koyu { padding: 32px; border-radius: calc(24px * var(--ax-rs, 1)); }
.kv-o-m--panel { background: var(--kv-pan); }
.kv-o-m--koyu { background: var(--kv-g); color: #fff; }
.kv-o-m--koyu .kv-H, .kv-o-m--koyu p { color: #fff; }
.kv-o-m--koyu .kv-o-m__k { color: var(--ax-hsk, #f0c66e); }
.kv-o-g { display: block; overflow: hidden; }
.kv-o-g--r { border-radius: calc(24px * var(--ax-rs, 1)); }
.kv-o-g picture { display: block; }
.kv-o-g img { display: block; width: 100%; height: auto; }
.kv-o-g--h { height: var(--g-d, auto); }
.kv-o-g--h picture, .kv-o-g--h img { height: 100%; object-fit: cover; }
.kv-o-g--c img { object-fit: contain; }
.kv-o-v { margin: 0; }
.kv-o-v__k { position: relative; aspect-ratio: var(--v-oran, 16/9); overflow: hidden; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-gd); }
.kv-o-v__k iframe, .kv-o-v__k video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.kv-o-v__p { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.kv-o-v__p img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kv-o-v__p i { position: relative; z-index: 1; width: 72px; height: 72px; display: grid; place-items: center; padding-left: 4px; border: 1.5px solid rgba(255, 255, 255, .8); border-radius: 50%; background: rgba(8, 24, 12, .5); color: #fff; font-size: calc(22px * var(--ax-fz, 1)); transition: background .2s; }
.kv-o-v__p:hover i, .kv-o-v__p:focus-visible i { background: var(--kv-ac); }
.kv-o-v figcaption { margin-top: 10px; font-family: var(--ax-head); font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; color: var(--kv-g); }
.kv-o-h { min-width: 0; overflow-wrap: anywhere; }
.kv-o-h img, .kv-o-h iframe, .kv-o-h video { max-width: 100%; }
.kv-o-b { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 24px; border: 1.5px solid transparent; border-radius: calc(12px * var(--ax-rs, 1)); font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; transition: filter .2s, background .2s, color .2s; }
.kv-o-b:hover { filter: brightness(1.08); }
.kv-o-b--dolu { background: var(--kv-g); color: #fff; }
.kv-o-b--vurgu { background: var(--kv-ac); color: #fff; }
.kv-o-b--cerceve { border-color: var(--kv-g); background: transparent; color: var(--kv-g); }
.kv-o-b--cerceve:hover { background: var(--kv-g); color: #fff; filter: none; }
.kv-o-b--tam { display: flex; width: 100%; box-sizing: border-box; }
.kv-o-s { height: var(--s-d, 40px); }
.kv-o-s--c { position: relative; }
.kv-o-s--c::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid var(--ax-line, #e4e9e4); }
@media (min-width: 761px) and (max-width: 1300px) { .kv-o-g--h { height: var(--g-t, var(--g-d, auto)); } .kv-o-s { height: var(--s-t, 30px); } }
@media (max-width: 760px) { .kv-o-g--h { height: var(--g-m, var(--g-t, var(--g-d, auto))); } .kv-o-s { height: var(--s-m, 20px); } .kv-o-m--panel, .kv-o-m--koyu { padding: 22px 18px; } }

/* İçerikte "Slaytta başlık ve kısa açıklama gösterme": grafik kapak yazı payı olmadan tam alana sığar */
.kv-hs__s.is-yalin .kv-hs__ph.is-fit img:not(.kv-hs__bg) { height: 100%; }
.kv-hs__s.is-yalin .kv-hs__ph:focus-visible, .kv-nw__s.is-yalin .kv-nw__ph:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.kv-nw__s.is-yalin .kv-nw__ph { height: 100%; }
.kv-nw__s.is-yalin .kv-nw__ph.is-fit img:not(.kv-nw__bg) { object-position: 50% 50%; }
.kv-nw:has(.kv-nw__s.is-yalin.is-on) .kv-nw__ctl { bottom: 20px; }

/* ── Tasarım nesneleri (Anasayfa Yöneticisi › Nesneler). Her sütun genişliğinde çalışır: dar sütunda @container ile alt alta. ── */
.kv-n-ok { display: inline-flex; align-items: center; gap: 7px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; color: var(--kv-ac); }
.kv-n-ok:hover { text-decoration: underline; text-underline-offset: 3px; }
.kv-n-ok i { font-size: .82em; }
.kv-n-ls__h { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 14px; }
.kv-n-sq > .kv-H, .kv-n-il > .kv-H, .kv-n-bl > .kv-H, .kv-n-zm > .kv-H { margin-bottom: 14px; }

.kv-n-bs { min-width: 0; }
.kv-n-bs__u { margin-bottom: 8px; font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--kv-ac); }
.kv-n-bs--s .kv-H { font-size: calc(23px * var(--ax-fz, 1)); }
.kv-n-bs--l .kv-H { font-size: calc(44px * var(--ax-fzh, 1)); }
.kv-n-bs .kv-n-ok { margin-top: 12px; }

.kv-n-in { --in: var(--kv-g); --in-z: var(--kv-pan); display: flex; align-items: center; gap: 16px; padding: 20px 22px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--in-z); }
.kv-n-in--mavi { --in: #1f5d99; --in-z: #e8f1f9; }
.kv-n-in--sari { --in: #a86a06; --in-z: #fbf3df; }
.kv-n-in--kirmizi { --in: #b3261e; --in-z: #fbeaea; }
.kv-n-in__i { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border-radius: calc(13px * var(--ax-rs, 1)); background: var(--in); color: #fff; font-size: calc(20px * var(--ax-fz, 1)); }
.kv-n-in__t { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.kv-n-in__t b { display: block; font-family: var(--ax-head); font-size: calc(17px * var(--ax-fz, 1)); font-weight: 800; color: var(--in); }
.kv-n-in__t p { margin: 4px 0 0; font-size: calc(14.5px * var(--ax-fz, 1)); line-height: 1.5; color: var(--ax-text, #2f5237); }
.kv-n-in__b { flex: none; display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: calc(11px * var(--ax-rs, 1)); background: var(--in); color: #fff; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; }
.kv-n-in__b:hover { filter: brightness(1.1); }

.kv-n-qt { position: relative; margin: 0; padding: 28px 30px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-pan); }
.kv-n-qt > i { font-size: calc(26px * var(--ax-fz, 1)); color: var(--kv-ac); }
.kv-n-qt blockquote { margin: 12px 0 0; font-family: var(--ax-head); font-size: calc(19px * var(--ax-fz, 1)); font-weight: 600; line-height: 1.5; color: var(--kv-g); overflow-wrap: anywhere; }
.kv-n-qt figcaption { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.kv-n-qt figcaption img { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.kv-n-qt figcaption b { display: block; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 800; color: var(--kv-g); }
.kv-n-qt figcaption small { display: block; margin-top: 2px; font-size: calc(13px * var(--ax-fz, 1)); color: var(--ax-text, #2f5237); }

.kv-n-sq details { border-bottom: 1px solid rgba(13, 42, 18, .14); }
.kv-n-sq summary { position: relative; display: block; padding: 15px 32px 15px 0; list-style: none; cursor: pointer; font-size: calc(15.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--kv-g); overflow-wrap: anywhere; }
.kv-n-sq summary::-webkit-details-marker { display: none; }
.kv-n-sq summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--kv-ac); border-bottom: 2px solid var(--kv-ac); transform: rotate(45deg); transition: transform .2s; }
.kv-n-sq details[open] summary::after { margin-top: -2px; transform: rotate(225deg); }
.kv-n-sq details > div { padding: 0 32px 16px 0; font-size: calc(14.5px * var(--ax-fz, 1)); line-height: 1.6; color: var(--ax-text, #2f5237); overflow-wrap: anywhere; }

.kv-n-gs { position: relative; aspect-ratio: var(--gs-oran, 16/9); overflow: hidden; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-gd); touch-action: pan-y pinch-zoom; }
.kv-n-gs__s { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .55s ease; }
.kv-n-gs__s.is-on { opacity: 1; visibility: visible; }
.kv-n-gs__s a { display: block; height: 100%; }
.kv-n-gs__s img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kv-n-gs--c .kv-n-gs__s img { object-fit: contain; }
.kv-n-gs__ctl { position: absolute; right: 16px; bottom: 16px; z-index: 3; display: flex; align-items: center; gap: 10px; }
.kv-n-gs__a { display: flex; gap: 8px; }
.kv-n-gs__d { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: calc(13px * var(--ax-rs, 1)); background: rgba(0, 0, 0, .38); }
.kv-n-gs__d button { position: relative; width: 10px; height: 10px; padding: 0; border: 0; border-radius: calc(10px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .7); cursor: pointer; transition: width .3s, background .3s; }
.kv-n-gs__d button::after { content: ""; position: absolute; inset: -14px -3px; }
.kv-n-gs__d button.is-on { width: 28px; background: #fff; }

.kv-n-af { position: relative; height: var(--af-d, 380px); display: flex; align-items: center; overflow: hidden; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-gd); }
.kv-n-af picture { position: absolute; inset: 0; }
.kv-n-af img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kv-n-af::after { content: ""; position: absolute; inset: 0; background: rgba(6, 20, 9, var(--af-k, .35)); }
.kv-n-af__c { position: relative; z-index: 1; box-sizing: border-box; width: min(100%, 640px); padding: 32px 40px; color: #fff; overflow-wrap: anywhere; }
.kv-n-af--orta { justify-content: center; text-align: center; }
.kv-n-af--sag { justify-content: flex-end; text-align: right; }
.kv-n-af__c h2 { margin: 0; font-family: var(--ax-head); font-size: calc(34px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.12; color: #fff; }
.kv-n-af__c p { margin: 12px 0 0; font-size: calc(16px * var(--ax-fz, 1)); line-height: 1.55; color: rgba(255, 255, 255, .94); }
.kv-n-af__c .kv-o-b { margin-top: 18px; }

.kv-n-hr .kv-H { margin-bottom: 12px; }
.kv-n-hr .kv-o-v__p { grid-auto-rows: auto; align-content: center; gap: 10px; background: var(--kv-pan); color: var(--kv-g); }
.kv-n-hr .kv-o-v__p i { width: 64px; height: 64px; padding: 0; border: 0; background: var(--kv-g); }
.kv-n-hr .kv-o-v__p span { font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; }
.kv-n-hr figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; font-family: inherit; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 500; color: var(--ax-text, #2f5237); overflow-wrap: anywhere; }

.kv-n-ls__i { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(13, 42, 18, .12); }
.kv-n-ls__d { flex: none; width: 52px; padding: 7px 0; border-radius: calc(12px * var(--ax-rs, 1)); background: var(--kv-pan); text-align: center; color: var(--kv-g); }
.kv-n-ls__d b { display: block; font-family: var(--ax-head); font-size: calc(19px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.05; }
.kv-n-ls__d small { display: block; margin-top: 1px; font-size: calc(11.5px * var(--ax-fz, 1)); font-weight: 600; }
.kv-n-ls__t { min-width: 0; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; color: var(--kv-g); overflow-wrap: anywhere; }
.kv-n-ls__i:hover .kv-n-ls__t, .kv-n-ls__k:hover b { color: var(--kv-ac); }
.kv-n-ls--kart .kv-n-ls__g { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr)); gap: 18px; }
.kv-n-ls__k { display: block; min-width: 0; }
.kv-n-ls__f { display: block; aspect-ratio: 16/10; overflow: hidden; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--kv-pan); }
.kv-n-ls__f img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kv-n-ls__k small { display: block; margin-top: 10px; font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 600; color: var(--kv-ac); }
.kv-n-ls__k b { display: block; margin-top: 3px; font-size: calc(15px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; color: var(--kv-g); overflow-wrap: anywhere; }

.kv-n-il, .kv-n-ec { padding: 24px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-pan); }
.kv-n-il__i { display: flex; align-items: center; gap: 13px; padding: 10px 0; color: var(--kv-g); }
.kv-n-il__i + .kv-n-il__i { border-top: 1px solid rgba(13, 42, 18, .1); }
.kv-n-il__i > i { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: calc(11px * var(--ax-rs, 1)); background: var(--kv-g); color: #fff; font-size: calc(15px * var(--ax-fz, 1)); }
.kv-n-il__i span { min-width: 0; }
.kv-n-il__i small { display: block; font-size: calc(12px * var(--ax-fz, 1)); color: var(--ax-text, #2f5237); }
.kv-n-il__i b { display: block; font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
a.kv-n-il__i:hover b { color: var(--kv-ac); }
.kv-n-ec__b { margin: 0; font-size: calc(14.5px * var(--ax-fz, 1)); line-height: 1.5; color: var(--ax-text, #2f5237); }
.kv-n-ec__i { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(13, 42, 18, .1); color: var(--kv-g); }
.kv-n-ec__i > i { flex: none; font-size: calc(19px * var(--ax-fz, 1)); color: var(--kv-ac); }
.kv-n-ec__i > span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.kv-n-ec__i b { display: block; font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 800; }
.kv-n-ec__i small { display: block; margin-top: 2px; font-size: calc(12.5px * var(--ax-fz, 1)); line-height: 1.35; color: var(--ax-text, #2f5237); }
.kv-n-ec__i > a { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: calc(11px * var(--ax-rs, 1)); background: var(--kv-g); color: #fff; font-size: calc(14px * var(--ax-fz, 1)); }

.kv-n-rk { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 1fr)); gap: 14px; }
.kv-n-rk__i { min-width: 0; padding: 22px 16px; border-radius: calc(18px * var(--ax-rs, 1)); background: var(--kv-pan); text-align: center; overflow-wrap: anywhere; }
.kv-n-rk__i b { display: block; font-family: var(--ax-head); font-size: calc(32px * var(--ax-fzh, 1)); font-weight: 800; line-height: 1.1; color: var(--kv-g); font-variant-numeric: tabular-nums; }
.kv-n-rk__i span { display: block; margin-top: 6px; font-size: calc(13.5px * var(--ax-fz, 1)); line-height: 1.35; color: var(--ax-text, #2f5237); }
.kv-n-rk--koyu .kv-n-rk__i { background: var(--kv-g); }
.kv-n-rk--koyu .kv-n-rk__i b { color: #fff; }
.kv-n-rk--koyu .kv-n-rk__i span { color: rgba(255, 255, 255, .86); }

.kv-n-cd { padding: 28px 24px; border-radius: calc(24px * var(--ax-rs, 1)); background: var(--kv-g); color: #fff; text-align: center; }
.kv-n-cd h2 { margin: 0 0 16px; font-family: var(--ax-head); font-size: calc(22px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.2; color: #fff; overflow-wrap: anywhere; }
.kv-n-cd__g { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.kv-n-cd__g span { flex: 0 1 76px; min-width: 62px; padding: 12px 4px; border-radius: calc(14px * var(--ax-rs, 1)); background: var(--kv-gd); }
.kv-n-cd__g b { display: block; font-family: var(--ax-head); font-size: calc(27px * var(--ax-fz, 1)); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.kv-n-cd__g small { display: block; margin-top: 5px; font-size: calc(11.5px * var(--ax-fz, 1)); }
.kv-n-cd__b { margin: 0; font-size: calc(16px * var(--ax-fz, 1)); font-weight: 600; }
.kv-n-cd .kv-o-b { margin-top: 16px; }

.kv-n-hz { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(132px, 100%), 1fr)); gap: 12px; }
.kv-n-hz a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 118px; padding: 14px 10px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--kv-pan); text-align: center; color: var(--kv-g); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; transition: background .2s, color .2s; }
.kv-n-hz a i { font-size: calc(26px * var(--ax-fz, 1)); color: var(--kv-ac); transition: color .2s; }
.kv-n-hz a:hover { background: var(--kv-g); color: #fff; }
.kv-n-hz a:hover i { color: #fff; }
.kv-n-hz--s { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.kv-n-hz--s a { flex-direction: row; justify-content: flex-start; gap: 13px; min-height: 54px; padding: 8px 16px; text-align: left; }
.kv-n-hz--s a i { font-size: calc(19px * var(--ax-fz, 1)); }

.kv-n-bl a { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid rgba(13, 42, 18, .12); color: var(--kv-g); font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; }
.kv-n-bl a > i:first-child { flex: none; width: 24px; text-align: center; font-size: calc(19px * var(--ax-fz, 1)); color: var(--kv-ac); }
.kv-n-bl a > span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.kv-n-bl a > i:last-child { flex: none; font-size: .8em; color: var(--kv-ac); }
.kv-n-bl a:hover > span { color: var(--kv-ac); }

.kv-n-ay { display: block; height: 0; border: 0; border-top: 1px solid rgba(13, 42, 18, .2); }
.kv-n-ay--kesik { border-top-style: dashed; }
.kv-n-ay--nokta { border-top: 3px dotted rgba(13, 42, 18, .3); }
.kv-n-ay--vurgu { width: 56px; border-top: 4px solid var(--kv-ac); border-radius: 4px; }

.kv-n-zm ol { margin: 0; padding: 0; list-style: none; }
.kv-n-zm li { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 0 22px; padding-bottom: 20px; }
.kv-n-zm li::before { content: ""; position: absolute; left: 85px; top: 5px; width: 11px; height: 11px; border-radius: 50%; background: var(--kv-ac); }
.kv-n-zm li::after { content: ""; position: absolute; left: 90px; top: 16px; bottom: -5px; width: 1px; background: rgba(13, 42, 18, .2); }
.kv-n-zm li:last-child { padding-bottom: 0; }
.kv-n-zm li:last-child::after { display: none; }
.kv-n-zm li > b { font-family: var(--ax-head); font-size: calc(15px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.4; text-align: right; color: var(--kv-g); overflow-wrap: anywhere; }
.kv-n-zm li > div { padding-left: 14px; min-width: 0; overflow-wrap: anywhere; }
.kv-n-zm h3 { margin: 0; font-size: calc(15.5px * var(--ax-fz, 1)); font-weight: 800; line-height: 1.35; color: var(--kv-g); }
.kv-n-zm p { margin: 4px 0 0; font-size: calc(14px * var(--ax-fz, 1)); line-height: 1.55; color: var(--ax-text, #2f5237); }

@media (min-width: 761px) and (max-width: 1300px) { .kv-n-af { height: var(--af-t, 340px); } }
@media (max-width: 760px) {
  .kv-n-af { height: var(--af-m, 320px); }
  .kv-n-af__c { padding: 24px; }
  .kv-n-af__c h2 { font-size: calc(26px * var(--ax-fzh, 1)); }
  .kv-n-bs--l .kv-H { font-size: calc(32px * var(--ax-fzh, 1)); }
}
@container (max-width: 480px) {
  .kv-n-in { flex-wrap: wrap; padding: 18px; }
  .kv-n-in__t { flex-basis: calc(100% - 64px); }
  .kv-n-in__b { width: 100%; justify-content: center; }
  .kv-n-af__c { padding: 22px; }
  .kv-n-af__c h2 { font-size: calc(24px * var(--ax-fzh, 1)); }
  .kv-n-qt { padding: 22px; }
  .kv-n-qt blockquote { font-size: calc(17px * var(--ax-fz, 1)); }
  .kv-n-bs--l .kv-H { font-size: calc(30px * var(--ax-fzh, 1)); }
  .kv-n-gs__ctl { right: 10px; bottom: 10px; }
  .kv-n-gs__a .kv-rnd { width: 36px; height: 36px; }
  .kv-n-il, .kv-n-ec, .kv-n-cd { padding: 18px 16px; }
  .kv-n-rk__i b { font-size: calc(26px * var(--ax-fzh, 1)); }
}
@container (max-width: 340px) { .kv-n-gs__d { display: none; } }
@container (max-width: 300px) {
  .kv-n-zm li { grid-template-columns: minmax(0, 1fr); padding-left: 20px; }
  .kv-n-zm li::before { left: 0; }
  .kv-n-zm li::after { left: 5px; }
  .kv-n-zm li > b { text-align: left; }
  .kv-n-zm li > div { padding-left: 0; }
  .kv-n-cd__g { gap: 6px; }
  .kv-n-cd__g span { flex: 1 1 42%; min-width: 0; }
  .kv-n-cd__g b { font-size: calc(22px * var(--ax-fz, 1)); }
  .kv-n-hz { grid-template-columns: minmax(0, 1fr); }
  .kv-n-hz a { min-height: 90px; }
}

/* ── Mobil kapak görseli (içerikte isteğe bağlı, 06.11.2026): telefonda <picture> kapağın yerine geçer.
   has-m = mobil kapak var · is-mfit = mobil kapak kırpılmadan sığdırılır (bulanık zemin). Masaüstü kararı is-fit ayrı kalır. ── */
.kv-hs__ph picture, .kv-nw__ph picture { display: contents; }
.kv-hs__ph:not(.is-fit) img.kv-hs__bg, .kv-nw__ph:not(.is-fit) img.kv-nw__bg { display: none; }
@media (max-width: 760px) {
  .kv-hs__ph.has-m:not(.is-mfit) img, .kv-nw__ph.has-m:not(.is-mfit) img { position: static; height: 100%; object-fit: cover; object-position: 50% 30%; }
  .kv-hs__ph.has-m:not(.is-mfit) img.kv-hs__bg, .kv-nw__ph.has-m:not(.is-mfit) img.kv-nw__bg { display: none; }
  .kv-hs__ph.has-m.is-mfit img, .kv-nw__ph.has-m.is-mfit img { position: relative; z-index: 1; height: 100%; object-fit: contain; object-position: 50% 50%; }
  .kv-hs__s:not(.is-yalin) .kv-hs__ph.has-m.is-mfit img:not(.kv-hs__bg) { height: calc(100% - 218px); }
  .kv-hs__ph.has-m.is-mfit img.kv-hs__bg, .kv-nw__ph.has-m.is-mfit img.kv-nw__bg { display: block; position: absolute; left: -30px; top: -30px; z-index: 0; width: calc(100% + 60px); max-width: none; height: calc(100% + 60px); object-fit: cover; filter: blur(22px) brightness(.82); }
}