.gnl{
                                                                      
  --gnl-kart-yr: var(--yr-l);                              
  --gnl-gecis: var(--mikro);                               
  padding-block-end: clamp(4rem, 8vw, 7rem);
}
.gnl *{box-sizing:border-box}
                                                                
                                                                       
                                                                         
                                                                         
                                                                

                                                                         
.gnl-giris{padding-block-start:calc(var(--nav-h) + clamp(1.5rem, 4vw, 3rem))}
.gnl-giris h1{
  font-size:clamp(2.4rem, 5.4vw, 4.1rem);margin:.55rem 0 0;
  max-inline-size:16ch;
}
.gnl-giris p{
  margin:var(--bo-2) 0 0;color:var(--mrk2);font-size:var(--yz-gir);
  max-inline-size:56ch;line-height:var(--sy-gvd);
}

                                                                         
.gnl-blm{margin-block-start:clamp(3rem, 6vw, 5rem)}
.gnl-blm-sm{margin-block-start:clamp(2.25rem, 4.5vw, 3.5rem)}
.gnl-bas{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--bo-2);margin-block-end:var(--bo-3);
  padding-block-end:.9rem;border-block-end:1px solid var(--cizgi2);
}
.gnl-bas h2{font-size:clamp(1.5rem, 2.2vw, 2.1rem);line-height:1.1}
.gnl-bas-lnk{
  display:inline-flex;align-items:center;gap:.45rem;flex:none;
  font-size:var(--yz-kck);font-weight:600;color:var(--mrk3);
  transition:color var(--gnl-gecis) var(--egri);
}
.gnl-bas-lnk:hover{color:var(--aksan)}
.gnl-bas-lnk svg{inline-size:.85rem;block-size:.85rem}
html[dir="rtl"] .gnl-bas-lnk svg{transform:scaleX(-1)}

                                                                         
.gnl-etk{                                                                 
  font-size:var(--yz-etk);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aksan);
}
html[lang="ar"] .gnl-etk{letter-spacing:0;text-transform:none}
.gnl-rozet{                                                                    
  display:inline-block;border-radius:var(--yr-tam);padding:.3rem .7rem;
  font-size:var(--yz-etk);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;
  background:rgba(11,15,14,.42);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16);
}
html[lang="ar"] .gnl-rozet{letter-spacing:0;text-transform:none}
.gnl-tar{font-size:var(--yz-kck);color:var(--mrk3)}
.gnl-k2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gnl-k3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

                                                           
                                                                  
.gnl-gorsel{position:relative;overflow:hidden;background:var(--z2)}
.gnl-gorsel img{
  inline-size:100%;block-size:100%;object-fit:cover;display:block;
  transition:transform var(--sahne) var(--egri);
}
.gnl-krt:hover .gnl-gorsel img{transform:scale(1.04)}
.gnl-ortu{                                                                    
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,
    rgba(11,15,14,.86) 2%, rgba(11,15,14,.45) 38%, rgba(11,15,14,0) 70%);
}

                                                                   
.gnl-krt{
  position:relative;display:block;border-radius:var(--gnl-kart-yr);
  overflow:hidden;
  transition:box-shadow var(--gecis) var(--egri),
             border-color var(--gecis) var(--egri);
}
.gnl-krt:hover{box-shadow:0 18px 44px -28px rgba(11,15,14,.55)}
html[data-tema="koyu"] .gnl-krt:hover{box-shadow:0 18px 44px -26px rgba(0,0,0,.8)}
.gnl-krt .gnl-bslk{transition:opacity var(--mikro) var(--egri)}
.gnl-krt:hover .gnl-bslk{opacity:.78}

                                                                      
                                                                         
                                                                       
                                                                  
                                                                       
.gnl-hero{
  position:relative;border-radius:var(--yr-xl);overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#20272A,#0B0F0E);
  block-size:clamp(24rem, 52vw, 34rem);
  margin-block-start:clamp(1.5rem, 3vw, 2.5rem);
}
.gnl-hero-kat{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  transition:opacity var(--gecis) var(--egri);
}
.gnl-hero-kat.acik{opacity:1;pointer-events:auto}
.gnl-hero-kat img{
  position:absolute;inset:0;inline-size:100%;block-size:100%;
  object-fit:cover;transform:scale(1.02);
}
.gnl-hero-g1{position:absolute;inset:0;
  background:linear-gradient(100deg, rgba(11,15,14,.82), rgba(11,15,14,.34) 46%, rgba(11,15,14,.02) 74%)}
.gnl-hero-g2{position:absolute;inset:0;
  background:linear-gradient(to top, rgba(11,15,14,.86), rgba(11,15,14,0) 52%)}
.gnl-hero-yzi{
  position:absolute;inset-inline:0;inset-block-end:clamp(1.5rem, 4vw, 2.5rem);
  padding-inline:clamp(1.5rem, 4vw, 3rem);
  text-shadow:0 1px 2px rgba(0,0,0,.4), 0 6px 26px rgba(0,0,0,.45);
}
.gnl-hero-yzi h2{
  font-size:clamp(1.9rem, 4.2vw, 3.4rem);margin:.7rem 0 0;max-inline-size:19ch;
}
.gnl-hero-meta{
  margin-block-start:1rem;display:flex;align-items:center;gap:.6rem;
  font-size:var(--yz-dgm);color:rgba(255,255,255,.82);
}
.gnl-hero-nokta{
  inline-size:.4rem;block-size:.4rem;border-radius:var(--yr-tam);
  background:var(--toprak);flex:none;
}
.gnl-hero-sec{display:none}
@media(min-width:56rem){
  .gnl-hero-yzi{inset-block-end:calc(7.5rem + clamp(1rem,2vw,1.5rem))}
  .gnl-hero-sec{
    display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bo-2);
    position:absolute;inset-inline:0;inset-block-end:0;z-index:3;
    padding:clamp(1rem, 2vw, 1.35rem);
  }
}
.gnl-hero-krt{
  display:flex;align-items:center;gap:.8rem;border-radius:var(--yr-m);
  padding:.7rem;cursor:pointer;text-align:start;
  background:rgba(11,15,14,.44);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
  transition:background var(--mikro) var(--egri),
             border-color var(--mikro) var(--egri);
}
.gnl-hero-krt:hover{background:rgba(11,15,14,.62)}
.gnl-hero-krt.secili{border-color:var(--toprak);background:rgba(11,15,14,.66)}
.gnl-hero-kck{
  inline-size:3.4rem;block-size:3.4rem;border-radius:var(--yr-s);
  overflow:hidden;flex:none;background:rgba(255,255,255,.08);
}
.gnl-hero-kck img{inline-size:100%;block-size:100%;object-fit:cover}
.gnl-hero-krt h3{
  font-size:var(--yz-kck);font-weight:700;line-height:1.32;color:#fff;margin:0;
}
.gnl-hero-krt em{
  display:block;margin-block-start:.3rem;font-style:normal;
  font-size:var(--yz-etk);color:rgba(255,255,255,.62);
}

                                                                      
                                                                   
                                                                   
                                                                   
                                                                       
.gnl-iz4{display:grid;grid-template-columns:1fr;gap:var(--bo-3)}
@media(min-width:40rem){.gnl-iz4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:64rem){.gnl-iz4{grid-template-columns:repeat(4,1fr)}}
.gnl-iz3{display:grid;grid-template-columns:1fr;gap:var(--bo-3)}
@media(min-width:64rem){.gnl-iz3{grid-template-columns:repeat(3,1fr)}}
.gnl-iz2{display:grid;grid-template-columns:1fr}
@media(min-width:64rem){.gnl-iz2{grid-template-columns:1fr 1fr}}

.gnl-uzun{block-size:24rem}                                               
.gnl-uzun .gnl-gorsel{position:absolute;inset:0}
.gnl-uzun .gnl-alt{
  position:absolute;inset-inline:0;inset-block-end:0;
  padding:clamp(1.1rem, 2vw, 1.4rem);color:#fff;
}
.gnl-uzun .gnl-alt h3{
  font-size:var(--yz-alt);font-weight:700;line-height:1.28;margin:.75rem 0 0;
}
.gnl-uzun .gnl-alt .gnl-tar{color:rgba(255,255,255,.78);margin-block-start:.6rem}

                                 
.gnl-duz{
                                                                      
                                                                    
                                                                      
                                                      
  block-size:auto;min-block-size:17rem;
  display:flex;flex-direction:column;
  padding:clamp(1.25rem, 2.2vw, 1.6rem);color:#fff;
}
@media(min-width:40rem){.gnl-duz{block-size:24rem;min-block-size:0}}
.gnl-duz.t-zeytin{background:#5F6E54}
.gnl-duz.t-toprak{background:#8A5A38}
.gnl-duz.t-murekkep{background:#1E2522}
.gnl-duz h3{font-size:var(--yz-ust);font-weight:700;line-height:1.22;margin:.75rem 0 0}
.gnl-duz p{
  margin:.85rem 0 0;font-size:var(--yz-kck);line-height:1.55;
  color:rgba(255,255,255,.74);
}
.gnl-duz .gnl-duz-alt{
  margin-block-start:auto;display:flex;align-items:center;gap:.55rem;
  font-size:var(--yz-kck);color:rgba(255,255,255,.72);
}
.gnl-duz .gnl-etk{color:rgba(255,255,255,.78)}
.gnl-duz-sus{                                                           
  position:absolute;inset-inline-end:-1.2rem;inset-block-end:-1.6rem;
  inline-size:9rem;block-size:9rem;opacity:.1;pointer-events:none;color:#fff;
}

                                                                        
.gnl-liste{
  border:1px solid var(--cizgi);border-radius:var(--gnl-kart-yr);
  padding:var(--kart-pd);background:var(--z2);
}
.gnl-liste h3{
  font-size:var(--yz-alt);font-weight:700;margin:0 0 var(--bo-2);
  padding-block-end:.8rem;border-block-end:1px solid var(--cizgi2);
}
.gnl-liste ul{list-style:none;margin:0;padding:0}
.gnl-liste li + li{border-block-start:1px solid var(--cizgi2)}
.gnl-liste a{
  display:flex;align-items:flex-start;gap:.75rem;padding-block:.85rem;
  font-size:var(--yz-gvd);font-weight:600;line-height:1.4;
  transition:color var(--mikro) var(--egri);
}
.gnl-liste a:hover{color:var(--aksan)}
.gnl-liste a::before{
  content:"";inline-size:.4rem;block-size:.4rem;border-radius:var(--yr-tam);
  background:var(--toprak-mtn);flex:none;margin-block-start:.55rem;
}
.gnl-orta{min-block-size:19rem}
.gnl-orta .gnl-gorsel{position:absolute;inset:0}
.gnl-orta .gnl-alt{
  position:absolute;inset-inline:0;inset-block-end:0;
  padding:clamp(1.25rem, 2.4vw, 1.6rem);color:#fff;
}
.gnl-orta .gnl-alt h3{font-size:var(--yz-ust);font-weight:700;line-height:1.24;margin:.75rem 0 0}
.gnl-orta .gnl-alt .gnl-tar{color:rgba(255,255,255,.78);margin-block-start:.65rem}

                                                                        
.gnl-bant{
  border-radius:var(--yr-xl);overflow:hidden;
  background:var(--z2);border:1px solid var(--cizgi2);
}
.gnl-bant-yzi{
  display:flex;flex-direction:column;
  padding:clamp(1.75rem, 4vw, 3.5rem);
}
.gnl-bant-yzi h2{
  font-size:clamp(1.8rem, 3.4vw, 2.9rem);margin:var(--bo-2) 0 0;
}
.gnl-bant-yzi p{
  margin:var(--bo-2) 0 0;color:var(--mrk2);font-size:var(--yz-gir);
  line-height:1.6;max-inline-size:46ch;
}
.gnl-bant-gorsel{position:relative;min-block-size:16rem;overflow:hidden;background:var(--z3)}
.gnl-bant-gorsel img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.gnl-once{order:0}.gnl-sonra{order:1}
@media(min-width:64rem){.gnl-once{order:1}.gnl-sonra{order:0}}

                                            
.gnl-dgm{
  align-self:flex-start;margin-block-start:clamp(1.5rem, 3vw, 2.25rem);
  display:inline-flex;align-items:center;gap:.6rem;
  border-radius:var(--yr-tam);padding:.85rem 1.6rem;
  background:var(--murekkep);color:var(--keten);
  font-size:var(--yz-dgm);font-weight:700;
  transition:background var(--gecis) var(--egri);
}
html[data-tema="koyu"] .gnl-dgm{background:var(--keten);color:var(--murekkep)}
.gnl-dgm:hover{background:var(--aksan);color:#fff}
.gnl-dgm svg{inline-size:.95rem;block-size:.95rem;flex:none}
html[dir="rtl"] .gnl-dgm svg{transform:scaleX(-1)}

                                                                     
                                                                       
                                                                       
.gnl-serit{
  display:flex;gap:var(--bo-3);overflow-x:auto;
  padding-block:.9rem 2.25rem;padding-inline:2px;
  scrollbar-width:none;scroll-snap-type:x proximity;
}
.gnl-serit::-webkit-scrollbar{display:none}
.gnl-serit > *{scroll-snap-align:start}
.gnl-ay{
  flex:none;inline-size:18.5rem;block-size:28.5rem;
  display:flex;flex-direction:column;
  border:1px solid var(--cizgi);background:var(--z2);
  transition:transform var(--gecis) var(--egri),
             box-shadow var(--gecis) var(--egri),
             border-color var(--gecis) var(--egri);
}
.gnl-ay:hover{transform:rotate(0deg) !important;border-color:var(--aksan)}
.gnl-ay .gnl-gorsel{aspect-ratio:1/1;flex:none}
.gnl-ay-yzi{padding:var(--kart-pd);flex:1;display:flex;flex-direction:column}
.gnl-ay-yzi h3{
  font-size:var(--yz-alt);font-weight:700;line-height:1.3;margin:.5rem 0 0;
}
.gnl-ay-yzi .gnl-etk{margin-block-start:auto}
.gnl-ay-yzi .gnl-tar{margin-block-start:.65rem}

                                                                        
.gnl-not{
  flex:none;inline-size:12rem;aspect-ratio:9/16;
  border-radius:var(--yr-l);
}
.gnl-not .gnl-gorsel{position:absolute;inset:0}
.gnl-not-etk{
  position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem;
  display:inline-flex;align-items:center;gap:.35rem;color:#fff;
  font-size:var(--yz-etk);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.5);
}
html[lang="ar"] .gnl-not-etk{letter-spacing:0;text-transform:none}
.gnl-not-etk svg{inline-size:.7rem;block-size:.7rem}
                                                                   
                                                                       
                                                                        
                                                                  
.gnl-not-alt{
  position:absolute;inset-inline:0;inset-block-end:0;padding:.85rem;
}
.gnl-not-alt h3{
  margin:0;color:#fff;font-size:var(--yz-kck);font-weight:700;line-height:1.3;
}

                                                                        
.gnl-vid{display:grid;grid-template-columns:1fr;gap:var(--bo-3)}
@media(min-width:64rem){.gnl-vid{grid-template-columns:24rem 1fr;gap:var(--bo-4)}}
.gnl-vid-sat{
  display:flex;align-items:center;gap:.9rem;border-radius:var(--yr-m);
  padding:.7rem;border:1px solid var(--cizgi2);
  transition:border-color var(--mikro) var(--egri),
             background var(--mikro) var(--egri);
}
.gnl-vid-sat:hover{border-color:var(--aksan);background:var(--z2)}
.gnl-vid-kck{
  inline-size:6.5rem;aspect-ratio:16/11;border-radius:var(--yr-s);
  overflow:hidden;flex:none;background:var(--z3);
}
.gnl-vid-kck img{inline-size:100%;block-size:100%;object-fit:cover}
.gnl-vid-sat h3{font-size:var(--yz-dgm);font-weight:700;line-height:1.32;margin:0}
.gnl-vid-sat .gnl-tar{margin-block-start:.4rem}
.gnl-vid-one{position:relative;border-radius:var(--yr-l);overflow:hidden;display:block}
.gnl-vid-one .gnl-gorsel{aspect-ratio:16/9}
.gnl-vid-one .gnl-alt{
  position:absolute;inset-inline:0;inset-block-end:0;
  padding:clamp(1.25rem, 2.4vw, 1.75rem);color:#fff;
}
.gnl-vid-one .gnl-alt h2{
  font-size:clamp(1.3rem, 2vw, 1.9rem);font-weight:700;margin:.75rem 0 0;
}
.gnl-oynat{
  position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
}
.gnl-oynat span{
  inline-size:4rem;block-size:4rem;border-radius:var(--yr-tam);
  background:rgba(236,230,218,.92);display:grid;place-items:center;color:var(--murekkep);
}
.gnl-oynat svg{inline-size:1.1rem;block-size:1.1rem;margin-inline-start:.15rem}

                                                                        
.gnl-konu-bant{
  border-radius:var(--yr-xl);border:1px solid var(--cizgi2);background:var(--z2);
  padding:clamp(2.25rem, 5vw, 3.5rem) clamp(1.25rem, 3vw, 2rem);text-align:center;
}
.gnl-konu-bant h2{
  font-size:clamp(1.7rem, 3vw, 2.5rem);max-inline-size:20ch;margin-inline:auto;
}
.gnl-konu-bant > .ust-etk{justify-content:center;margin-block-end:.9rem}
.gnl-konu-bant > p{
  margin:var(--bo-2) auto 0;max-inline-size:48ch;color:var(--mrk2);
  font-size:var(--yz-gir);line-height:1.55;
}
.gnl-konu-iz{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--bo-2);
  margin-block-start:clamp(2rem, 4vw, 2.75rem);
}
@media(min-width:40rem){.gnl-konu-iz{grid-template-columns:repeat(3,1fr)}}
@media(min-width:64rem){.gnl-konu-iz{grid-template-columns:repeat(5,1fr)}}
.gnl-konu{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  text-align:start;gap:.7rem;min-block-size:11rem;
  border-radius:var(--yr-l);padding:1.35rem;
  background:var(--z1);border:1px solid var(--cizgi);
  transition:border-color var(--gecis) var(--egri),
             background var(--gecis) var(--egri);
}
.gnl-konu:hover{border-color:var(--aksan);background:var(--z3)}
.gnl-konu-ikon{
  inline-size:2.9rem;block-size:2.9rem;border-radius:var(--yr-m);
  display:grid;place-items:center;color:var(--aksan);
  background:var(--z3);border:1px solid var(--cizgi2);
}
html[data-tema="koyu"] .gnl-konu-ikon{background:rgba(155,172,141,.12)}
.gnl-konu-ikon svg{inline-size:1.3rem;block-size:1.3rem}
.gnl-konu b{font-size:var(--yz-dgm);font-weight:700;line-height:1.25}
.gnl-konu span.gnl-say{font-size:var(--yz-etk);color:var(--mrk3);font-weight:600}
.gnl-konu-ok{
  margin-block-start:auto;inline-size:2.1rem;block-size:2.1rem;
  border-radius:var(--yr-tam);display:grid;place-items:center;
  color:var(--aksan);border:1px solid var(--cizgi);
}
.gnl-konu-ok svg{inline-size:.8rem;block-size:.8rem;transition:transform var(--mikro) var(--egri)}
.gnl-konu:hover .gnl-konu-ok svg{transform:translateX(2px)}
html[dir="rtl"] .gnl-konu-ok svg{transform:scaleX(-1)}
html[dir="rtl"] .gnl-konu:hover .gnl-konu-ok svg{transform:scaleX(-1) translateX(2px)}

                                                                      
                                                                   
                                                                       
.gnl-akis{
  --gnl-oluk: var(--bo-4);
  display:grid;grid-template-columns:1fr;gap:var(--gnl-oluk);position:relative;
}
@media(min-width:40rem){.gnl-akis{grid-template-columns:repeat(2,1fr)}}
@media(min-width:64rem){.gnl-akis{grid-template-columns:repeat(3,1fr)}}
.gnl-akis-og{position:relative;display:block}
.gnl-akis-og::before{                                       
  content:"";position:absolute;inset-inline:0;
  inset-block-start:calc(var(--gnl-oluk) / -2);block-size:1px;
  background:linear-gradient(90deg, transparent, var(--cizgi) 18%, var(--cizgi) 82%, transparent);
}
.gnl-akis-og::after{                                         
  content:"";position:absolute;inset-block:0;
  inset-inline-end:calc(var(--gnl-oluk) / -2);inline-size:1px;display:none;
  background:linear-gradient(180deg, transparent, var(--cizgi) 18%, var(--cizgi) 82%, transparent);
}
.gnl-akis-og:nth-child(1)::before{display:none}
@media(min-width:40rem){
  .gnl-akis-og::after{display:block}
  .gnl-akis-og:nth-child(2n)::after{display:none}
  .gnl-akis-og:nth-child(2)::before{display:none}
}
@media(min-width:64rem){
  .gnl-akis-og:nth-child(2n)::after{display:block}
  .gnl-akis-og:nth-child(3n)::after{display:none}
  .gnl-akis-og:nth-child(3)::before{display:none}
}
.gnl-akis-og .gnl-gorsel{
  aspect-ratio:16/10;border-radius:var(--yr-m);margin-block-end:var(--bo-2);
}
.gnl-akis-og h2{font-size:var(--yz-alt);font-weight:700;line-height:1.28;margin:.4rem 0 0}
.gnl-akis-og p{
  margin:.6rem 0 0;color:var(--mrk2);font-size:var(--yz-kck);line-height:1.55;
}
.gnl-akis-og .gnl-tar{margin-block-start:.7rem}
.gnl-akis-og:hover h2{opacity:.78}
.gnl-akis-og h2{transition:opacity var(--mikro) var(--egri)}
.gnl-akis-og:hover .gnl-gorsel img{transform:scale(1.04)}

                                                                     
                                                                      
                                                                       
/* Kapanış kartı — landing'deki «öncelikli alım hakkı» kartının dokusu
   (Patron 24.09.2026 03:28): yatay kart · altın tonlu kenarlık · eğik gradient zemin ·
   solda metin, sağda düğme. Yükseklik eskisiyle aynı (dolgu değişmedi). */
/* Kapanış kartı — landing'deki «öncelikli alım hakkı» kartının birebir dokusu
   (Patron 24.09.2026 03:28): düz kart zemini · altın tonlu ince kenarlık ·
   metin ve düğme solda alt alta · sağ yarıda villa görseli sola doğru silinerek kaybolur.
   Yükseklik eskisiyle aynı bırakıldı (dolgu değişmedi). */
.gnl-kapanis{
  margin-block-start:clamp(3.5rem, 7vw, 6rem);
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(.55rem, 1.1vw, .85rem);
  border:1px solid color-mix(in oklab, var(--aksan) 28%, var(--cizgi));
  border-radius:var(--yr-xl);
  padding:clamp(2.25rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3.5rem);
  color:var(--mrk);background:var(--z2);
}
/* sağ yarıdaki görsel: sağ kenarda %72 görünür, kartın ortasında kaybolur */
.gnl-kapanis::after{
  content:"";position:absolute;inset-block:-14%;inset-inline-end:0;z-index:0;
  inline-size:50%;pointer-events:none;
  background:url("/kalici/t-23/tema/assets/img/cta-arkaplan.webp") center center/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 34%,rgba(0,0,0,.2) 66%,transparent 100%);
          mask-image:linear-gradient(to left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 34%,rgba(0,0,0,.2) 66%,transparent 100%);
}
html[dir="rtl"] .gnl-kapanis::after{
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 34%,rgba(0,0,0,.2) 66%,transparent 100%);
          mask-image:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 34%,rgba(0,0,0,.2) 66%,transparent 100%);
}
.gnl-kapanis > *{position:relative;z-index:1}
.gnl-kapanis-mtn{min-inline-size:0;max-inline-size:min(100%, 38rem)}
/* başlık ölçüsü sitenin bölüm başlığıyla birebir (.ics-manifesto-bsl) — Patron 24.09.2026 03:52 */
.gnl .gnl-kapanis h2{font-size:var(--blm-bsl);line-height:1.06;letter-spacing:-.035em;max-inline-size:22ch;margin:0;color:var(--mrk);text-wrap:balance}
/* gövde ölçüsü Hakkımızda açıklama yazısıyla birebir (.hcn-gvd) */
.gnl-kapanis p{
  margin:.75rem 0 0;max-inline-size:52ch;
  color:var(--mrk2);font-size:clamp(.95rem, 1.02vw, 1.02rem);line-height:1.65;
}
.gnl-kapanis .ust-etk{color:var(--aksan);margin:0}
.gnl-kapanis .gnl-dgm{flex:0 0 auto;background:var(--aksan);color:var(--z1)}
.gnl-kapanis .gnl-dgm:hover{background:var(--toprak);color:#fff}
/* dar ekranda görsel kartın çoğunu kaplayıp yazıyı bastırmasın */
@media(max-width:53.75rem){ .gnl-kapanis::after{opacity:.3} }

                                                                        
.gnl-sayfalar{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:.5rem;margin-block-start:clamp(2.5rem, 5vw, 4rem);
}
.gnl-syf,.gnl-syf-ok{
  min-inline-size:2.6rem;block-size:2.6rem;padding-inline:.75rem;
  border-radius:var(--yr-m);display:grid;place-items:center;
  font-weight:600;font-size:var(--yz-dgm);color:var(--mrk);
  background:var(--z2);border:1px solid var(--cizgi);
  transition:border-color var(--mikro) var(--egri),
             background var(--mikro) var(--egri),
             color var(--mikro) var(--egri);
}
.gnl-syf:hover,.gnl-syf-ok:hover{border-color:var(--aksan)}
.gnl-syf.acik{background:var(--aksan);border-color:var(--aksan);color:#fff}
.gnl-syf-ok.kapali{opacity:.4;pointer-events:none}
.gnl-syf-ok svg{inline-size:.9rem;block-size:.9rem}
html[dir="rtl"] .gnl-syf-ok svg{transform:scaleX(-1)}
.gnl-uc{color:var(--mrk3);padding-inline:.25rem}

                                                                        
.gnl-bos{
  border:1px dashed var(--cizgi);border-radius:var(--yr-l);
  padding:clamp(2.5rem, 6vw, 4.5rem);text-align:center;
  margin-block-start:clamp(2rem, 4vw, 3rem);
}
.gnl-bos svg{inline-size:2.6rem;block-size:2.6rem;color:var(--mrk3);margin-inline:auto}
.gnl-bos h2{font-size:var(--yz-ust);font-weight:700;margin:var(--bo-2) 0 0}
.gnl-bos p{margin:.7rem auto 0;color:var(--mrk2);max-inline-size:44ch}

                                                                      
                            
                                                                         

                                                       
.gnl-ilerle{
  position:fixed;inset-block-start:0;inset-inline:0;block-size:2px;
  z-index:9999;pointer-events:none;background:transparent;
}
.gnl-ilerle i{
  display:block;block-size:100%;inline-size:0;
  background:linear-gradient(90deg, var(--aksan-yzy), var(--toprak));
  transition:inline-size .12s linear;
}

                                                   
.gnl-yzi-hero{
  position:relative;overflow:hidden;color:#fff;
  min-block-size:clamp(20rem, 42vw, 28rem);
  display:flex;align-items:flex-end;
  background:linear-gradient(135deg,#20272A,#0B0F0E);
}
.gnl-yzi-hero > img{
  position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;
}
.gnl-yzi-hero .gnl-ortu{
  background:linear-gradient(to top,
    rgba(11,15,14,.9) 6%, rgba(11,15,14,.5) 46%, rgba(11,15,14,.18) 100%);
}
.gnl-yzi-hero-ic{
  position:relative;z-index:2;inline-size:100%;
  padding-block:calc(var(--nav-h) + 2rem) clamp(2rem, 4vw, 3.25rem);
}
.gnl-yzi-hero h1{
  font-size:clamp(2rem, 4.6vw, 3.6rem);margin:var(--bo-2) 0 0;max-inline-size:22ch;
  text-shadow:0 2px 24px rgba(0,0,0,.45);
}
.gnl-yzi-sade{background:var(--z2);color:var(--mrk);min-block-size:0}
.gnl-yzi-sade h1{text-shadow:none}
.gnl-yzi-sade .gnl-yol,.gnl-yzi-sade .gnl-yol a{color:var(--mrk3)}
.gnl-yzi-sade .gnl-yol a:hover{color:var(--aksan)}

                  
.gnl-yol{
  display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;
  font-size:var(--yz-kck);color:rgba(255,255,255,.72);
}
.gnl-yol a{transition:color var(--mikro) var(--egri)}
.gnl-yol a:hover{color:#fff}
.gnl-yol span[aria-hidden]{opacity:.5}

                                        
.gnl-yzi-iz{
  display:grid;grid-template-columns:1fr;gap:var(--bo-4);
  padding-block:clamp(2rem, 4vw, 3.25rem);
}
@media(min-width:64rem){.gnl-yzi-iz{grid-template-columns:20.5rem 1fr}}  /* sol sütun genişletildi — Patron 23.09.2026 */
.gnl-yan{display:none}
@media(min-width:64rem){.gnl-yan{display:block}}
.gnl-yan-sabit{position:static;block-size:100%}
/* sticky'nin çalışabilmesi için ata zincirinin makale boyu kadar uzun olması şart:
   aside grid hücresinde gerilir, sarmalayıcı da onun boyunu alır. */
@media(min-width:64rem){.gnl-yan{align-self:stretch}}
/* Türk Bilişim düzeni (Patron 24.09.2026 03:20): yan sütun sayfayla birlikte akar;
   yalnız talep + danışman grubu ekranın üstüne gelince yapışır. */
.gnl-yan-grup{display:grid;gap:var(--bo-3)}
@media(min-width:64rem){
  .gnl-yan-grup{
    position:sticky;inset-block-start:calc(var(--nav-h) + .75rem);align-self:start;
    /* emniyet: çok kısa ekranda grup taşarsa kendi içinde kayar, normalde devrede değil */
    max-block-size:calc(100dvh - var(--nav-h) - 1.5rem);
    overflow-y:auto;overscroll-behavior-y:auto;
    scrollbar-width:thin;scrollbar-color:var(--cizgi) transparent;
  }
  .gnl-yan-grup::-webkit-scrollbar{inline-size:4px}
  .gnl-yan-grup::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}
}

                 
.gnl-ndkl{
  border:1px solid var(--cizgi);border-radius:var(--yr-l);
  padding:1.25rem;background:var(--z2);
}
.gnl-ndkl > b{
  display:block;font-size:var(--yz-etk);font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mrk3);margin-block-end:.85rem;
}
html[lang="ar"] .gnl-ndkl > b{letter-spacing:0;text-transform:none}
.gnl-ndkl ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.gnl-ndkl a{
  display:block;padding:.42rem .6rem;border-radius:var(--yr-s);
  font-size:var(--yz-kck);line-height:1.4;color:var(--mrk2);
  border-inline-start:2px solid transparent;
  transition:color var(--mikro) var(--egri),
             background var(--mikro) var(--egri),
             border-color var(--mikro) var(--egri);
}
.gnl-ndkl a:hover{color:var(--mrk);background:var(--z3)}
.gnl-ndkl a.acik{color:var(--aksan);border-inline-start-color:var(--aksan);font-weight:600}
.gnl-ndkl .sv2{padding-inline-start:1.35rem;font-size:var(--yz-etk)}

                           
.gnl-yan-talep{
  margin-block-start:0;border-radius:var(--yr-l);
  padding:1.35rem;background:var(--murekkep);color:var(--keten);
}
html[data-tema="koyu"] .gnl-yan-talep{background:var(--z3);color:var(--mrk)}
.gnl-yan-talep b{display:block;font-size:var(--yz-alt);font-weight:700;line-height:1.25}
.gnl-yan-talep p{
  margin:.6rem 0 0;font-size:var(--yz-kck);line-height:1.5;
  color:rgba(236,230,218,.7);
}
html[data-tema="koyu"] .gnl-yan-talep p{color:var(--mrk2)}
.gnl-yan-talep .gnl-dgm{
  margin-block-start:1.1rem;padding:.7rem 1.2rem;font-size:var(--yz-kck);
  background:var(--keten);color:var(--murekkep);
}
.gnl-yan-talep .gnl-dgm:hover{background:var(--toprak);color:#fff}

                                                
.gnl-olcu{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;
  padding-block-end:1.1rem;border-block-end:1px solid var(--cizgi2);
  font-size:var(--yz-kck);color:var(--mrk3);
}
.gnl-olcu > span{display:inline-flex;align-items:center;gap:.45rem}
.gnl-olcu svg{inline-size:.85rem;block-size:.85rem;color:var(--aksan)}

                                                                             
.gnl-mtn{
  max-inline-size:70ch;font-size:var(--yz-gvd);line-height:1.78;
  color:var(--mrk2);margin-block-start:var(--bo-3);
}
.gnl-mtn > p:first-child{
  font-size:var(--yz-gir);line-height:1.62;color:var(--mrk);font-weight:500;
}
.gnl-mtn h2{
  font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:clamp(1.5rem, 2.2vw, 2rem);line-height:1.16;letter-spacing:-.015em;
  color:var(--mrk);margin:clamp(2.25rem,4vw,3rem) 0 .85rem;scroll-margin-block-start:calc(var(--nav-h) + 1rem);
}
html[lang="ar"] .gnl-mtn h2{font-family:"Noto Kufi Arabic",serif;line-height:1.5}
.gnl-mtn h3{
  font-size:var(--yz-alt);font-weight:700;color:var(--mrk);
  margin:2rem 0 .55rem;scroll-margin-block-start:calc(var(--nav-h) + 1rem);
}
.gnl-mtn h4{font-size:var(--yz-gvd);font-weight:700;color:var(--mrk);margin:1.6rem 0 .45rem}
.gnl-mtn p{margin:0 0 1.15rem}
.gnl-mtn ul,.gnl-mtn ol{margin:0 0 1.5rem;padding-inline-start:1.2rem;display:grid;gap:.55rem}
.gnl-mtn li::marker{color:var(--aksan)}
.gnl-mtn b,.gnl-mtn strong{color:var(--mrk);font-weight:700}
.gnl-mtn a{
  color:var(--mrk);text-decoration:underline;text-underline-offset:.18em;
  text-decoration-thickness:1px;text-decoration-color:var(--cizgi);
  transition:text-decoration-color var(--gecis) var(--egri);
}
.gnl-mtn a:hover{text-decoration-color:var(--aksan)}
.gnl-mtn img{border-radius:var(--yr-m);margin-block:1.6rem}
.gnl-mtn blockquote{
  margin:1.9rem 0;padding:.2rem 0 .2rem 1.35rem;
  border-inline-start:2px solid var(--toprak);
  font-family:"Instrument Serif",Georgia,serif;font-size:var(--yz-ust);
  line-height:1.36;color:var(--mrk);
}
html[lang="ar"] .gnl-mtn blockquote{font-family:"Noto Kufi Arabic",serif;line-height:1.7}
.gnl-mtn table{
  inline-size:100%;border-collapse:collapse;margin:1.6rem 0;font-size:var(--yz-kck);
}
.gnl-mtn th,.gnl-mtn td{
  padding:.7rem .85rem;border:1px solid var(--cizgi2);text-align:start;
}
.gnl-mtn th{background:var(--z2);color:var(--mrk);font-weight:700}
.gnl-mtn code{
  font-size:.9em;background:var(--z3);padding:.15rem .35rem;border-radius:.3rem;
}
.gnl-mtn hr{border:0;border-block-start:1px solid var(--cizgi2);margin:2.25rem 0}

                                                                         
                                                                        
                                                                   
                                                                
                                                                         
                                                           
.gnl-mtn .heading-anchor{
  margin-inline-start:.4rem;color:var(--aksan);text-decoration:none;
  opacity:0;font-weight:400;
  transition:opacity var(--mikro) var(--egri);
}
.gnl-mtn h2:hover .heading-anchor,
.gnl-mtn h3:hover .heading-anchor,
.gnl-mtn h4:hover .heading-anchor,
.gnl-mtn .heading-anchor:focus-visible{opacity:1}
@media(hover:none){.gnl-mtn .heading-anchor{display:none}}

               
.gnl-etiket{
  display:flex;flex-wrap:wrap;gap:.5rem;
  margin-block-start:clamp(2rem, 4vw, 3rem);
  padding-block-start:1.5rem;border-block-start:1px solid var(--cizgi2);
}
.gnl-etiket a{
  display:inline-flex;align-items:center;gap:.3rem;
  border-radius:var(--yr-tam);padding:.4rem .85rem;
  font-size:var(--yz-kck);font-weight:600;color:var(--mrk2);
  background:var(--z2);border:1px solid var(--cizgi2);
  transition:border-color var(--mikro) var(--egri),color var(--mikro) var(--egri);
}
.gnl-etiket a:hover{border-color:var(--aksan);color:var(--aksan)}

              
.gnl-paylas{
  display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;
  margin-block-start:var(--bo-3);
}
.gnl-paylas > span{font-size:var(--yz-kck);color:var(--mrk3);margin-inline-end:.3rem}
.gnl-paylas a,.gnl-paylas button{
  inline-size:2.5rem;block-size:2.5rem;border-radius:var(--yr-tam);
  display:grid;place-items:center;cursor:pointer;color:var(--mrk2);
  background:var(--z2);border:1px solid var(--cizgi2);
  transition:border-color var(--mikro) var(--egri),color var(--mikro) var(--egri);
}
.gnl-paylas a:hover,.gnl-paylas button:hover{border-color:var(--aksan);color:var(--aksan)}
.gnl-paylas svg{inline-size:1rem;block-size:1rem}

                      
.gnl-gezin{
  display:grid;grid-template-columns:1fr;gap:var(--bo-2);
  margin-block-start:clamp(2.5rem, 5vw, 3.5rem);
}
@media(min-width:40rem){.gnl-gezin{grid-template-columns:1fr 1fr}}
.gnl-gezin a{
  border:1px solid var(--cizgi);border-radius:var(--yr-l);padding:1.15rem 1.35rem;
  transition:border-color var(--mikro) var(--egri),background var(--mikro) var(--egri);
}
.gnl-gezin a:hover{border-color:var(--aksan);background:var(--z2)}
.gnl-gezin em{
  display:flex;align-items:center;gap:.4rem;font-style:normal;
  font-size:var(--yz-etk);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mrk3);
}
html[lang="ar"] .gnl-gezin em{letter-spacing:0;text-transform:none}
.gnl-gezin em svg{inline-size:.75rem;block-size:.75rem}
html[dir="rtl"] .gnl-gezin em svg{transform:scaleX(-1)}
.gnl-gezin b{
  display:block;margin-block-start:.5rem;font-size:var(--yz-dgm);
  font-weight:700;line-height:1.35;color:var(--mrk);
}
.gnl-gezin .son{text-align:end}
.gnl-gezin .son em{justify-content:flex-end}

                    
.gnl-ilgili{margin-block-start:clamp(3rem, 6vw, 4.5rem)}

@media(prefers-reduced-motion:reduce){
  .gnl-ay{transform:none !important}
  .gnl-gorsel img,.gnl-hero-kat{transition:none}
}

                                                                          
                                                               
                                                                          
                                                                          
                                                                      
                                                                     
                                                            

                                                                          
                                                                           
                                                                    
                                                            

                                                                           
                                                                     
                                                         
                                                                           
.gnl-lead{
  position:relative;isolation:isolate;overflow:hidden;
  inline-size:100vw;margin-inline-start:calc(50% - 50vw);
  min-block-size:100dvh;display:flex;align-items:center;
  color:var(--keten);
  background:linear-gradient(165deg,#1A211E 0%,#0B0F0E 70%);
}
                                                                          
                                                                       
                                                                           
                                                                   
                                                                       
                                                                               
.gnl-lead-gorsel{position:absolute;inset:0;z-index:0}
@media(min-width:64rem){
  .gnl-lead-gorsel{
    background-image:var(--gnl-lead-bg);
    background-size:cover;background-position:64% 46%;background-repeat:no-repeat;
  }
}
                                                                   
                                                                   
                             
.gnl-lead-ortu{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to right, rgba(11,15,14,.94) 0%, rgba(11,15,14,.82) 32%, rgba(11,15,14,.42) 62%, rgba(11,15,14,.30) 100%),
    linear-gradient(to top, rgba(11,15,14,.96) 2%, rgba(11,15,14,0) 52%),
    radial-gradient(110% 80% at 82% 16%, rgba(170,118,81,.26), transparent 56%);
}
html[dir="rtl"] .gnl-lead-ortu{transform:scaleX(-1)}

.gnl-lead-ic{
  position:relative;z-index:2;inline-size:100%;
  max-inline-size:calc(var(--serit-w) + 2 * var(--serit-kenar));
  margin-inline:auto;
  padding-inline:calc(var(--serit-kenar) + var(--serit-pd));
  padding-block:calc(var(--nav-h) + 2rem) clamp(4rem, 8vw, 6rem);
  display:grid;grid-template-columns:1fr;gap:clamp(2rem, 4vw, 3rem);align-items:center;
}
@media(min-width:64rem){
  .gnl-lead-ic{grid-template-columns:1.08fr .92fr;gap:clamp(2.5rem, 5vw, 4.5rem)}
}

                     
.gnl-lead .ust-etk{color:rgba(236,230,218,.62)}
.gnl-lead-bsl{
  font-size:clamp(2rem, 4.2vw, 3.4rem);margin:1rem 0 0;max-inline-size:17ch;
  text-shadow:0 2px 28px rgba(0,0,0,.45);
}
.gnl-lead-bsl em{font-style:normal;color:var(--toprak)}
.gnl-lead-alt{
  margin:var(--bo-2) 0 0;font-size:var(--yz-gir);line-height:1.62;
  color:rgba(236,230,218,.76);max-inline-size:46ch;
}
.gnl-lead-mad{
  list-style:none;padding:0;margin:clamp(1.35rem,2.6vw,1.9rem) 0 0;
  display:grid;grid-template-columns:1fr;gap:.7rem;
}
@media(min-width:32rem){.gnl-lead-mad{grid-template-columns:1fr 1fr;column-gap:var(--bo-3)}}
.gnl-lead-mad li{
  display:flex;align-items:flex-start;gap:.6rem;
  font-size:var(--yz-dgm);font-weight:500;color:rgba(236,230,218,.92);
}
.gnl-lead-mad svg{
  inline-size:1.05rem;block-size:1.05rem;flex:none;margin-block-start:.12rem;
  color:var(--aksan-yzy);
}
                                                                       
.gnl-lead-kanal{
  display:grid;grid-template-columns:1fr;gap:.6rem;
  margin-block-start:clamp(1.5rem,3vw,2.1rem);
}
@media(min-width:32rem){.gnl-lead-kanal{grid-template-columns:1fr 1fr}}
.gnl-lead-kanal a{
  display:flex;align-items:center;gap:.75rem;
  border-radius:var(--yr-m);padding:.8rem 1rem;
  background:rgba(236,230,218,.07);border:1px solid rgba(236,230,218,.16);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:background var(--mikro) var(--egri), border-color var(--mikro) var(--egri);
}
.gnl-lead-kanal a:hover{background:rgba(236,230,218,.13);border-color:rgba(236,230,218,.34)}
.gnl-lead-kanal svg{inline-size:1.1rem;block-size:1.1rem;flex:none;color:var(--toprak)}
.gnl-lead-kanal b{display:block;font-size:var(--yz-dgm);font-weight:700;line-height:1.2}
.gnl-lead-kanal span.k{
  display:block;font-size:var(--yz-etk);font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(236,230,218,.55);margin-block-end:.18rem;
}
html[lang="ar"] .gnl-lead-kanal span.k{letter-spacing:0;text-transform:none}

                                  
.gnl-lead-form{
  border-radius:var(--yr-xl);overflow:hidden;
  background:rgba(18,23,21,.72);border:1px solid rgba(236,230,218,.16);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 40px 90px -46px rgba(0,0,0,.9);
}
.gnl-lead-form-bas{
  padding:clamp(1.15rem,2.2vw,1.5rem) clamp(1.2rem,2.4vw,1.6rem) 1rem;
  border-block-end:1px solid rgba(236,230,218,.12);
}
.gnl-lead-form-bas b{display:block;font-size:var(--yz-alt);font-weight:700;line-height:1.25}
.gnl-lead-form-bas span{
  display:block;margin-block-start:.35rem;font-size:var(--yz-kck);
  color:rgba(236,230,218,.66);line-height:1.45;
}
.gnl-lead-form-gvd{padding:clamp(1.15rem,2.2vw,1.5rem)}
.gnl-lead-alan{margin-block-end:.8rem}
.gnl-lead-alan > label{
  display:block;font-size:var(--yz-etk);font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(236,230,218,.6);margin-block-end:.4rem;
}
html[lang="ar"] .gnl-lead-alan > label{letter-spacing:0;text-transform:none}
.gnl-lead-alan input,
.gnl-lead-alan select{
  inline-size:100%;border-radius:var(--yr-m);
  padding:.85rem 1rem;font:inherit;font-size:var(--yz-gvd);
  color:var(--keten);background:rgba(11,15,14,.5);
  border:1px solid rgba(236,230,218,.18);
  transition:border-color var(--mikro) var(--egri), box-shadow var(--mikro) var(--egri);
}
.gnl-lead-alan input::placeholder{color:rgba(236,230,218,.38)}
.gnl-lead-alan input:focus,
.gnl-lead-alan select:focus{
  outline:none;border-color:var(--aksan-yzy);
  box-shadow:0 0 0 3px rgba(127,142,115,.28);
}
.gnl-lead-tel{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem}
.gnl-lead-tel select{padding-inline:.7rem}
                                                                              
.gnl-lead-tuzak{
  position:absolute!important;inset-inline-start:-9999px!important;
  inline-size:1px;block-size:1px;opacity:0;pointer-events:none;
}
.gnl-lead-riza{
  display:flex;align-items:flex-start;gap:.6rem;margin-block:1rem;
  font-size:var(--yz-kck);line-height:1.45;color:rgba(236,230,218,.7);
}
.gnl-lead-riza input{
  inline-size:1.05rem;block-size:1.05rem;flex:none;margin-block-start:.12rem;
  accent-color:var(--aksan-yzy);
}
.gnl-lead-riza a{text-decoration:underline;text-underline-offset:.16em}
.gnl-lead-gnd{
  inline-size:100%;display:inline-flex;align-items:center;justify-content:center;
  gap:.6rem;border:0;border-radius:var(--yr-m);padding:1rem;cursor:pointer;
  font:inherit;font-size:var(--yz-dgm);font-weight:700;
  color:var(--murekkep);background:var(--keten);
  transition:background var(--gecis) var(--egri), color var(--gecis) var(--egri);
}
.gnl-lead-gnd:hover{background:var(--toprak);color:#fff}
.gnl-lead-gnd[disabled]{opacity:.7;cursor:default}
.gnl-lead-gnd svg{inline-size:.95rem;block-size:.95rem}
html[dir="rtl"] .gnl-lead-gnd svg{transform:scaleX(-1)}
.gnl-lead-not{
  margin:.85rem 0 0;font-size:var(--yz-etk);color:rgba(236,230,218,.45);
  display:flex;align-items:center;justify-content:center;gap:.4rem;text-align:center;
}
.gnl-lead-not svg{inline-size:.75rem;block-size:.75rem;flex:none}
.gnl-lead-bildirim{
  display:none;align-items:center;gap:.5rem;margin-block-end:.85rem;
  padding:.8rem 1rem;border-radius:var(--yr-m);font-size:var(--yz-kck);
  border:1px solid;
}
.gnl-lead-bildirim.ok{display:flex;background:rgba(127,142,115,.16);border-color:rgba(155,172,141,.5);color:#c9d6bd}
.gnl-lead-bildirim.hata{display:flex;background:rgba(170,86,81,.16);border-color:rgba(200,120,115,.5);color:#e9b7b3}
.gnl-lead-bildirim svg{inline-size:1rem;block-size:1rem;flex:none}

                                  
.gnl-lead-devam{
  position:absolute;inset-inline:0;inset-block-end:1.35rem;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:.45rem;
  font-size:var(--yz-kck);font-weight:600;color:rgba(236,230,218,.62);
}
.gnl-lead-devam span.ic{
  inline-size:2.35rem;block-size:2.35rem;border-radius:var(--yr-tam);
  display:grid;place-items:center;
  border:1px solid rgba(236,230,218,.28);background:rgba(11,15,14,.42);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:gnlZipla 2s ease-in-out infinite;
}
.gnl-lead-devam:hover span.ic{border-color:var(--toprak)}
.gnl-lead-devam svg{inline-size:.9rem;block-size:.9rem}
@keyframes gnlZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

                                                
@media(max-width:63.99rem){
  .gnl-lead{
    min-block-size:auto;display:block;
    background:
      radial-gradient(130% 70% at 50% 0%, rgba(170,118,81,.22), transparent 58%),
      linear-gradient(180deg,#1A211E 0%,#0B0F0E 64%);
  }
  .gnl-lead-gorsel,.gnl-lead-ortu{display:none!important}
  .gnl-lead-ic{padding-block:calc(var(--nav-h) + 1.25rem) 2.5rem;gap:2rem}
  .gnl-lead-devam{position:static;margin:1.5rem auto .25rem}
}
@media(prefers-reduced-motion:reduce){
  .gnl-lead-devam span.ic{animation:none}
}

                                                                          
                                     
                                                                             
                                                                         
                                                           
                                                      
                                                                             

                                               
.gnl-mtn .blog-tldr{
  margin-block:var(--bo-4);
  padding:var(--bo-3);
  border-inline-start:3px solid var(--aksan);
  border-radius:var(--yr-m);
  background:color-mix(in srgb, var(--aksan) 7%, transparent);
}
.gnl-mtn .blog-tldr-title{
  margin:0 0 var(--bo-2);
  font-family:var(--sy-gvd);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--aksan);
}
.gnl-mtn .blog-tldr ul{margin:0;padding-inline-start:1.1em}
.gnl-mtn .blog-tldr li{margin-block:.35em}

                                   
.gnl-mtn .blog-callout{
  margin-block:var(--bo-4);
  padding:var(--bo-3);
  border:1px solid var(--cizgi);
  border-inline-start:3px solid var(--aksan);
  border-radius:var(--yr-m);
  background:color-mix(in srgb, var(--keten) 55%, transparent);
}
.gnl-mtn .blog-callout p{margin:0}
.gnl-mtn .blog-callout.warn{
  border-inline-start-color:var(--toprak);
  background:color-mix(in srgb, var(--toprak) 8%, transparent);
}

                                                 
.gnl-mtn .blog-iconlist{margin-block:var(--bo-3);padding:0;list-style:none}
.gnl-mtn .blog-iconlist li{
  position:relative;
  margin-block:.55em;
  padding-inline-start:1.5em;
}
.gnl-mtn .blog-iconlist li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block-start:.55em;
  width:.5em;height:.5em;
  border-radius:50%;
  background:var(--aksan);
}

                                               
.gnl-mtn ol.blog-steps{
  margin-block:var(--bo-3);
  padding:0;
  list-style:none;
  counter-reset:gnladim;
}
.gnl-mtn ol.blog-steps li{
  position:relative;
  margin-block:.7em;
  padding-inline-start:2.2em;
  counter-increment:gnladim;
}
.gnl-mtn ol.blog-steps li::before{
  content:counter(gnladim);
  position:absolute;
  inset-inline-start:0;
  inset-block-start:-.05em;
  display:grid;place-items:center;
  width:1.6em;height:1.6em;
  border-radius:50%;
  background:var(--aksan);
  color:var(--aksan-yzy);
  font-family:var(--sy-gvd);
  font-size:.78em;
  font-weight:700;
}

                                           
.gnl-mtn .blog-takeaway{
  margin-block:var(--bo-4);
  padding:var(--bo-3);
  border:1px solid var(--cizgi2);
  border-radius:var(--yr-m);
  background:color-mix(in srgb, var(--murekkep) 4%, transparent);
}
.gnl-mtn .blog-takeaway-title{
  margin:0 0 var(--bo-2);
  font-family:var(--sy-gvd);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--toprak-mtn);
}
.gnl-mtn .blog-takeaway p:last-child{margin:0}

                                                                      
.gnl-mtn table{
  display:block;
  width:100%;
  margin-block:var(--bo-4);
  overflow-x:auto;
  border-collapse:collapse;
  font-size:.94em;
}
.gnl-mtn table th,
.gnl-mtn table td{
  padding:.6em .8em;
  border-block-end:1px solid var(--cizgi);
  text-align:start;
  vertical-align:top;
}
.gnl-mtn table thead th{
  font-family:var(--sy-gvd);
  font-weight:700;
  font-size:.86em;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--toprak-mtn);
  border-block-end:1px solid var(--cizgi2);
  white-space:nowrap;
}
.gnl-mtn table.blog-compare tbody tr:first-child{
  background:color-mix(in srgb, var(--aksan) 6%, transparent);
}
.gnl-mtn table.blog-compare tbody tr:first-child td{font-weight:600}

                                                                          
                                                         
                                                                              
                                                
                                                                             

.gnl-ytylist{
  display:grid;
  gap:var(--bo-3);
}

.gnl-yty{
  display:grid;
  grid-template-columns:minmax(0,15rem) minmax(0,1fr);
  gap:var(--bo-4);
  align-items:stretch;
  padding:var(--bo-3);
  border-radius:var(--yr-m);
  color:inherit;
  text-decoration:none;
  transition:box-shadow var(--gecis), background var(--gecis),
             border-color var(--gecis), transform var(--gecis);
}

                                                                      
                                                                
                                                             
.gnl-ytylist:not(.krt-b) .gnl-yty{
  background:color-mix(in srgb, #fff 62%, var(--keten));
  box-shadow:0 0.4rem 1.1rem -0.7rem color-mix(in srgb, var(--murekkep) 40%, transparent),
             0 0.1rem 0.2rem -0.15rem color-mix(in srgb, var(--murekkep) 22%, transparent);
}
html[data-tema="koyu"] .gnl-ytylist:not(.krt-b) .gnl-yty{
  background:color-mix(in srgb, var(--keten) 9%, transparent);
  box-shadow:0 0.5rem 1.4rem -0.8rem rgba(0,0,0,.6);
}
.gnl-ytylist:not(.krt-b) .gnl-yty:hover{
  background:color-mix(in srgb, #fff 82%, var(--keten));
  box-shadow:0 0.9rem 2.2rem -0.9rem color-mix(in srgb, var(--murekkep) 48%, transparent),
             0 0.15rem 0.3rem -0.2rem color-mix(in srgb, var(--murekkep) 26%, transparent);
}
html[data-tema="koyu"] .gnl-ytylist:not(.krt-b) .gnl-yty:hover{
  background:color-mix(in srgb, var(--keten) 15%, transparent);
  box-shadow:0 1rem 2.4rem -0.8rem rgba(0,0,0,.75);
}

                                                                       
                                                                
                                     
.gnl-ytylist.krt-b .gnl-yty{
  background:color-mix(in srgb, var(--yzy-sakin) 30%, transparent);
  border-inline-start:4px solid color-mix(in srgb, var(--aksan) 75%, transparent);
  box-shadow:0 0.25rem 0.8rem -0.6rem color-mix(in srgb, var(--murekkep) 30%, transparent);
}
.gnl-ytylist.krt-b .gnl-yty:hover{
  background:color-mix(in srgb, var(--yzy-sakin) 48%, transparent);
  border-inline-start-color:var(--aksan);
  box-shadow:0 0.7rem 1.6rem -0.7rem color-mix(in srgb, var(--murekkep) 42%, transparent);
}

.gnl-yty-gorsel{
  position:relative;
  overflow:hidden;
  border-radius:var(--yr-l, var(--yr-m));
  background:color-mix(in srgb, var(--toprak) 12%, transparent);
                                                                                   
                                                                                                    
                                                                                  
  inline-size:100%;
  block-size:100%;
  min-block-size:10rem;
}
.gnl-yty-gorsel img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
}
                                                                     
.gnl-yty-bos{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:.35;
}
.gnl-yty-bos svg{inline-size:2.5rem;block-size:2.5rem}

.gnl-yty-mtn{
  display:flex;
  flex-direction:column;
  gap:var(--bo-2);
  min-inline-size:0;
  padding-block:var(--bo-2);
}
.gnl-yty-etk{
  font-family:var(--sy-gvd);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--aksan);
}
.gnl-yty-bslk{
  margin:0;
  font-size:clamp(1.15rem, 1.9vw, 1.5rem);
  line-height:1.25;
}
.gnl-yty-ozet{
  margin:0;
  font-size:.95rem;
  line-height:1.6;
  color:var(--toprak-mtn);
}
.gnl-yty-alt{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bo-2);
  margin-block-start:auto;
  padding-block-start:var(--bo-2);
  border-block-start:1px solid var(--cizgi);
}
.gnl-yty-tar{
  font-family:var(--sy-gvd);
  font-size:.8rem;
  letter-spacing:.04em;
  color:var(--toprak-mtn);
}
.gnl-yty-ok{
  display:inline-grid;
  place-items:center;
  inline-size:1.9rem;
  block-size:1.9rem;
  border-radius:50%;
  background:color-mix(in srgb, var(--aksan) 14%, transparent);
  color:var(--aksan);
  transition:background var(--gecis);
}
.gnl-yty-ok svg{inline-size:.95rem;block-size:.95rem}
.gnl-yty:hover .gnl-yty-ok{background:color-mix(in srgb, var(--aksan) 28%, transparent)}
                                                                   
[dir="rtl"] .gnl-yty-ok svg{transform:scaleX(-1)}

@media (max-width:48rem){
  .gnl-yty{
    grid-template-columns:1fr;
    gap:var(--bo-3);
  }
  .gnl-yty-gorsel{aspect-ratio:16 / 9; block-size:auto; min-block-size:0}
  .gnl-yty-mtn{padding-block:0}
}

/* ══════════════════════════════════════════════════════════════════
   YAZI SAYFASI — Türk Bilişim düzeninden gelen bölümler (23.09.2026)
   Yan sütunda soru kutusu · yazı içi talep kartı · SSS · adımlar.
   Görünüm Hayat Mekke dilinde: keten/mürekkep, ince çizgi, serif başlık.
   ══════════════════════════════════════════════════════════════════ */

/* ── yan sütun: yazıya soru sor ── */
.gnl-yan-sor{
  margin-block-start:var(--bo-3);border:1px solid var(--cizgi);
  border-radius:var(--yr-l);padding:1.25rem;background:var(--z2);
}
.gnl-yan-sor > b{
  display:block;font-size:var(--yz-etk);font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mrk3);margin-block-end:.7rem;
}
html[lang="ar"] .gnl-yan-sor > b{letter-spacing:0;text-transform:none}
.gnl-yan-sor > p{margin:0 0 .9rem;font-size:var(--yz-kck);line-height:1.5;color:var(--mrk2)}
.gnl-sor-liste{display:grid;gap:.4rem}
.gnl-sor-liste button{
  display:block;inline-size:100%;text-align:start;cursor:pointer;
  font:inherit;font-size:var(--yz-kck);line-height:1.45;color:var(--mrk2);
  padding:.6rem .75rem;border:1px solid var(--cizgi2);border-radius:var(--yr-s);
  background:transparent;
  transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri);
}
.gnl-sor-liste button:hover{background:var(--z3);color:var(--mrk)}
.gnl-sor-liste button:focus-visible{outline:2px solid var(--aksan);outline-offset:2px}
.gnl-sor-ac{
  margin-block-start:.85rem;display:inline-flex;align-items:center;gap:.5rem;
  font-size:var(--yz-kck);font-weight:600;color:var(--aksan);
  background:none;border:0;padding:0;cursor:pointer;font-family:inherit;
}
.gnl-sor-ac:hover{text-decoration:underline;text-underline-offset:.2em}
.gnl-sor-ac svg{inline-size:.8rem;block-size:.8rem}

/* ── yazı içi talep kartı (Türk Bilişim'deki hizmet köprüsünün karşılığı) ── */
.gnl-ici-cta{
  --ict-zemin:var(--murekkep);
  margin:clamp(2.25rem,4vw,3.25rem) 0;padding:clamp(1.6rem,3vw,2.25rem);
  border-radius:var(--yr-l);background:var(--ict-zemin);color:var(--keten);
  display:grid;gap:1.1rem;max-inline-size:70ch;
}
html[data-tema="koyu"] .gnl-ici-cta{--ict-zemin:var(--z2);color:var(--mrk);border:1px solid var(--cizgi)}
.gnl-ici-cta .ust-etk{
  font-size:var(--yz-etk);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(236,230,218,.62);margin:0;
}
html[data-tema="koyu"] .gnl-ici-cta .ust-etk{color:var(--mrk3)}
html[lang="ar"] .gnl-ici-cta .ust-etk{letter-spacing:0;text-transform:none}
.gnl-ici-cta b{
  display:block;font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:clamp(1.35rem,2.4vw,1.95rem);line-height:1.18;letter-spacing:-.015em;
}
html[lang="ar"] .gnl-ici-cta b{font-family:"Noto Kufi Arabic",serif;line-height:1.5}
.gnl-ici-cta p{margin:0;font-size:var(--yz-kck);line-height:1.6;color:rgba(236,230,218,.75);max-inline-size:52ch}
html[data-tema="koyu"] .gnl-ici-cta p{color:var(--mrk2)}
.gnl-ici-dgm{display:flex;flex-wrap:wrap;gap:.65rem}
.gnl-ici-dgm > *{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.72rem 1.15rem;border-radius:var(--yr-tam);
  font-size:var(--yz-kck);font-weight:600;line-height:1;cursor:pointer;
  font-family:inherit;border:1px solid transparent;text-decoration:none;
  transition:background var(--gecis) var(--egri),color var(--gecis) var(--egri);
}
.gnl-ici-dgm > .bas{background:var(--keten);color:var(--murekkep)}
.gnl-ici-dgm > .bas:hover{background:var(--toprak);color:#fff}
.gnl-ici-dgm > .ikn{background:transparent;color:inherit;border-color:rgba(236,230,218,.3)}
.gnl-ici-dgm > .ikn:hover{background:rgba(236,230,218,.12)}
html[data-tema="koyu"] .gnl-ici-dgm > .bas{background:var(--aksan);color:var(--z1)}
html[data-tema="koyu"] .gnl-ici-dgm > .ikn{border-color:var(--cizgi)}
html[data-tema="koyu"] .gnl-ici-dgm > .ikn:hover{background:var(--z3)}
.gnl-ici-dgm svg{inline-size:.85rem;block-size:.85rem}

/* ── sık sorulanlar ── */
.gnl-sss{margin-block-start:clamp(2.5rem,5vw,3.75rem);max-inline-size:70ch}
.gnl-sss > header{margin-block-end:1.4rem}
.gnl-sss h2{
  font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.16;letter-spacing:-.015em;
  color:var(--mrk);margin:0;
}
html[lang="ar"] .gnl-sss h2{font-family:"Noto Kufi Arabic",serif;line-height:1.5}
.gnl-sss-cizgi{inline-size:3rem;block-size:2px;background:var(--aksan);margin-block-start:.85rem;opacity:.85}
.gnl-sss-liste{display:grid;gap:.6rem}
.gnl-sss-oge{border:1px solid var(--cizgi);border-radius:var(--yr-m);background:var(--z2);overflow:hidden}
.gnl-sss-oge > summary{
  display:flex;align-items:flex-start;gap:.9rem;cursor:pointer;list-style:none;
  padding:1rem 1.15rem;font-size:var(--yz-gvd);font-weight:600;line-height:1.45;color:var(--mrk);
  transition:background var(--mikro) var(--egri);
}
.gnl-sss-oge > summary::-webkit-details-marker{display:none}
.gnl-sss-oge > summary:hover{background:var(--z3)}
.gnl-sss-oge > summary .isrt{
  flex:none;inline-size:1.15rem;block-size:1.15rem;margin-block-start:.15rem;
  color:var(--aksan);transition:transform var(--gecis) var(--egri);
}
.gnl-sss-oge[open] > summary .isrt{transform:rotate(45deg)}
.gnl-sss-oge > div{
  padding:0 1.15rem 1.15rem calc(1.15rem + 1.15rem + .9rem);
  font-size:var(--yz-kck);line-height:1.7;color:var(--mrk2);
}
html[dir="rtl"] .gnl-sss-oge > div{padding-inline:calc(1.15rem + 1.15rem + .9rem) 1.15rem}

/* ── nasıl yapılır / adımlar ── */
.gnl-adim{margin-block-start:clamp(2.5rem,5vw,3.75rem);max-inline-size:70ch}
.gnl-adim > header{margin-block-end:1.4rem}
.gnl-adim h2{
  font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.16;letter-spacing:-.015em;
  color:var(--mrk);margin:0;
}
html[lang="ar"] .gnl-adim h2{font-family:"Noto Kufi Arabic",serif;line-height:1.5}
.gnl-adim ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;counter-reset:gnladim}
.gnl-adim li{
  counter-increment:gnladim;position:relative;
  border:1px solid var(--cizgi);border-radius:var(--yr-m);background:var(--z2);
  padding:1.1rem 1.25rem 1.1rem 3.9rem;
}
html[dir="rtl"] .gnl-adim li{padding:1.1rem 3.9rem 1.1rem 1.25rem}
.gnl-adim li::before{
  content:counter(gnladim,decimal-leading-zero);
  position:absolute;inset-block-start:1.05rem;inset-inline-start:1.25rem;
  font-size:var(--yz-kck);font-weight:700;color:var(--aksan);
  font-variant-numeric:tabular-nums;letter-spacing:.04em;
}
.gnl-adim li b{display:block;font-size:var(--yz-gvd);font-weight:700;color:var(--mrk);line-height:1.4}
.gnl-adim li p{margin:.45rem 0 0;font-size:var(--yz-kck);line-height:1.65;color:var(--mrk2)}
/* metin içindeki kart: gövde bağlantı stilinden etkilenmesin */
.gnl-mtn .gnl-ici-cta a{text-decoration:none;color:inherit}
.gnl-mtn .gnl-ici-cta a.bas{color:var(--murekkep)}
html[data-tema="koyu"] .gnl-mtn .gnl-ici-cta a.bas{color:var(--z1)}
.gnl-mtn .gnl-ici-cta p{margin:0}
.gnl-adim-gir{margin:.85rem 0 0;font-size:var(--yz-kck);line-height:1.65;color:var(--mrk2);max-inline-size:56ch}
/* (eski «yan sütun kendi içinde kayar» kuralı 24.09.2026'da kaldırıldı — sütun artık sayfayla akıyor) */
/* dar ekran: yan sütundaki talep + soru kutusu yazının SONUNA düşer.
   İçindekiler mobilde gizli kalır (uzun liste yazının önünü kapatıyordu). */
@media(max-width:63.99rem){
  .gnl-yzi-iz{display:flex;flex-direction:column}
  .gnl-yzi-iz > article{order:1}
  .gnl-yan{display:block;order:2}
  .gnl-yan-sabit,.gnl-yan-grup{position:static;max-block-size:none;overflow:visible}
  .gnl-yan .gnl-ndkl{display:none}
  .gnl-yan-talep{margin-block-start:0}
}

/* ══════════════════════════════════════════════════════════════════
   YAZI GÖVDESİ ÖLÇÜSÜ (Patron 23.09.2026 16:42)
   · Genişlik: 70ch sınırı kalktı, metin makale sütununu (kapsayıcı) doldurur.
   · Punto/renk: Hakkımızda ilk bölümdeki açıklama yazısıyla (.hcn-gvd) birebir
     aynı — clamp(.95rem,1.02vw,1.02rem) · 1.65 · var(--mrk2).
   ══════════════════════════════════════════════════════════════════ */
.gnl-mtn{
  max-inline-size:none;
  font-size:clamp(.95rem, 1.02vw, 1.02rem);
  line-height:1.65;
  color:var(--mrk2);
}
/* giriş paragrafının ayrı (büyük/koyu) ölçüsü kaldırıldı — gövdeyle aynı */
.gnl-mtn > p:first-child{
  font-size:inherit;line-height:inherit;color:inherit;font-weight:400;
}
/* aynı okuma ölçüsü: SSS cevapları ve adım metinleri */
.gnl-sss-oge > div,
.gnl-adim li p,
.gnl-adim-gir{font-size:clamp(.95rem, 1.02vw, 1.02rem);line-height:1.65;color:var(--mrk2)}
/* yazı içi kart, SSS ve adımlar da metinle aynı genişlikte bitsin */
.gnl-ici-cta,.gnl-sss,.gnl-adim{max-inline-size:none}

/* ══════════════════════════════════════════════════════════════════
   YAN SÜTUNDA GÖMÜLÜ DANIŞMAN PENCERESİ (Patron 23.09.2026 gecesi)
   Talep kartının altında durur; sayfadan çıkmadan soru sorulur.
   ══════════════════════════════════════════════════════════════════ */
.gnl-sbt{
  margin-block-start:0;border:1px solid var(--cizgi);
  border-radius:var(--yr-l);background:var(--z2);padding:1.05rem;
  display:grid;gap:.7rem;
}
.gnl-sbt-bas{display:flex;align-items:center;gap:.55rem}
.gnl-sbt-bas b{font-size:var(--yz-kck);font-weight:700;color:var(--mrk);line-height:1.2}
.gnl-sbt-nokta{
  inline-size:.45rem;block-size:.45rem;border-radius:50%;background:var(--aksan);flex:none;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--aksan) 18%, transparent);
}
.gnl-sbt-alt{margin:0;font-size:var(--yz-etk);line-height:1.5;color:var(--mrk3)}

.gnl-sbt-akis{
  display:grid;gap:.5rem;align-content:start;
  max-block-size:16rem;min-block-size:5.5rem;overflow-y:auto;overscroll-behavior:contain;
  padding:.65rem;border-radius:var(--yr-m);background:var(--z1);
  scrollbar-width:thin;scrollbar-color:var(--cizgi) transparent;
}
.gnl-sbt-akis::-webkit-scrollbar{inline-size:4px}
.gnl-sbt-akis::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}
.gnl-sbt-ileti{
  font-size:var(--yz-etk);line-height:1.55;padding:.55rem .7rem;border-radius:var(--yr-s);
  max-inline-size:100%;overflow-wrap:anywhere;
}
.gnl-sbt-ileti.bot{background:var(--z3);color:var(--mrk2);justify-self:start}
.gnl-sbt-ileti.ben{background:var(--murekkep);color:var(--keten);justify-self:end;text-align:end}
html[data-tema="koyu"] .gnl-sbt-ileti.ben{background:var(--aksan);color:var(--z1)}
.gnl-sbt-ileti.bot a{color:var(--aksan);text-decoration:underline;text-underline-offset:.15em}
.gnl-sbt-ileti.bot p{margin:0 0 .45rem}
.gnl-sbt-ileti.bot p:last-child{margin:0}
.gnl-sbt-ileti.yaziyor{display:inline-flex;align-items:center;gap:.3rem;color:var(--mrk3)}
.gnl-sbt-ileti.yaziyor i{
  inline-size:.3rem;block-size:.3rem;border-radius:50%;background:currentColor;
  animation:gnlsbt 1.05s infinite ease-in-out;
}
.gnl-sbt-ileti.yaziyor i:nth-child(2){animation-delay:.15s}
.gnl-sbt-ileti.yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes gnlsbt{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.gnl-sbt-ileti.yaziyor i{animation:none;opacity:.6}}

.gnl-sbt-hazir{display:grid;gap:.35rem}
.gnl-sbt-hazir button{
  text-align:start;font:inherit;font-size:var(--yz-etk);line-height:1.4;color:var(--mrk2);
  padding:.45rem .6rem;border:1px solid var(--cizgi2);border-radius:var(--yr-s);
  background:transparent;cursor:pointer;
  transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri);
}
.gnl-sbt-hazir button:hover{background:var(--z3);color:var(--mrk)}
.gnl-sbt-hazir button:focus-visible{outline:2px solid var(--aksan);outline-offset:2px}

.gnl-sbt-form{display:flex;gap:.4rem;align-items:center}
.gnl-sbt-form input{
  flex:1;min-inline-size:0;font:inherit;font-size:var(--yz-etk);line-height:1.3;
  padding:.6rem .7rem;border:1px solid var(--cizgi);border-radius:var(--yr-s);
  background:var(--z1);color:var(--mrk);
  transition:border-color var(--mikro) var(--egri);
}
.gnl-sbt-form input::placeholder{color:var(--mrk3)}
.gnl-sbt-form input:focus{outline:none;border-color:var(--aksan)}
.gnl-sbt-form button{
  flex:none;inline-size:2.3rem;block-size:2.3rem;display:grid;place-items:center;
  border:0;border-radius:var(--yr-s);cursor:pointer;
  background:var(--aksan);color:var(--z1);
  transition:filter var(--mikro) var(--egri);
}
.gnl-sbt-form button:hover{filter:brightness(1.08)}
.gnl-sbt-form button:disabled{opacity:.45;cursor:not-allowed}
.gnl-sbt-form svg{inline-size:1rem;block-size:1rem}
html[lang="ar"] .gnl-sbt-form svg{scale:-1 1}

.gnl-sbt-buyut{
  justify-self:start;font:inherit;font-size:var(--yz-etk);font-weight:600;color:var(--aksan);
  background:none;border:0;padding:0;cursor:pointer;
}
.gnl-sbt-buyut:hover{text-decoration:underline;text-underline-offset:.2em}
/* hazır sorular gizlendiğinde gerçekten kaybolsun (display:grid [hidden]'ı eziyordu) */
.gnl-sbt-hazir[hidden]{display:none}
/* danışmanın önerdiği seçenekler */
.gnl-sbt-sec{display:flex;flex-wrap:wrap;gap:.35rem;justify-self:start}
.gnl-sbt-sec button{
  font:inherit;font-size:var(--yz-etk);line-height:1.2;color:var(--aksan);cursor:pointer;
  padding:.4rem .7rem;border:1px solid var(--aksan);border-radius:var(--yr-tam);background:transparent;
  transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri);
}
.gnl-sbt-sec button:hover{background:var(--aksan);color:var(--z1)}

/* ══════════════════════════════════════════════════════════════════
   BLOGDA SERİF KALDIRILDI — site geneliyle aynı yazı dili
   (Patron 24.09.2026 03:42). Sitenin her yerinde başlıklar Manrope 800
   (bkz. .ics-manifesto-bsl); blog tek başına Instrument Serif kullanıyordu.
   ══════════════════════════════════════════════════════════════════ */
.gnl .srf,
.gnl-mtn h2,
.gnl-ici-cta b,
.gnl-sss h2,
.gnl-adim h2,
.gnl-kapanis h2{
  font-family:Manrope,ui-sans-serif,system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.08;
}
html[lang="ar"] :is(.gnl .srf,.gnl-mtn h2,.gnl-ici-cta b,.gnl-sss h2,.gnl-adim h2,.gnl-kapanis h2){
  font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.4;
}
/* blog içi tüm h2'ler aynı satır aralığında (24.09.2026: gövde h2 1.14, SSS h2 1.08 idi) */
.gnl-mtn h2,.gnl-sss h2,.gnl-adim h2{line-height:1.08}
/* alıntı: serif yerine gövde fontu, yarı kalın; italik yok */
.gnl-mtn blockquote{
  font-family:Manrope,ui-sans-serif,system-ui,sans-serif;
  font-weight:600;font-style:normal;line-height:1.5;letter-spacing:-.012em;
}
html[lang="ar"] .gnl-mtn blockquote{font-family:"Noto Kufi Arabic",sans-serif;line-height:1.8;letter-spacing:0}

/* ══════════════════════════════════════════════════════════════════
   SON YAZILAR — site kart diline getirildi (Patron 24.09.2026 12:30)
   Önce: tek sütun, geniş yatay satırlar, zeminli + gölgeli kutular, sağda ok.
   Şimdi: sitenin her yerindeki kart dokusu (bkz. ilgili yazılar .gnl-akis-og):
   3'lü ızgara · görsel üstte 16/10 · zemin ve gölge yok · başlık .yz-alt/700 ·
   hover'da başlık soluklaşır, görsel hafif büyür.
   ══════════════════════════════════════════════════════════════════ */
.gnl-ytylist{
  display:grid;grid-template-columns:1fr;
  gap:clamp(1.75rem, 3vw, 2.75rem) var(--bo-3);
}
@media(min-width:40rem){.gnl-ytylist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.gnl-ytylist{grid-template-columns:repeat(3,minmax(0,1fr))}}

.gnl-ytylist .gnl-yty,
.gnl-ytylist.krt-b .gnl-yty{
  display:flex;flex-direction:column;align-items:stretch;
  grid-template-columns:none;gap:0;
  padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;
}
.gnl-ytylist .gnl-yty:hover,
.gnl-ytylist.krt-b .gnl-yty:hover{background:none;box-shadow:none}

.gnl-ytylist .gnl-yty-gorsel{
  aspect-ratio:16/10;block-size:auto;min-block-size:0;
  border-radius:var(--yr-m);margin-block-end:var(--bo-2);
}
.gnl-ytylist .gnl-yty-gorsel img{transition:transform var(--gecis) var(--egri)}
.gnl-ytylist .gnl-yty:hover .gnl-yty-gorsel img{transform:scale(1.04)}

.gnl-ytylist .gnl-yty-mtn{display:flex;flex-direction:column;gap:0;padding:0}
.gnl-ytylist .gnl-yty-etk{margin:0}
.gnl-ytylist .gnl-yty-bslk{
  font-size:var(--yz-alt);font-weight:700;line-height:1.28;margin:.4rem 0 0;
  transition:opacity var(--mikro) var(--egri);
}
.gnl-ytylist .gnl-yty:hover .gnl-yty-bslk{opacity:.78}
.gnl-ytylist .gnl-yty-ozet{
  margin:.6rem 0 0;color:var(--mrk2);font-size:var(--yz-kck);line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
/* alt satır: yalnız tarih kalsın, ok düğmesi kaldırıldı (site kartlarında yok) */
.gnl-ytylist .gnl-yty-alt{
  margin-block-start:.7rem;padding:0;border:0;display:block;
}
.gnl-ytylist .gnl-yty-ok{display:none}
.gnl-ytylist .gnl-yty-tar{margin:0}
/* koyu/açık tema kuralları daha spesifikti: kart zemini ve gölgesi kalıyordu */
html .gnl-ytylist:not(.krt-b) .gnl-yty,
html[data-tema="koyu"] .gnl-ytylist:not(.krt-b) .gnl-yty,
html .gnl-ytylist.krt-b .gnl-yty,
html .gnl-ytylist:not(.krt-b) .gnl-yty:hover,
html[data-tema="koyu"] .gnl-ytylist:not(.krt-b) .gnl-yty:hover,
html .gnl-ytylist.krt-b .gnl-yty:hover{
  background:none;box-shadow:none;border-inline-start:0;
}