/* Uygulama 02 — yalnızca karot numuneleri bölümünde geçerlidir. */
#karot-uygulama-02 {
  --ku02-amber: #ffb100;
  --ku02-black: #0b0d10;
  width: 100%;
  margin: 0;
  background: var(--ku02-black);
  color: #fff;
  font-family: "K09Sans", Rubik, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#karot-uygulama-02 *, #karot-uygulama-02 *::before, #karot-uygulama-02 *::after { box-sizing: border-box; }
#karot-uygulama-02 .ku02-stage { position: relative; isolation: isolate; width: 100%; max-width: 1920px; height: clamp(640px,62.5vw,1080px); margin: 0 auto; }
#karot-uygulama-02 .ku02-photo { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; background: #0b0d10; }
#karot-uygulama-02 .ku02-photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 55%; }
#karot-uygulama-02 .ku02-copy { position: absolute; top: 12.8%; left: 4.55%; width: 53%; max-width: 1000px; }
#karot-uygulama-02 .ku02-title { margin: 0; color: #fff !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(52px,6.2vw,112px); font-weight: 600 !important; line-height: 1.075; letter-spacing: -.025em; text-transform: none; overflow-wrap: normal; }
#karot-uygulama-02 .ku02-title > span { display: block; }
#karot-uygulama-02 .ku02-title em { color: var(--ku02-amber); font-style: normal; font-weight: 700; }
#karot-uygulama-02 .ku02-accent { display: block; width: clamp(64px,6.3vw,112px); height: 4px; margin: clamp(25px,2.6vw,46px) 0 clamp(23px,2.1vw,38px); background: var(--ku02-amber); }
#karot-uygulama-02 .ku02-description { max-width: 620px; margin: 0; color: #c2c6cb !important; font-size: clamp(17px,1.65vw,28px); font-weight: 400; line-height: 1.5; letter-spacing: -.015em; }
#karot-uygulama-02 .ku02-description > span { display: block; }
#karot-uygulama-02 .ku02-points { margin: 0; padding: 0; list-style: none; }
#karot-uygulama-02 .ku02-point { position: absolute; margin: 0; padding: 0; color: #fff; }
#karot-uygulama-02 .ku02-point-location { top: 17.2%; left: 48.4%; width: 17.2%; }
#karot-uygulama-02 .ku02-point-access { top: 45.1%; right: 4.6%; width: 14.2%; }
#karot-uygulama-02 .ku02-point-scope { top: 63.8%; left: 29.9%; width: 19%; }
#karot-uygulama-02 .ku02-point-label { display: block; color: #fff; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(17px,1.5vw,26px); font-weight: 500; line-height: 1.3; }
#karot-uygulama-02 .ku02-point-access .ku02-point-label { text-align: right; }
#karot-uygulama-02 .ku02-leader { display: block; width: 100%; height: auto; margin-top: 5px; overflow: visible; fill: none; stroke: var(--ku02-amber); stroke-width: 1.6; }
#karot-uygulama-02 .ku02-leader path { vector-effect: non-scaling-stroke; }
#karot-uygulama-02 .ku02-leader circle { fill: var(--ku02-amber); stroke: none; }
#karot-uygulama-02 .ku02-contact { position: absolute; right: 4.6%; bottom: 8.8%; display: inline-flex; align-items: center; justify-content: center; gap: clamp(26px,3vw,56px); min-height: 66px; max-width: 91%; padding: 18px 24px; border: 1.5px solid var(--ku02-amber); border-radius: 9px; background: rgba(11,13,16,.58); color: #fff !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(18px,1.55vw,26px); font-weight: 500; line-height: 1.25; text-decoration: none !important; transition: background .18s ease,color .18s ease; }
#karot-uygulama-02 .ku02-contact svg { display: block; flex: 0 0 auto; width: 30px; height: 24px; fill: none; stroke: var(--ku02-amber); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#karot-uygulama-02 .ku02-contact:hover { background: var(--ku02-amber); color: #0b0d10 !important; }
#karot-uygulama-02 .ku02-contact:hover svg { stroke: currentColor; }
#karot-uygulama-02 .ku02-contact:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@media (min-width: 992px) and (max-width: 1199px) {
  #karot-uygulama-02 .ku02-copy { top: 11%; }
  #karot-uygulama-02 .ku02-accent { margin-top: 27px; margin-bottom: 23px; }
  #karot-uygulama-02 .ku02-contact { min-height: 57px; padding: 15px 20px; }
}
@media (max-width: 991px) {
  #karot-uygulama-02 .ku02-stage { display: flex; flex-direction: column; height: auto; }
  #karot-uygulama-02 .ku02-copy { position: relative; order: 1; top: auto; left: auto; width: 100%; max-width: none; padding: 44px 32px 22px; }
  #karot-uygulama-02 .ku02-title { font-size: clamp(44px,7.3vw,70px); line-height: 1.08; }
  #karot-uygulama-02 .ku02-accent { width: 72px; margin: 25px 0 22px; }
  #karot-uygulama-02 .ku02-description { max-width: 640px; font-size: 20px; line-height: 1.6; }
  #karot-uygulama-02 .ku02-photo { position: relative; inset: auto; z-index: 0; order: 2; height: clamp(340px,63vw,560px); }
  #karot-uygulama-02 .ku02-photo img { object-position: 77% 60%; }
  #karot-uygulama-02 .ku02-points { order: 3; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; width: 100%; padding: 26px 32px; border-top: 1px solid rgba(255,177,0,.2); }
  #karot-uygulama-02 .ku02-point { position: static; width: auto; margin: 0; padding: 2px 0 2px 13px; border-left: 2px solid var(--ku02-amber); }
  #karot-uygulama-02 .ku02-point-label, #karot-uygulama-02 .ku02-point-access .ku02-point-label { font-size: 21px; text-align: left; }
  #karot-uygulama-02 .ku02-leader { display: none; }
  #karot-uygulama-02 .ku02-contact { position: relative; order: 4; right: auto; bottom: auto; align-self: flex-end; gap: 32px; min-height: 62px; max-width: calc(100% - 64px); margin: 0 32px 38px; padding: 16px 22px; font-size: 22px; }
}
@media (max-width: 575px) {
  #karot-uygulama-02 .ku02-copy { padding: 34px 24px 19px; }
  #karot-uygulama-02 .ku02-title { font-size: clamp(31px,7.5vw,43px); line-height: 1.15; letter-spacing: -.02em; }
  #karot-uygulama-02 .ku02-accent { width: 56px; height: 3px; margin: 22px 0 19px; }
  #karot-uygulama-02 .ku02-description { font-size: 16px; line-height: 1.65; letter-spacing: -.01em; }
  #karot-uygulama-02 .ku02-description > span { display: inline; }
  #karot-uygulama-02 .ku02-photo { height: clamp(280px,75vw,400px); }
  #karot-uygulama-02 .ku02-photo img { object-position: 82% 62%; }
  #karot-uygulama-02 .ku02-points { grid-template-columns: minmax(0,1fr); gap: 0; padding: 0 24px; border-top: 0; }
  #karot-uygulama-02 .ku02-point { padding: 15px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  #karot-uygulama-02 .ku02-point-label, #karot-uygulama-02 .ku02-point-access .ku02-point-label { font-size: 20px; }
  #karot-uygulama-02 .ku02-point-label::before { display: inline-block; width: 7px; height: 7px; margin: 0 12px 3px 0; border-radius: 50%; background: var(--ku02-amber); content: ""; }
  #karot-uygulama-02 .ku02-contact { align-self: stretch; width: calc(100% - 48px); max-width: none; min-height: 58px; margin: 24px 24px 32px; padding: 15px 18px; font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  #karot-uygulama-02 .ku02-contact { transition: none; }
}