@property --ld-dol{syntax:'<percentage>';inherits:false;initial-value:0%}

:root{
  --ld-altin:#A4762F;
  --ld-yz-dgm:#D9B26A;                                           
  --ld-yildiz:url(/kalici/t-23/tema/assets/logo/ld-yildiz.svg);
  --ld-yaprak:url(/kalici/t-23/tema/assets/logo/ld-yaprak.svg);
  --ld-amblem:url(/kalici/t-23/tema/assets/logo/favicon.svg);
}
html[data-tema="koyu"]{--ld-altin:#D9B26A;--ld-yz-dgm:#8A6224}

                                                                          
.ld-kat{position:relative;display:block;flex:none}
.ld-bindir{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;overflow:visible}
.ld-yp{fill:var(--ld-altin);opacity:0;transition:opacity .35s ease}
.ld-yp.ld-a{opacity:1}
.ld-yz{fill:var(--ld-altin);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);
  transition:opacity .35s ease,transform .6s cubic-bezier(.2,.9,.25,1.3)}
.ld-yz.ld-a{opacity:1;transform:none}
.ld-gv{fill:currentColor}
.ld-g{transform-box:fill-box;transform-origin:50% 100%}

                                                                           
@keyframes ld-parla{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.7)}100%{opacity:1;transform:none}}
@media (hover:hover){.nv07-marka:hover .ld-nav .ld-yz{animation:ld-parla .9s cubic-bezier(.2,.9,.3,1) both}}

                                                                           
.nv07-mg-mtn b::before{
  content:"";display:inline-block;vertical-align:.02em;
  inline-size:0;block-size:.68em;margin-inline-end:0;
  background:var(--ld-altin);
  -webkit-mask:var(--ld-yildiz) no-repeat center/contain;mask:var(--ld-yildiz) no-repeat center/contain;
  opacity:0;transform:scale(.2) rotate(-90deg);
  transition:inline-size .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .5s cubic-bezier(.2,.9,.3,1.3)}
.nv07-mg-oge:hover .nv07-mg-mtn b::before,
.nv07-mg-oge:focus-visible .nv07-mg-mtn b::before,
.nv07-mg-oge[aria-current="page"] .nv07-mg-mtn b::before{inline-size:.68em;margin-inline-end:.45em;opacity:1;transform:none}

                                                                           
.ld-kaydir{
  position:absolute;z-index:6;inset-block-end:clamp(.9rem,2.6vh,1.6rem);inset-inline-start:50%;
  translate:-50% 0;display:grid;justify-items:center;gap:.15rem;
  color:#F3EEE4;text-decoration:none;transition:opacity .45s ease}
[dir="rtl"] .ld-kaydir{translate:50% 0}
.ld-kaydir-c{position:relative;display:block;inline-size:1.5px;block-size:2.6rem;overflow:hidden;
  background:rgba(243,238,228,.3)}
.ld-kaydir-c::after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:.85rem;
  background:currentColor;animation:ld-ak 2.6s cubic-bezier(.6,0,.3,1) infinite}
@keyframes ld-ak{0%{transform:translateY(-1rem)}70%,100%{transform:translateY(2.8rem)}}
.ld-kaydir-k{display:block;inline-size:2.6rem;block-size:auto;fill:currentColor}
.ld-kaydir.ld-gizli{opacity:0;pointer-events:none}

                                                                           
.ld-ist{display:block;inline-size:clamp(3.2rem,2.6rem + 2vw,4.4rem);margin-block-end:1rem;color:var(--mrk)}
.ld-ist svg{display:block;inline-size:100%;block-size:auto;overflow:visible}
.ld-ist .ld-yp{transition:opacity .18s ease}

                                                                           
.ld-bekle-rel{position:relative}
.ld-bekle{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;place-items:center}
.ld-bekle::before{content:"";inline-size:clamp(2.6rem,18%,5rem);aspect-ratio:1;background:var(--mrk);
  -webkit-mask:var(--ld-amblem) no-repeat center/contain;mask:var(--ld-amblem) no-repeat center/contain;
  animation:ld-nefes 3.2s ease-in-out infinite alternate}
@keyframes ld-nefes{from{opacity:.05}to{opacity:.15}}

                                                                           
.sss-art .ld-sss{fill:currentColor;stroke:none}

                                                                           
.nv07-cta{transition:opacity var(--mikro),background-color var(--gecis) var(--egri),color var(--gecis) var(--egri),padding .4s cubic-bezier(.2,.8,.2,1)}
.nv07-cta::before{
  content:"";position:absolute;inset-block-start:50%;inset-inline-end:.95rem;
  inline-size:.62rem;block-size:.62rem;margin-block-start:-.31rem;pointer-events:none;
  background:var(--ld-yz-dgm);
  -webkit-mask:var(--ld-yildiz) no-repeat center/contain;mask:var(--ld-yildiz) no-repeat center/contain;
  opacity:0;transform:scale(.2) rotate(-90deg);
  transition:opacity .3s ease,transform .55s cubic-bezier(.2,.9,.3,1.3)}
@media (hover:hover){
  .nv07-cta:hover{padding-inline-start:.75rem;padding-inline-end:1.85rem}
  .nv07-cta:hover::before{opacity:1;transform:none;transition-delay:.08s}
}
.ld-ok{position:relative;display:inline-grid;place-items:center;flex:none}
.ld-ok>svg{grid-area:1/1;transition:transform .45s cubic-bezier(.6,0,.2,1),opacity .35s ease}
.ld-ok>.ld-ok-yz{fill:var(--ld-yz-dgm);opacity:0;transform:scale(.2) rotate(-90deg)}
@media (hover:hover){
  :is(.tlp15-gnd,.itf-gnd):hover .ld-ok>svg:first-child{transform:translateX(.9rem);opacity:0}
  [dir="rtl"] :is(.tlp15-gnd,.itf-gnd):hover .ld-ok>svg:first-child{transform:translateX(-.9rem)}
  :is(.tlp15-gnd,.itf-gnd):hover .ld-ok>.ld-ok-yz{opacity:1;transform:none;transition-delay:.1s}
}

                                                                           
:is(.tlp15-gnd,.itf-gnd):disabled::before{
  content:"";flex:none;inline-size:1.25rem;block-size:1.25rem;margin-inline-end:.7rem;
  background:linear-gradient(0deg,currentColor var(--ld-dol),color-mix(in srgb,currentColor 28%,transparent) var(--ld-dol));
  -webkit-mask:var(--ld-amblem) no-repeat center/contain;mask:var(--ld-amblem) no-repeat center/contain;
  animation:ld-dol 1.8s cubic-bezier(.5,0,.3,1) infinite}
.itf-gnd:disabled::before{margin-inline-end:0}
@keyframes ld-dol{0%{--ld-dol:0%}70%,100%{--ld-dol:100%}}

                                                                          
.ld-tsk{display:block;inline-size:clamp(4.2rem,3.4rem + 2.6vw,5.6rem);margin-block-end:1.6rem;color:var(--mrk)}
.ld-tsk svg{display:block;inline-size:100%;block-size:auto;overflow:visible}
.ld-tsk .ld-g{opacity:0;transform:translateY(8px) scale(.96)}
.ld-tsk.ld-gor .ld-g{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.ld-tsk.ld-gor .ld-g2{transition-delay:.15s}.ld-tsk.ld-gor .ld-g3{transition-delay:.3s}
.ld-tsk.ld-gor .ld-g4{transition-delay:.45s}.ld-tsk.ld-gor .ld-g5{transition-delay:.6s}
.ld-tsk.ld-gor .ld-yz{opacity:1;transform:none;transition-delay:.95s}

                                                                           
:is(.tlp15-tik,.itf-tik,.cta-o-tik).ld-tik{fill:var(--ld-yz-dgm);stroke:none;
  transform:translateY(-.7rem) scale(.3);
  transition:opacity .2s ease,transform .5s cubic-bezier(.2,.9,.3,1.4)}
.tlp15-kutu:has(input:checked) .tlp15-tik.ld-tik,
.itf-kutu:has(input:checked) .itf-tik.ld-tik,
.cta-o-riza input:checked + .cta-o-kutu .cta-o-tik.ld-tik{transform:none}

                                                                          
                                                                                  
                                                                          
                                                                                     
.ai-thinking-dots.ai-thinking-dots .ai-thinking-dot{
  inline-size:5px;block-size:9px;border-radius:0;
  -webkit-mask:var(--ld-yaprak) no-repeat center/contain;mask:var(--ld-yaprak) no-repeat center/contain}
.ai-thinking-dots.ai-thinking-dots .ai-thinking-dot:nth-child(3){background-image:linear-gradient(var(--ld-altin),var(--ld-altin))}

                                                                           
.ics-kirinti>span{
  display:inline-block;font-size:0;vertical-align:middle;position:relative;inset-block-start:-1.5px;                                                                                
  inline-size:.5rem;block-size:.5rem;margin-inline:.6rem;
  background:#D9B26A;
  -webkit-mask:var(--ld-yildiz) no-repeat center/contain;mask:var(--ld-yildiz) no-repeat center/contain}

/* Kırıntıdaki ÇEVRİLEBİLİR METİN parçaları ayraç değildir (21.09.2026).
   Üstteki kural doğrudan çocuk span'lerin HEPSİNİ altın yıldıza çevirir. Metni çevirebilmek
   için span şart (data-i18n bir metin düğümüne konamaz), bu yüzden data-i18n taşıyan span'ler
   ayraç olmaktan muaf. Ayraç span'leri (boş, data-i18n'siz) aynen yıldız kalır.
   Kural ve istisnası bilerek AYNI dosyada: istisna sayfaya özel bir parçada dursaydı,
   o parçayı çağırmayan sayfada (ör. ulasim-2) kırıntı metni görünmez olurdu. */
.ics-kirinti>span[data-i18n]{
  font-size:inherit;inline-size:auto;block-size:auto;vertical-align:baseline;inset-block-start:0;
  background:none;-webkit-mask:none;mask:none;margin-inline:0;color:inherit}

                                                                           
.yzn-yukari{position:relative}
.yzn-dgm .ld-halka{position:absolute;inset:-2px;inline-size:calc(100% + 4px);block-size:calc(100% + 4px);
  transform:rotate(-90deg);pointer-events:none;overflow:visible}
.ld-halka circle{fill:none;stroke:var(--ld-altin);stroke-width:2;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ld-p, 0))}
.yzn-dgm .ld-yuk{position:relative;display:block;inline-size:1.2rem;block-size:1.5rem;overflow:hidden}
.yzn-dgm .ld-yuk svg{position:absolute;inset-inline:0;inset-block-start:.15rem;inline-size:1.2rem;block-size:1.2rem;
  fill:var(--ld-altin);transition:transform .55s cubic-bezier(.6,0,.2,1)}
.yzn-dgm .ld-yuk svg+svg{transform:translateY(1.6rem)}
                                                                                       
.yzn-dgm .ld-yuk svg.ld-yuk-ok{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){
  .yzn-yukari:hover .ld-yuk svg:first-child{transform:translateY(-1.6rem)}
  .yzn-yukari:hover .ld-yuk svg+svg{transform:none;transition-delay:.05s}
}

                                                                           
.ld-404.ld-404{
  min-block-size:calc(100svh - var(--nav-h, 5rem));display:grid;place-items:center;
  padding:calc(var(--nav-h, 5rem) + 3rem) 1.25rem 5rem;background:var(--z1);color:var(--mrk);text-align:center}
.ld-404 .ld-404-yz{display:block;inline-size:clamp(3.6rem,3rem + 2vw,4.8rem);block-size:auto;margin:0 auto 1.8rem;
  fill:var(--ld-altin);animation:ld-pusula 6s cubic-bezier(.5,0,.3,1) infinite}
@keyframes ld-pusula{0%,100%{transform:rotate(0)}15%{transform:rotate(-40deg)}32%{transform:rotate(28deg)}46%{transform:rotate(-12deg)}58%,92%{transform:rotate(0)}}
.ld-404 h1{font-size:clamp(2rem,1.3rem + 3vw,3.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;color:var(--mrk);margin:0 0 1rem}
.ld-404 h1+p{max-inline-size:44ch;margin:0 auto 2.2rem;font-size:var(--yz-gvd);line-height:1.6;color:var(--mrk2)}
.ld-404 .ld-404-dgm{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.ld-404 .ld-404-dgm :is(a,button){display:inline-flex;align-items:center;gap:.6rem;min-block-size:3rem;padding:.75rem 1.5rem;
  border:0;border-radius:999px;font:inherit;font-size:var(--yz-gvd);font-weight:700;text-decoration:none;cursor:pointer;
  background:var(--z2);color:var(--mrk);box-shadow:none;transition:background-color var(--mikro) ease}
.ld-404 .ld-404-dgm a{background:var(--mrk);color:var(--z1)}
.ld-404 .ld-404-dgm i{display:none}
.ld-404 .ld-404-not{display:none}

                                                                           
.ld-ft .ld-yp.ld-a{transition-delay:calc(var(--i) * 110ms + .1s)}
.ld-ft .ld-yz.ld-a{transition-delay:1.65s}

                                                                           
@media (prefers-reduced-motion:reduce){
  .ld-kaydir-c::after,.ld-bekle::before,.ld-404 .ld-404-yz,:is(.tlp15-gnd,.itf-gnd):disabled::before{animation:none}
  .ld-yp,.ld-yz,.ld-tsk .ld-g,.nv07-mg-mtn b::before,.nv07-cta::before,.ld-ok>svg,
  :is(.tlp15-tik,.itf-tik,.cta-o-tik).ld-tik,.yzn-dgm .ld-yuk svg{transition:none}
  .nv07-marka:hover .ld-nav .ld-yz{animation:none}
}

                                                                                 
                                                                          
                                                                            
                                 
@media (max-width:720px){ .ld-kaydir{ display:none } }