.mdl{
  position:fixed; inset:0; z-index:9100;
                                                                          
                                              
  display:grid; grid-template-rows:minmax(0,1fr) auto;
  background:color-mix(in oklab, var(--gece) 96%, transparent);
  opacity:0; transition:opacity 320ms var(--egri);
}
.mdl[hidden]{display:none}
.mdl[data-acik]{opacity:1}

                                                                                
                                                                  
                                                      
.mdl-kapat{
  position:absolute; z-index:3;
  inset-block-start:var(--mdl-kapat-y, 16px);
  inset-inline-end:clamp(.7rem,1.6vw,1.25rem);
  display:inline-flex; align-items:center; gap:.45rem;
  block-size:30px; padding-inline:.85rem .95rem;
  border:0; border-radius:var(--yr-xl); cursor:pointer;
  background:#F4EFE5; color:#141A17;
  font:inherit; font-size:var(--yz-kck); font-weight:700;
  letter-spacing:.02em; line-height:1;
  transition:background var(--mikro) var(--egri), inset-block-start var(--mikro) var(--egri);
}
.mdl-kapat:hover{background:#FFFFFF}
.mdl-kapat:focus-visible{outline:2px solid #F4EFE5; outline-offset:3px}
.mdl-ikon{inline-size:.95rem; block-size:.95rem}

                                                                              
.mdl-kapat::before{content:""; position:absolute; inset:-7px -6px;}

                                                   
.mdl-govde{display:none; position:relative; min-block-size:0}
.mdl[data-kip="cerceve"] .mdl-govde[data-mdl-kip="cerceve"],
.mdl[data-kip="dugum"]   .mdl-govde[data-mdl-kip="dugum"],
.mdl[data-kip="galeri"]  .mdl-govde[data-mdl-kip="galeri"]{display:grid}

.mdl-cerceve{inline-size:100%; block-size:100%; border:0; display:block}

                                                                 
.mdl[data-kip="dugum"] .mdl-govde{
                                                                            
                                                                         
                                
  place-items:safe center; padding:clamp(1rem,3vw,2.5rem);
  padding-block-start:clamp(3.5rem,7vw,4.5rem);                            
  overflow:auto; overscroll-behavior:contain;
}
.mdl-tasiyici{
  inline-size:min(96rem, 100%); max-block-size:100%;
  color:var(--keten);
}

                                 
.mdl-alt{grid-column:1 / -1; display:flex; align-items:baseline; justify-content:center;
  gap:1rem; padding-block-start:.5rem}
.mdl-alt[hidden]{display:none}
.mdl-ad{margin:0; color:#F8F4EA; font-size:var(--yz-kck); font-weight:700; line-height:1.3}
.mdl-sayac{margin:0; color:color-mix(in oklab,#F8F4EA 55%,transparent);
  font-size:var(--yz-etk); font-weight:700; letter-spacing:.12em}

                                                                            
html[data-mdl-acik]{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .mdl{transition-duration:.01ms}
}


                                                                       
                                                                      
                       
.mdl[data-kip="galeri"] .mdl-govde{
  grid-template-columns:auto minmax(0,1fr) auto; align-items:center;
                                             
                                                                       
                                                                       
                                                                      
                                                                      
                                                                       
                                                                      
                                                                         
                                                         
  grid-template-rows:minmax(0,1fr);
  gap:clamp(.5rem,2vw,1.5rem); padding:clamp(1rem,3vw,2.5rem);
  padding-block-start:clamp(3.2rem,6vw,3.8rem);                            
}
.mdl-buyuk{
  inline-size:100%; block-size:100%; max-block-size:100%;
  min-inline-size:0; min-block-size:0;                                                 
  object-fit:contain; display:block; margin-inline:auto;
}
.mdl-gez{
  inline-size:2.75rem; block-size:2.75rem; display:grid; place-items:center;
  border:0; border-radius:var(--yr-tam); cursor:pointer;
  background:color-mix(in oklab, #F4EFE5 14%, transparent); color:#F8F4EA;
  transition:background var(--mikro) var(--egri);
}
.mdl-gez:hover{background:color-mix(in oklab, #F4EFE5 26%, transparent)}
.mdl-gez:focus-visible{outline:2px solid #F4EFE5; outline-offset:2px}
.mdl-gez[hidden]{visibility:hidden; display:grid}                                      
html[dir="rtl"] .mdl-gez svg{transform:scaleX(-1)}

                                                                        
                                                                     
                                                                       
                                                                   
                                                                   
                                         
@media (max-width:640px){
  .mdl[data-kip="galeri"] .mdl-govde{
    grid-template-columns:minmax(0,1fr); gap:0; padding-inline:.5rem;
  }
  .mdl-gez{
    position:absolute; z-index:2;
    inset-block-start:50%; transform:translateY(-50%);
    inline-size:2.75rem; block-size:2.75rem;
    background:color-mix(in oklab, #141A17 55%, transparent);
  }
  .mdl-gez--geri {inset-inline-start:.4rem}
  .mdl-gez--ileri{inset-inline-end:.4rem}
  .mdl-gez:hover{background:color-mix(in oklab, #141A17 72%, transparent)}
}