.ist{background:var(--z1)}
                                                        
                                                                      
                                                                      
.ist-bas{display:grid;justify-items:center;text-align:center;
  gap:var(--blm-bsl-ara);margin-inline:auto;
  margin-block-end:var(--blm-bas-alt)}
.ist-bas > p{max-inline-size:58ch;margin:0}

.ist-bsl{font-family:Manrope,ui-sans-serif,sans-serif;font-weight:800;
  font-size:var(--blm-bsl);line-height:1.03;letter-spacing:-.035em;
  max-inline-size:18ch;text-wrap:balance;color:var(--mrk)}
html[lang="ar"] .ist-bsl{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.35}
.ist-giris{max-inline-size:62ch}

.ist{padding-block:var(--blm-pd)}
.ist-bas{padding-block-end:clamp(2.2rem,5vw,3.4rem)}

.ist-v7-iz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bo-3)}
@media(min-width:640px){.ist-v7-iz{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.ist-v7-iz{grid-template-columns:repeat(5,minmax(0,1fr))}}

                                                                           
                                                                      
                                                                    
.ist-v7-hcr{position:relative;display:grid;gap:.55rem;align-content:start;justify-items:center;
  text-align:center;
  padding-block-end:clamp(.7rem,1.4vw,1rem)}
.ist-v7-hcr::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;
  background:var(--toprak);transform:scaleX(0);transform-origin:left center;
  transition:transform 480ms var(--egri)}
html[dir="rtl"] .ist-v7-hcr::after{transform-origin:right center}
.ist-v7-hcr:hover::after{transform:scaleX(1)}
.ist-v7-hcr .ist-ikon{inline-size:2.7rem;block-size:2.7rem;color:var(--toprak);
  transition:color 420ms var(--egri),opacity 420ms var(--egri)}
.ist-v7-hcr:hover .ist-ikon{color:var(--mrk)}
.ist-v7-syi{display:flex;align-items:baseline;justify-content:center;gap:.35rem;overflow:hidden}
.ist-v7-syi b{font-weight:700;font-size:var(--blm-bsl);line-height:1.05;
  letter-spacing:-.035em;color:var(--mrk);display:block}
.ist-v7-syi i{font-style:normal;font-size:var(--yz-kck);color:var(--mrk2)}
.ist-v7-ad{font-size:var(--yz-etk);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--mrk2);transition:color 420ms var(--egri)}
html[lang="ar"] .ist-v7-ad{letter-spacing:0;text-transform:none}
.ist-v7-hcr:hover .ist-v7-ad{color:var(--mrk)}

@media (prefers-reduced-motion: no-preference){
  .ist-v7-syi b{animation:ist-v7-otur 700ms var(--egri) both}
}
@keyframes ist-v7-otur{from{translate:0 .4em;opacity:.25}to{translate:0 0;opacity:1}}

                                                                      
                                              
                                                                      
                                                                       
                                                                       
                                             

                                                                
                                                                 
                                                                 

                                                                        
                                                                     
                                                           
                                                                         
.ist-v7-mtn{display:contents}

                                                                          
                                                                                
.ist-v7[data-x] .ist-v7-iz{grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bo-2) var(--bo-3)}
                                                                                                       
                                                                      
                                                    
@media(min-width:760px){
  .ist-v7[data-x] .ist-v7-iz{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.ist-v7[data-x] .ist-v7-hcr{display:flex;align-items:center;gap:.7rem;
  text-align:start;padding-block-end:.55rem;
  border-block-end:1px solid var(--cizgi2)}
.ist-v7[data-x] .ist-v7-hcr::after{inset-block-end:-1px}
.ist-v7[data-x] .ist-v7-mtn{display:grid;gap:.1rem;min-inline-size:0}
.ist-v7[data-x] .ist-v7-syi{justify-content:start;gap:.25rem}
.ist-v7[data-x] .ist-v7-ad{line-height:1.35}


                                                                        
.ist-v7[data-x="6"] .ist-v7-diz{display:grid;gap:var(--bo-3)}
.ist-v7[data-x="6"] .ist-v7-hcr .ist-ikon{inline-size:1.4rem;block-size:1.4rem}
.ist-v7[data-x="6"] .ist-v7-syi b{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.15}
.ist-v7[data-x="6"] .ist-v7-syi i{font-size:var(--yz-etk)}
                                                                           
                                                                           
                                                                      
@media(min-width:900px){
  .ist-v7[data-x="6"] .ist-v7-diz{grid-template-columns:minmax(0,19rem) minmax(0,1fr);
    column-gap:var(--bo-4);align-items:start}
  .ist-v7[data-x="6"] .ist-bas{justify-items:start;text-align:start;
    margin-block-end:0;margin-inline:0}
  .ist-v7[data-x="6"] .ist-bsl{max-inline-size:14ch}
  .ist-v7[data-x="6"] .ist-giris{font-size:var(--yz-kck);max-inline-size:38ch}
}
                                                                        
                                                                       
                                                                          
@media(min-width:1180px){
  .ist-v7[data-x="6"] .ist-v7-iz{grid-template-columns:repeat(5,minmax(0,1fr))}
                                                                           
                                                                   
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+5){border-block-end:0}
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+5)::after{content:none}
}

                                                                      
                                                                 
                                                                         

                                                                   
                                                                    
                                                                      
                                                                       
                                                                           
                                                                    
.ist-v7[data-x="6"] .ist-bsl{line-height:1.16}
html[lang="ar"] .ist-v7[data-x="6"] .ist-bsl{line-height:1.5}

                                                                       
                                                    
                                                                      
                                                                           
.ist-v7[data-x] .ist-v7-hcr::after{
  transform-origin:center;
  background:linear-gradient(90deg,
    var(--toprak-mtn) 0%,
    var(--toprak) 50%,
    var(--toprak-mtn) 100%)}
html[data-tema="koyu"] .ist-v7[data-x] .ist-v7-hcr::after{
  background:linear-gradient(90deg,
    var(--toprak) 0%,
    var(--toprak-mtn) 50%,
    var(--toprak) 100%)}
                                                                          

@media(min-width:900px){
  .ist-v7[data-x="6"] .ist-v7-diz{grid-template-columns:minmax(0,21rem) minmax(0,1fr)}
  .ist-v7[data-x="6"] .ist-bsl{max-inline-size:none}
}

                                                                         
                                                                       
                                                                            
                                                                            
                                                             
                                                                        
                                                                           
                                                                             
                                                                        

                                     
                                                                      
                                                          
                                                                      
                                                                      
                                                                 
                                                          
                                                               
                                                                       
                                                                  
                                                                  
                                                                         
@media(min-width:900px){
  .ist-v7[data-x="6"] .ist-bas{padding-block-end:0}
  .ist-v7[data-x="6"] .ist-v7-diz{grid-template-columns:auto minmax(0,1fr)}
  .ist-v7[data-x="6"] .ist-bsl{max-inline-size:14ch}
}

                                                                     
                                                                      
                                                                   
                                                              
                                                                
             
                                                                  
                                                                        
                                                         
                                                                     
                                                                   
                                                                     
                                                                 
@media(max-width:899px){
                                                                
                                                                       
                                                                       
                                                                          
                                                                        
                                                
                                                                         
                                                          
                                                                    
                                                                       
                                                 
                                                                         
                                                                      
  .ist-v7[data-x="6"] .ist-v7-iz{padding-block-end:0}
}

                                                                      
                                               
                                                                         

                                                                       
                                                                          
                                                                       
                                                                      
@media(min-width:760px){
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+3){border-block-end:0}
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+3)::after{content:none}
}
@media(max-width:759px){
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+2){border-block-end:0}
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+2)::after{content:none}
}

                                                                     
                                                                              
                                                                     
                                                                       
                                                 
                                                                         
                                                                          


                                                                      
                                                            
                                                                 
                                                                                
                                                                                  
                                                                                  
                                                                                  
                                                         
.ist-v7[data-x] .ist-v7-ad{white-space:nowrap}
                                                                                
                                                                               
                                                                                 
                                                                                 
                                                                  
@media(max-width:759px){
  .ist-v7[data-x] .ist-v7-hcr{display:grid;justify-items:start;
    gap:.3rem;align-content:start}
  .ist-v7[data-x] .ist-v7-mtn{inline-size:100%}
  .ist-v7[data-x] .ist-v7-ad{font-size:var(--yz-etk);letter-spacing:.04em}
}
                                                                           
                                                                    
                                                                     
                                                                  
@media(max-width:379px){
  .ist-v7[data-x] .ist-v7-ad{white-space:normal;line-height:1.3}
}

                                                                          
                                                                         
                                                                           
                                                                              
                                                                              
@media(min-width:1180px){
  .ist-v7[data-x] .ist-v7-hcr{display:grid;justify-items:start;
    gap:.3rem;align-content:start}
  .ist-v7[data-x] .ist-v7-mtn{inline-size:100%}
  .ist-v7[data-x] .ist-v7-ad{letter-spacing:.07em}
}

                                                                      
                                                                     
                                                                      
                                                                         
                                                                       
                                              

                                 
                                                                        
                                                                        
                                                                          
                                                                       
                                                                    
                                   

                                   
                                                                    
                                                                     
                                   
                                                                       
                                                                       
                                   
                                                                        
                                                              

                                                                    
                                                                        
                                                                 
                                                                         
@media(max-width:759px){
  .ist-v7[data-x]{
                                                                      
                                                                      
                                                                  
    --ist-serit-hcr:clamp(11rem, 51vw, 13.5rem);
    --ist-serit-pay:calc(var(--serit-kenar) + var(--serit-pd));
  }
  .ist-v7[data-x] .ist-v7-iz{
    grid-template-columns:none;
    grid-template-rows:repeat(2, auto);
    grid-auto-flow:column;
    grid-auto-columns:var(--ist-serit-hcr);
    overflow-x:auto;
    overflow-y:clip;                                                     
    margin-inline:calc(-1 * var(--ist-serit-pay));
    padding-inline:var(--ist-serit-pay);
    scroll-padding-inline:var(--ist-serit-pay);
    scroll-snap-type:x proximity;                                                 
    overscroll-behavior-inline:contain;                                              
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ist-v7[data-x] .ist-v7-iz::-webkit-scrollbar{display:none}
  .ist-v7[data-x] .ist-v7-hcr{scroll-snap-align:start}

                                                                    
                                                                  
                                                     
  .ist-v7[data-x="6"] .ist-v7-syi b{font-size:clamp(1.7rem, 7.7vw, 2.1rem);line-height:1.1}
  .ist-v7[data-x="6"] .ist-v7-syi i{font-size:var(--yz-kck)}
  .ist-v7[data-x] .ist-v7-hcr .ist-ikon{inline-size:1.65rem;block-size:1.65rem}
  .ist-v7[data-x] .ist-v7-ad{font-size:var(--yz-etk);letter-spacing:.06em}
  .ist-v7[data-x] .ist-v7-hcr{gap:.42rem;padding-block-end:.7rem}

                                                                          
                                                                    
                                                                   
                                                                               
  .ist-v7[data-x] .ist-v7-hcr:nth-child(odd){border-block-end:1px solid var(--cizgi2)}
  .ist-v7[data-x] .ist-v7-hcr:nth-child(even){border-block-end:0}
  .ist-v7[data-x] .ist-v7-hcr:nth-child(even)::after{content:none}

                                                                
                                                                    
                                                                     
                                                                    
                                                                      
                                                                       
                                 
                                                                    
                                                                        
                                                           
                                                                 
  .ist-v7[data-x="6"] .ist-v7-iz{padding-block-end:0}
  .ist-v7[data-x] .ist-v7-hcr:nth-child(even){padding-block-end:.3rem}

                                                                           
                                                                         
                                                                        
                                                                          
                                                                         
                                                               
                                                                       
                          
  .ist-v7[data-x="6"] .ist-bas{padding-block-end:0}
  .ist-v7[data-x="6"] .ist-v7-diz{row-gap:0}
}

/* Son sıra: kendi alt çizgisi (.ayr-alt) üzerinde kendi hover çizgisi */
@media(min-width:1180px){
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+5)::after{content:"";inset-block-end:0}
}
@media(min-width:760px) and (max-width:1179px){
  .ist-v7[data-x] .ist-v7-hcr:nth-last-child(-n+3)::after{content:"";inset-block-end:0}
}
@media(max-width:759px){
  .ist-v7[data-x] .ist-v7-hcr:nth-child(even)::after{content:"";inset-block-end:0}
}