/* Sayfaya özgü stiller — taslaktan çıkarıldı (ortak yeni.css'te olmayanlar) */
.urun-hero{background:linear-gradient(180deg,var(--gri),#fff 95%);padding-block:22px 44px;position:relative}
.urun-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(14,21,38,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000 30%,transparent);pointer-events:none}
.urun-hero .kap{position:relative;z-index:1}
.iz{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--soluk)}
.iz a:hover{color:var(--yazi)}
.iz b{color:var(--yazi);font-weight:600}
.urun-ust{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;margin-top:22px}
.urun-hero h1{font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-.035em}
.urun-hero .alti{color:var(--soluk);font-size:17.5px;margin-top:14px;max-width:52ch}
.urun-hero .maddeler{color:var(--soluk);margin-top:18px}
.urun-hero .maddeler svg.ik{color:var(--yazi)}
.urun-hero .hero-eylem{margin-top:26px}
.avantaj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.avantaj div{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:22px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:4px;align-content:start}
.avantaj .ikon{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:var(--mor-acik);color:var(--mor);display:grid;place-items:center}
.avantaj h3{font-size:16.5px;font-weight:800;align-self:end}
.avantaj p{grid-column:2;font-size:14px;color:var(--soluk)}
@media (max-width:1080px){.urun-ust,.nedir{grid-template-columns:minmax(0,1fr)}.avantaj{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.avantaj,.kimler{grid-template-columns:1fr}}
.urun-hero{isolation:isolate}
.urun-hero{display:flex;flex-direction:column}
.urun-hero>.kap{width:100%;flex:1;display:flex;flex-direction:column}
.urun-ust{flex:1}
.urun-hero .etiket{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--cizgi);padding:6px 14px 6px 6px;border-radius:999px;font-size:14px;color:var(--yazi);margin-bottom:16px}
.urun-hero .etiket .rozet{border-radius:999px}
.urun-hero h1 em{font-style:normal;color:inherit;background:linear-gradient(transparent 60%,rgba(255,194,51,.6) 60%);padding:0 .08em}
.ad-hero .arama{background:#fff;margin-top:12px;border:1.5px solid var(--cizgi);box-shadow:0 12px 30px -18px rgba(var(--ana-rgb),.5)}
.ad-hero .arama:focus-within{border-color:var(--mor)}
.ad-sekme{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:4px;margin-top:22px}
.ad-sekme button{border:0;background:none;font:700 14px var(--font);padding:8px 18px;border-radius:999px;cursor:pointer;color:var(--yazi)}
.ad-sekme button[aria-selected="true"]{background:var(--mor);color:#fff}
.ad-not{font-size:13px;margin-top:10px;color:var(--soluk)}
.tk-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tk{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:13px 18px;box-shadow:0 18px 40px -30px rgba(var(--ana-rgb),.6);transition:border-color .15s,transform .15s}
.tk:hover{border-color:var(--mor);transform:translateY(-2px)}
.tk b{font-size:24px;letter-spacing:-.02em;color:var(--mor)}
.tk span{font-size:18px;font-weight:800;color:var(--yazi)}
.tk small{font-size:12.5px;color:var(--soluk)}
#fiyatlar>.kap>.bas.ad-bas{display:flex}
.ad-filtre{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:26px}
.ad-bul{display:flex;align-items:center;gap:8px;height:42px;border:1.5px solid var(--cizgi);border-radius:10px;padding:0 12px;background:#fff}
.ad-bul svg{width:16px;height:16px;color:var(--soluk)}
.ad-bul input{border:0;outline:0;font:600 14px var(--font);width:170px;color:var(--yazi)}
.tl-tablo{margin-top:14px;border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden;background:#fff}
.tl-s{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 140px 140px 120px;gap:14px;align-items:center;padding:10px 20px;border-top:1px solid var(--cizgi);transition:background .15s}
.tl-s:first-child{border-top:0}
.tl-s:not(.tl-b):hover{background:var(--mor-acik)}
.tl-s b{font-size:17px}
.tl-s>span{font-size:14px}
.tl-s .f{text-align:right;font-weight:800;font-size:15.5px}
.tl-b{background:var(--gri);padding:12px 20px}
.tl-b span,.tl-b .f{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk)}
.tl-s .btn{height:34px;min-height:0;width:100%}
.tl-yok{padding:18px 20px;margin:0;font-weight:600}
.ad-av{grid-template-columns:repeat(3,minmax(0,1fr))}
.ad-transfer{padding:80px 0}
.at-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;background:var(--mor-koyu);color:#fff;border-radius:var(--r-l);padding:44px}
.at-ic h2{font-size:30px;color:#fff;margin:6px 0 10px}
.at-ic p{color:rgba(255,255,255,.82);margin-bottom:20px}
.at-ic .ust-baslik{color:var(--lila)}
.at-ic ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.at-ic li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-m);padding:16px}
.at-ic li span{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--sari);color:#1a1205;display:grid;place-items:center;font-weight:800}
.at-ic li small{color:rgba(255,255,255,.8);font-size:14px}
.ad-bolum-ust{margin-top:0}
@media (max-width:1080px){.tk-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}.at-ic{grid-template-columns:1fr;padding:30px}.ad-av{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.tl-s{grid-template-columns:minmax(0,1fr) 92px 92px;padding:10px 14px}.tl-s>span:nth-child(2),.tl-b>span:nth-child(2){display:none}.tl-s .btn,.tl-b span:last-child{display:none}.tk-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-av{grid-template-columns:1fr}.ad-bul{flex:1}.ad-bul input{width:100%}}
.tl-s[hidden]{display:none}
/* Grup sekmeleri (taslaktaki .sv-sek; ortak yeni.css'te yalnız [hidden] kuralı var) */
.sv-sek{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--gri);border-radius:12px;padding:4px}
.sv-sek button{height:40px;padding:0 16px;border:0;border-radius:9px;background:transparent;font:700 14px var(--font);color:var(--yazi);cursor:pointer}
.sv-sek button[aria-selected="true"]{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* Sayfa eklemeleri: tümünü göster, dipnot, transfer penceresi */
.ad-daha{margin-top:16px;width:100%}
.ad-daha[hidden]{display:none}
.ad-dipnot{margin-top:14px;font-size:14px;color:var(--yazi)}
.tk{cursor:pointer}
.ad-tp{max-width:min(560px,calc(100vw - 32px))}
.ad-tp .sp-bas small,.ad-tp .sp-bas h2 span{color:var(--yazi)}
.ad-tp-govde{padding:22px;display:grid;gap:16px;color:var(--yazi);overflow:auto}
.ad-tp-adim{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ad-tp-adim li{display:flex;gap:12px;align-items:flex-start;background:var(--gri);border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:600}
.ad-tp-adim b{width:28px;height:28px;border-radius:8px;background:var(--mor);color:#fff;display:grid;place-items:center;flex:none;font-size:14px}
.ad-tp-not{font-size:14px;color:var(--yazi)}
.ad-tp-eylem{display:flex;flex-wrap:wrap;gap:10px}
.ad-tp-eylem .btn{flex:1;min-width:180px}
@media (max-width:560px){.ad-tp-eylem .btn{min-width:0;width:100%}}

/* Tüm uzantılar için canlı durum (24.10.2026) */
.ad-bas>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.ad-temizle{margin-top:14px}
.tl-u{color:var(--mor)}
.tl-tablo.whois .durum{font-size:13px;font-weight:700}
.tl-tablo.whois .durum.var{color:var(--yesil)}
.tl-tablo.whois .durum.yok,.tl-tablo.whois .durum.bilinmiyor{color:var(--soluk)}
.tl-tablo.whois .tl-s.alinmis b,.tl-tablo.whois .tl-s.alinmis .tl-u{color:var(--soluk)}
.tl-tablo.whois .tl-s.alinmis .f{color:var(--soluk);font-weight:600}
.tl-tablo.whois .iskelet{display:block;height:34px;border-radius:8px;background:var(--gri2);animation:parla 1s infinite alternate}
.dn{display:inline-block;width:11px;height:11px;border:2px solid var(--cizgi);border-top-color:var(--mor);border-radius:50%;margin-right:6px;vertical-align:-1px;animation:dn-don .7s linear infinite}
@keyframes dn-don{to{transform:rotate(360deg)}}
@media (max-width:700px){.tl-tablo.whois .tl-b{display:none}.tl-tablo.whois .tl-s{grid-template-columns:minmax(0,1fr) auto 108px;row-gap:2px}.tl-tablo.whois .tl-s>b{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-tablo.whois .tl-s>span:nth-child(2){display:block;grid-column:1;grid-row:2}.tl-tablo.whois .tl-s>span:nth-child(3){grid-column:2;grid-row:1/3}.tl-tablo.whois .tl-s>span:nth-child(4){display:none}.tl-tablo.whois .tl-s>:nth-child(5){display:flex;grid-column:3;grid-row:1/3}}

/* Sıralama seçicisi (kategori seçicisiyle aynı pill) */
.ad-filtre{flex-wrap:wrap;row-gap:10px}
.ad-sira{margin-left:auto}
@media (max-width:700px){.ad-sira{margin-left:0;overflow-x:auto;flex-wrap:nowrap;max-width:100%}.ad-sira button{white-space:nowrap}}

/* Tıklanabilir başlıklar (24.10.2026) */
.tl-b [data-k]{cursor:pointer;user-select:none;transition:color .15s;border-radius:6px}
.tl-b [data-k]:hover,.tl-b [data-k].aktif{color:var(--yazi)}
.tl-b [data-k]:focus-visible{outline:2px solid var(--mor);outline-offset:2px}
.tl-b [data-k]::after{content:attr(data-ok);font-size:10px;color:var(--mor)}
.tl-b [data-k].aktif::after{margin-left:5px}
.tl-b .f[data-k].aktif::after{position:absolute;margin-left:3px}
.tl-b .f[data-k]{position:relative}
@media (min-width:701px){.ad-sira{display:none!important}}

/* Uzantı kutuları 4x2 (24.10.2026, Yaşar referansı): yarı saydam cam kutu, üstte renkli uzantı logosu, altta büyük fiyat + yanında TL ve /yıl. Eski .tk kurallarını ezmek için hep .tk-izgara altında. */
.tk-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tk-izgara .tk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px 14px;background:rgba(255,255,255,.62);border:1px solid rgba(14,21,38,.09);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px -20px rgba(14,21,38,.45);text-align:center}
.tk-izgara .tk:hover{background:rgba(255,255,255,.92);border-color:rgba(var(--ana-rgb),.45)}
.tk-izgara .tk-logo{display:flex;align-items:center;justify-content:center;height:28px;font:800 21px/1 var(--font);letter-spacing:-.03em;color:var(--yazi);white-space:nowrap}
.tk-izgara .tk-logo span{font:inherit;color:inherit}
.tk-izgara .tk-logo img{max-height:28px;max-width:100%;width:auto;display:block}
.tk-izgara .tk-nokta{font-style:normal;color:inherit}
.tk-izgara .tk-f{display:flex;align-items:center;gap:5px;line-height:1}
.tk-izgara .tk-n{font:800 28px/1 var(--font);letter-spacing:-.04em;color:var(--yazi)}
.tk-izgara .tk-b{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.tk-izgara .tk-b i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--soluk);line-height:1}
.tk-izgara .tk-b i:first-child{color:var(--yazi)}
/* uzantıya özgü renkler (logo resmi gelene kadar; public/img/tld/<uzanti>.svg konunca resim gösterilir) */
.tk-izgara .tk-com .tk-logo{color:#1f62d6}
.tk-izgara .tk-com .tk-nokta,.tk-izgara .tk-net .tk-nokta{font-size:0;width:7px;height:7px;border-radius:50%;background:#1f62d6;margin:0 1px 0 0;align-self:flex-end;margin-bottom:5px}
.tk-izgara .tk-net .tk-logo{color:#1d2433}.tk-izgara .tk-net .tk-nokta{background:#f4b400}
.tk-izgara .tk-org .tk-logo{color:#2a3a63}.tk-izgara .tk-org .tk-nokta{font-size:0;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#fff 0 2px,#f26b21 2.5px);margin-right:3px}
.tk-izgara .tk-com-tr .tk-logo{color:#1d2433}.tk-izgara .tk-com-tr .tk-p1{color:#e30a17}
.tk-izgara .tk-tr .tk-logo{color:#e30a17}
.tk-izgara .tk-xyz .tk-logo{background:#5b2bd1;color:#fff;border-radius:6px;padding:3px 7px 4px;font-size:17px;height:auto}
.tk-izgara .tk-site .tk-logo{color:#1d2433}.tk-izgara .tk-site .tk-nokta{color:#e8483b}
.tk-izgara .tk-info .tk-logo{color:#0b8bd0}
.tk-izgara .tk-biz .tk-logo{color:#f07a00}
.tk-izgara .tk-cloud .tk-logo{color:#2b9be6}
.tk-izgara .tk-de .tk-logo{color:#1d2433}.tk-izgara .tk-de .tk-nokta{font-size:0;width:6px;height:15px;border-radius:2px;background:linear-gradient(#111 33%,#dd0000 33% 66%,#ffce00 66%);margin-right:4px}
.tk-izgara .tk-email .tk-logo{color:#0f9d74}
@media (max-width:700px){.tk-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-izgara .tk-n{font-size:26px}}

/* Logo resmi (CDN): resmin içindeki boşluk payı yüzünden resim kutusu yazıdan büyük; yazı satırıyla aynı hizada dursun */
.tk-izgara .tk-logo .tk-yazi{display:flex;align-items:center}
.tk-izgara .tk-logo.tk-resim .tk-yazi{display:none}
.tk-izgara .tk-logo img{height:56px;width:auto;max-width:none;max-height:none;margin:-14px 0}
@media (max-width:700px){.tk-izgara .tk-logo img{height:52px;margin:-12px 0}}
.tk-izgara .tk-sor{font-size:13px;font-weight:700;color:var(--mor);min-height:28px;align-items:center}
.tk-izgara .tk-logo.tk-resim{background:none;padding:0;border-radius:0;height:28px}
/* Kareye yakın kompakt kutular (Yaşar 24.10: "adamlarda kare durdu, bizimki dikdörtgen tuhaf") — sabit genişlik, satırı doldurmak için uzamaz */
.tk-izgara{grid-template-columns:repeat(4,136px);justify-content:end;gap:10px}
.tk-izgara .tk{aspect-ratio:1.15/1;padding:10px 6px;gap:6px;border-radius:14px}
.tk-izgara .tk-logo{height:26px}
.tk-izgara .tk-logo img{height:50px;margin:-12px 0}
.tk-izgara .tk-n{font-size:25px}
.tk-izgara .tk-b i{font-size:10px}
@media (max-width:1080px){.tk-izgara{justify-content:start}}
@media (max-width:700px){.tk-izgara{grid-template-columns:repeat(2,minmax(0,160px));justify-content:center}.tk-izgara .tk-n{font-size:25px}}
/* "Transfer et" düğmeleri her yerde zümrüt (Yaşar 24.10) */
.btn[data-tr],.btn[data-tp]{background:var(--mor)!important;color:#fff!important;box-shadow:none!important;border-color:var(--mor)!important}
.btn[data-tr]:hover,.btn[data-tp]:hover{filter:brightness(1.08)}
.ad-bul-kap{display:flex;align-items:center;gap:12px}
.ad-say{font-size:14px;font-weight:400;color:var(--yazi);white-space:nowrap}
@media (max-width:700px){.ad-bul-kap{width:100%;flex-direction:column;align-items:stretch;gap:6px}.ad-bul-kap .ad-bul{flex:1}}

.lh-guncel{font-size:13px;color:var(--soluk);margin-top:18px}