/* Geçiş 05 — yalnızca iki bölüm arasındaki teknik bant. */
#karot-gecis-05 {
  --kg05-amber: #ffb100;
  --kg05-ink: #15191b;
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: var(--kg05-ink);
  color: #f4f2ed;
  font-family: "K09Sans", Rubik, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#karot-gecis-05 *, #karot-gecis-05 *::before, #karot-gecis-05 *::after { box-sizing: border-box; }
#karot-gecis-05::before { position: absolute; top: 65%; right: 0; left: 0; height: 1px; background: var(--kg05-amber); opacity: .7; content: ""; }
#karot-gecis-05 .kg05-list { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; max-width: 1920px; min-height: 176px; margin: 0 auto; padding: 0 clamp(26px,3.4vw,64px); list-style: none; }
#karot-gecis-05 .kg05-item { position: relative; display: flex; align-items: center; gap: clamp(16px,1.4vw,28px); min-width: 0; margin: 0; padding: 28px clamp(18px,2.1vw,40px); }
#karot-gecis-05 .kg05-item:first-child { padding-left: 0; }
#karot-gecis-05 .kg05-item:last-child { padding-right: 0; }
#karot-gecis-05 .kg05-item + .kg05-item::before { position: absolute; top: 24px; bottom: 24px; left: 0; width: 1px; background: var(--kg05-amber); opacity: .28; content: ""; }
#karot-gecis-05 .kg05-item + .kg05-item::after { position: absolute; top: 65%; left: -5px; z-index: 2; width: 10px; height: 10px; border: 1px solid var(--kg05-amber); border-radius: 50%; background: var(--kg05-ink); box-shadow: inset 0 0 0 3px var(--kg05-ink); content: ""; transform: translateY(-50%); }
#karot-gecis-05 .kg05-drawing { position: relative; z-index: 1; display: block; flex: 0 0 auto; width: clamp(98px,8.2vw,148px); height: auto; max-width: 100%; background: var(--kg05-ink); color: var(--kg05-amber); fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: square; stroke-linejoin: miter; }
#karot-gecis-05 .kg05-drawing path, #karot-gecis-05 .kg05-drawing circle { vector-effect: non-scaling-stroke; }
#karot-gecis-05 .kg05-copy { position: relative; z-index: 1; min-width: 0; padding: 5px 0; background: var(--kg05-ink); }
#karot-gecis-05 .kg05-title { margin: 0 0 8px; color: var(--kg05-amber) !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(20px,1.65vw,32px); font-weight: 600 !important; line-height: 1.2; letter-spacing: -.01em; text-transform: uppercase; overflow-wrap: normal; }
#karot-gecis-05 .kg05-caption { margin: 0; color: #f4f2ed !important; font-size: clamp(14px,1.1vw,21px); font-weight: 400; line-height: 1.45; overflow-wrap: break-word; }
@media (min-width: 576px) and (max-width: 991px) {
  #karot-gecis-05::before { top: 42%; }
  #karot-gecis-05 .kg05-list { min-height: 218px; padding: 0 24px; }
  #karot-gecis-05 .kg05-item { flex-direction: column; justify-content: center; gap: 12px; padding: 24px 16px; }
  #karot-gecis-05 .kg05-item:first-child { padding-left: 8px; }
  #karot-gecis-05 .kg05-item:last-child { padding-right: 8px; }
  #karot-gecis-05 .kg05-item + .kg05-item::after { top: 42%; }
  #karot-gecis-05 .kg05-drawing { width: 104px; }
  #karot-gecis-05 .kg05-copy { width: 100%; text-align: center; }
  #karot-gecis-05 .kg05-title { margin-bottom: 7px; font-size: 22px; }
  #karot-gecis-05 .kg05-caption { font-size: 14px; }
}
@media (max-width: 575px) {
  #karot-gecis-05::before { display: none; }
  #karot-gecis-05 .kg05-list { grid-template-columns: minmax(0,1fr); min-height: 0; padding: 0 24px; }
  #karot-gecis-05 .kg05-list::before { position: absolute; top: 20px; bottom: 20px; left: 66px; width: 1px; background: var(--kg05-amber); opacity: .4; content: ""; }
  #karot-gecis-05 .kg05-item, #karot-gecis-05 .kg05-item:first-child, #karot-gecis-05 .kg05-item:last-child { display: grid; grid-template-columns: 84px minmax(0,1fr); align-items: center; gap: 18px; min-height: 116px; padding: 22px 0; }
  #karot-gecis-05 .kg05-item + .kg05-item::before { top: 0; right: 0; bottom: auto; left: 0; width: auto; height: 1px; opacity: .22; }
  #karot-gecis-05 .kg05-item + .kg05-item::after { top: 0; left: 42px; width: 8px; height: 8px; transform: translate(-50%,-50%); }
  #karot-gecis-05 .kg05-drawing { width: 84px; }
  #karot-gecis-05 .kg05-copy { padding: 4px 0; }
  #karot-gecis-05 .kg05-title { margin-bottom: 6px; font-size: 23px; }
  #karot-gecis-05 .kg05-caption { font-size: 16px; }
}