.crz[hidden]{display:none}

                                                                       
                                                                     
                                                                        
                                                                               
.crz{--crz-mrk2:color-mix(in srgb, var(--mrk) 78%, var(--z1))}

                 
.crz-bant{
  position:fixed; z-index:9000; inset-block-end:var(--cerceve); inset-inline:0;
  margin-inline:auto;
  inline-size:fit-content;
  max-inline-size:min(52rem, calc(100% - 2 * var(--serit-kenar)));
                                                                             
                                                                        
                                                                      
                                                                          
                                                                              
  background:var(--cam);
  background:color-mix(in srgb, var(--z1) 94%, transparent);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
  backdrop-filter:blur(20px) saturate(1.25);
                                                                             
                                                                             
                                                                             
                                                                            
                  
  border:1px solid var(--cizgi-bilesen); border-radius:var(--yr-l);
  padding-block:.5rem; padding-inline-start:1rem; padding-inline-end:.5rem;
  display:flex; align-items:center; gap:.85rem;
  transition:max-inline-size 620ms var(--egri), padding 620ms var(--egri),
             border-radius 620ms var(--egri), gap 620ms var(--egri);
  animation:crz-gir .42s var(--egri) both;
}
html[dir="rtl"] .crz-bant{padding-inline-start:.5rem; padding-inline-end:1rem}
.crz-bant[hidden]{display:none}
@keyframes crz-gir{from{opacity:0; transform:translateY(130%)}to{opacity:1}}

.crz-ikon{inline-size:1.05rem; block-size:1.05rem; flex:0 0 auto; color:var(--aksan)}

                                                                          
                                                                  
.crz-kisa{
  display:none; font-size:var(--yz-kck); font-weight:700; color:var(--mrk);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  min-inline-size:0; flex:0 1 auto;
}

                                                                               
.crz-metin{
  margin:0; flex:1 1 auto; min-inline-size:0; max-inline-size:44rem;
  font-size:var(--yz-kck); line-height:1.45;
  color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2));
  transition:opacity 240ms var(--egri), max-inline-size 620ms var(--egri);
}
.crz-bsl{color:var(--mrk); font-weight:800; letter-spacing:-.01em; margin-inline-end:.15rem}
.crz-metin a{color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2)); text-decoration:underline; text-underline-offset:.18em;
  text-decoration-color:var(--cizgi2); transition:var(--gecis);
  margin-inline-start:.6rem; white-space:nowrap}
.crz-metin a:hover{color:var(--mrk); text-decoration-color:currentColor}

.crz-dgm-iz{display:flex; align-items:center; gap:.35rem; flex:0 0 auto}

                                                                            
.crz-dgm{
                                                           
                                                                          
                                                                      
                                                                             
                                                                        
                                                                         
                                                                          
                      
                                                                      
                                              
  min-block-size:44px; padding-inline:.95rem; border:1px solid transparent;
  border-radius:var(--yr-tam); font:inherit; font-size:var(--yz-kck); font-weight:700;
  cursor:pointer; white-space:nowrap; transition:var(--mikro);
  background:transparent; color:var(--mrk);
}
                                                                         
                                                                         
                                                                          
                                                                                
.crz-dgm-ana{background:var(--mrk); color:var(--z1)}
.crz-dgm-ana:hover{background:var(--aksan); color:var(--z1)}
                                                                                 
                                                                           
                                                                        
                                                                          
                            
                                                                          
                                                                                 
.crz-dgm-yan{border-color:var(--cizgi-bilesen); color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2))}
.crz-dgm-yan:hover{background:var(--z3); color:var(--mrk)}

.crz-ayar{inline-size:44px; block-size:44px; display:grid; place-items:center;
                                                                     
                                                                  
                                                                 
  border:1px solid var(--cizgi-bilesen); border-radius:var(--yr-tam); background:transparent;
  color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2));
  cursor:pointer; transition:var(--mikro); flex:0 0 auto}
.crz-ayar svg{inline-size:1.05rem; block-size:1.05rem}
.crz-ayar:hover{color:var(--mrk); background:var(--z3)}
                                                                        
.crz-gizli{position:absolute; inline-size:1px; block-size:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap}

                          
.crz-bant[data-crz-kucuk]{
  max-inline-size:calc(100% - 2 * var(--cerceve));
  border-radius:var(--yr-tam); padding-inline-start:.7rem; gap:.5rem;
}
html[dir="rtl"] .crz-bant[data-crz-kucuk]{padding-inline-start:.5rem; padding-inline-end:.7rem}
.crz-bant[data-crz-kucuk] .crz-metin{
  opacity:0; max-inline-size:0; overflow:hidden; white-space:nowrap; margin:0; padding:0}
.crz-bant[data-crz-kucuk] .crz-kisa{display:inline}

                       
.crz-perde{position:fixed; inset:0; z-index:9010; background:var(--gece);
  opacity:.55; animation:crz-solu .28s var(--egri) both}
.crz-perde[hidden]{display:none}
@keyframes crz-solu{from{opacity:0}to{opacity:.55}}

.crz-panel{
  position:fixed; z-index:9020;
  inset-block-start:50%; inset-inline-start:50%; transform:translate(-50%,-50%);
  inline-size:min(34rem, calc(100% - 2rem)); max-block-size:min(85vh, 46rem);
  background:var(--z1); border:1px solid var(--cizgi);
  border-radius:var(--yr-l); overflow:hidden;
  display:grid; grid-template-rows:auto minmax(0,1fr) auto;
  animation:crz-ac .3s var(--egri) both;
}
html[dir="rtl"] .crz-panel{transform:translate(50%,-50%)}
.crz-panel[hidden]{display:none}
@keyframes crz-ac{from{opacity:0}to{opacity:1}}

.crz-panel-bas{display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.15rem 1.35rem; border-block-end:1px solid var(--cizgi)}
.crz-panel-bsl{margin:0; font-size:var(--yz-alt); font-weight:800; letter-spacing:-.015em}
.crz-kapat{inline-size:2.2rem; block-size:2.2rem; display:grid; place-items:center;
  border:0; border-radius:var(--yr-tam); background:transparent; color:var(--mrk2);
  cursor:pointer; transition:var(--mikro)}
.crz-kapat svg{inline-size:1.05rem; block-size:1.05rem}
.crz-kapat:hover{background:var(--z3); color:var(--mrk)}

.crz-panel-govde{overflow-y:auto; padding:.35rem 1.35rem 1.2rem}

.crz-kat{display:block; padding-block:1.05rem; border-block-end:1px solid var(--cizgi2)}
.crz-kat-secim{cursor:pointer}
.crz-kat-bas{display:flex; align-items:center; justify-content:space-between; gap:1rem}
.crz-kat-ad{margin:0; font-size:var(--yz-gvd); font-weight:700; color:var(--mrk)}
.crz-kat-not{margin:.4rem 0 0; font-size:var(--yz-kck); line-height:1.55;
  color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2));
  max-inline-size:56ch}
.crz-kilit{font-size:var(--yz-kck); color:var(--mrk2);
  color:var(--crz-mrk2, var(--mrk2)); white-space:nowrap}

.crz-panel-bag{margin:1rem 0 0; font-size:var(--yz-kck)}
.crz-panel-bag a{color:var(--mrk2); color:var(--crz-mrk2, var(--mrk2)); text-decoration:underline; text-underline-offset:.18em;
  text-decoration-color:var(--cizgi); margin-inline-end:1.1rem}
.crz-panel-bag a:hover{color:var(--mrk)}

                                                      
.crz-anahtar{appearance:none; -webkit-appearance:none; margin:0; flex:0 0 auto;
  inline-size:2.9rem; block-size:1.6rem; border-radius:var(--yr-tam);
  background:var(--cizgi); position:relative; cursor:pointer; transition:var(--mikro)}
.crz-anahtar::after{content:""; position:absolute; inset-block-start:.2rem;
  inset-inline-start:.2rem; inline-size:1.2rem; block-size:1.2rem;
  border-radius:var(--yr-tam); background:var(--z1); transition:var(--mikro)}
.crz-anahtar:checked{background:var(--aksan)}
.crz-anahtar:checked::after{inset-inline-start:1.5rem}
html[dir="rtl"] .crz-anahtar:checked::after{inset-inline-start:auto; inset-inline-end:1.5rem}
.crz-anahtar:focus-visible{outline:2px solid var(--mrk); outline-offset:2px}

.crz-panel-alt{display:flex; flex-wrap:wrap; gap:.5rem; padding:1.1rem 1.35rem;
  border-block-start:1px solid var(--cizgi); background:var(--z2)}

                                                                             
.crz-yeniden{background:none; border:0; padding:0; font:inherit; cursor:pointer;
  color:inherit; text-decoration:underline; text-underline-offset:.18em}

@media (max-width:760px){
  .crz-bant{flex-wrap:wrap; padding:.65rem; gap:.5rem;
    max-inline-size:calc(100% - 2 * var(--cerceve))}
                                                                     
                                                           
  .crz-metin{flex:1 1 18rem; padding-inline:.25rem}
                                                                           
  .crz-dgm-iz{flex:1 1 18rem; display:grid; grid-template-columns:1fr 1fr 44px; gap:.35rem}
  .crz-dgm{inline-size:100%; min-block-size:44px; padding-inline:.5rem}
  .crz-ayar{inline-size:44px; block-size:44px}
                                   
  .crz-bant[data-crz-kucuk]{flex-wrap:nowrap; padding-block:.35rem;
    padding-inline-start:.7rem; padding-inline-end:.35rem}
  html[dir="rtl"] .crz-bant[data-crz-kucuk]{padding-inline-start:.35rem; padding-inline-end:.7rem}
  .crz-bant[data-crz-kucuk] .crz-dgm-iz{flex:0 0 auto; display:flex;
    grid-template-columns:none; gap:.3rem}
  .crz-bant[data-crz-kucuk] .crz-dgm{inline-size:auto; min-block-size:44px; padding-inline:.7rem}
  .crz-bant[data-crz-kucuk] .crz-ayar{inline-size:44px; block-size:44px}
}

                                                                            
                                                                   
                                                                                    
@media (max-width:400px){
  .crz-bant .crz-dgm{font-size:var(--yz-etk); padding-inline:.5rem; letter-spacing:0}
  .crz-bant .crz-dgm-iz{grid-template-columns:1fr 1fr 44px}
  .crz-bant .crz-ayar{inline-size:44px; block-size:44px}
  .crz-bant[data-crz-kucuk]{gap:.35rem}
  .crz-bant[data-crz-kucuk] .crz-kisa{display:none}
  .crz-bant[data-crz-kucuk] .crz-dgm-iz .crz-dgm{padding-inline:.45rem}
  .crz-bant[data-crz-kucuk] .crz-ayar{inline-size:44px; block-size:44px}
}

@media (prefers-reduced-motion:reduce){
  .crz-bant,.crz-perde,.crz-panel{animation-duration:.01ms}
  .crz-bant,.crz-metin{transition-duration:.01ms}
}

                                                                         
                                                                          
                                                                         
                                                                          
                                                                         
                                                    
body[data-crz-acik]{ margin-block-end: var(--crz-yer, 0px); }