/**
 * Duyurular / İhale Duyuruları — "Kayan şerit" görünümü (Anasayfa Yöneticisi › Görünüm: slayt) + "Liste" tek sütun.
 * İşaretleme: partials/cx/kv-pano-lib.php › kv_pano_blok(). Davranış: cx-s-kv-0ortak.js (oklar, kendiliğinden kayma) + cx-s-kv-dsl.js (noktalar, ilerleme, kenar solması).
 * cx-s-kv-ana.css'ten SONRA yüklenir (alfabetik); ızgara/liste görünümü özgün kv-dg kurallarıyla aynıdır.
 */
.kv-dg.kv-dg--1 { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
.kv-pn__ha { display: flex; align-items: center; gap: 14px; }
.kv-dsl__a { display: flex; gap: 6px; }
.kv-dsl__a .kv-rnd { width: 32px; height: 32px; font-size: calc(11px * var(--ax-fz, 1)); background: #fff; color: var(--kv-g); box-shadow: 0 6px 14px -8px rgba(13, 42, 18, .45); transition: transform .18s, opacity .18s, background .18s, color .18s; }
.kv-dsl__a .kv-rnd:hover { background: var(--kv-g); color: #fff; }
.kv-dsl__a .kv-rnd.is-off { opacity: .35; pointer-events: none; }
.kv-dsl { position: relative; margin-top: 30px; }
/* Kartın üstüne taşan tarih rozeti (top:-17px) kaydırma kutusunda kırpılmasın: üstten pay + negatif kenar; alt pay gölge için */
.kv-dsl__g { display: flex; gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 4px; padding: 17px 4px 8px; margin: -17px -4px 0; outline: 0; }
.kv-dsl__g:focus-visible { box-shadow: 0 0 0 3px rgba(217, 87, 26, .35); border-radius: 12px; }
.kv-dsl__g > .kv-dr { flex: 0 0 calc((100% - (var(--n, 2) - 1) * 20px) / var(--n, 2)); scroll-snap-align: start; margin: 0; }   /* yüzde, kutunun iç genişliğine göre (dolgu hariç) */
.kv-dsl::before, .kv-dsl::after { content: ""; position: absolute; top: 0; bottom: 0; width: 34px; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .25s; }
.kv-dsl::before { left: -4px; background: linear-gradient(270deg, rgba(234, 240, 234, 0), var(--kv-pan, #eaf0ea)); }
.kv-dsl::after { right: -4px; background: linear-gradient(90deg, rgba(234, 240, 234, 0), var(--kv-pan, #eaf0ea)); }
.kv-dsl.has-l::before, .kv-dsl.has-r::after { opacity: 1; }
.kv-dsl__f { display: flex; align-items: center; gap: 16px; margin-top: 16px; }
.kv-dsl__d { display: flex; gap: 6px; }
.kv-dsl__d:empty, .kv-dsl__d[hidden] { display: none; }
.kv-dsl__d button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(27, 94, 36, .22); cursor: pointer; transition: width .22s, background .22s; }
.kv-dsl__d button.is-on { width: 24px; background: var(--kv-g); }
.kv-dsl__p { flex: 1; height: 3px; border-radius: 999px; background: rgba(27, 94, 36, .12); overflow: hidden; }
.kv-dsl__p i { display: block; height: 100%; width: 20%; border-radius: 999px; background: linear-gradient(90deg, var(--kv-g), var(--kv-ac)); transition: width .3s cubic-bezier(.22, .61, .36, 1); }
@media (prefers-reduced-motion: reduce) { .kv-dsl__p i, .kv-dsl__d button { transition: none; } }
@media (max-width: 1300px) { .kv-dsl__g > .kv-dr { flex-basis: calc((100% - 20px) / 2); } .kv-dsl[style*="--n:1"] .kv-dsl__g > .kv-dr { flex-basis: 100%; } }
@media (max-width: 760px) {
  .kv-dsl__g { gap: 14px; }
  .kv-dsl__g > .kv-dr, .kv-dsl[style*="--n:1"] .kv-dsl__g > .kv-dr { flex-basis: 100%; }
  .kv-pn__ha { gap: 8px; }
  .kv-dsl__a .kv-rnd { width: 28px; height: 28px; }
}