/* launch.css — GENİŞ YERLEŞİM + LAUNCHES bileşenleri (Yasko 06, 06.10.2026) Kral 06.10: "ana sayfada da onlar görünür olmalı. sayfayı tam kullanalım, sadece ortadaki alan kalmasın" + "premium üyeler kategorisi ortada görünür sürekli belirgin bir şekilde". ortak.css'in belirteçlerini (--vurgu, --uyari, --cizgi…) KULLANIR, hiçbirini yeniden tanımlamaz. Araç sayfaları 940 px tek sütunda kalır; bu dosyayı yalnız ana sayfa ve /launch sayfaları yükler. Renk anlamı deskkit'in kendi kuralı: yeşil = iyi/birincil · amber = ücretli/kısmi · kırmızı = başarısız. */ .genis{max-width:1440px;margin:0 auto;padding:0 32px 80px} @media(max-width:600px){.genis{padding:0 16px 60px}} /* üst çubuk: tam genişlik, sağda gönderim düğmesi */ .genis>nav{border-bottom:1px solid var(--cizgi);padding:14px 0 10px} .genis>nav .bosluk{flex:1} .genis>nav a.gonder{color:var(--vurgu-metin);background:var(--vurgu);border:1px solid var(--vurgu); padding:7px 14px;border-radius:var(--yuvarlak);font-size:.88rem;font-weight:500} .genis>nav a.gonder:hover{color:var(--vurgu-metin);filter:brightness(1.08)} /* kısa giriş: başlık solda, iki ana yol sağda */ .giris-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:34px 0 26px} .giris-satir h1{margin:10px 0 8px;max-width:760px} .giris-satir .alt{margin-top:0;max-width:680px} .giris-satir .yollar{display:flex;gap:10px;flex-wrap:wrap} .giris-satir .yollar a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--cizgi); border-radius:var(--yuvarlak);background:var(--yuzey);color:var(--murekkep);text-decoration:none;font-size:.92rem} .giris-satir .yollar a:hover{border-color:var(--vurgu);color:var(--vurgu)} @media(max-width:900px){.giris-satir{grid-template-columns:1fr}} /* ÜÇ SÜTUN */ .uc{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;align-items:start} .uc>*{min-width:0} .sol,.sag{position:sticky;top:16px} @media(max-width:1180px){.uc{grid-template-columns:minmax(0,1fr) 300px}.sol{grid-column:1/-1;position:static}} @media(max-width:820px){.uc{grid-template-columns:minmax(0,1fr)}.sag{position:static}} .etiket2{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sonuk);display:block;margin-bottom:10px} /* SOL: kategoriler + süzgeçler */ .sol .katlar{list-style:none;margin:0;padding:0} .sol .katlar a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--yuvarlak); color:var(--murekkep);text-decoration:none;font-size:.92rem} .sol .katlar a b{font-weight:400} .sol .katlar a span{font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--sonuk)} .sol .katlar a:hover{background:var(--yuzey2)} .sol .katlar a[aria-current]{background:var(--vurgu-zemin);color:var(--vurgu)} .sol .suz{margin-top:22px;display:flex;flex-direction:column;gap:4px} .sol .suz a{font-size:.88rem;color:var(--sonuk);text-decoration:none;padding:5px 10px;border-radius:var(--yuvarlak)} .sol .suz a:hover,.sol .suz a[aria-current]{color:var(--vurgu);background:var(--yuzey2)} .sol .nasil{margin-top:22px;font-size:.84rem;color:var(--sonuk);border-left:3px solid var(--cizgi);padding:4px 0 4px 12px} @media(max-width:1180px){ .sol{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--cizgi);padding-bottom:12px} .sol .etiket2,.sol .nasil{display:none} .sol .katlar{display:flex;gap:4px;flex-wrap:wrap} .sol .suz{margin-top:0;flex-direction:row;flex-wrap:wrap} } /* ORTA — PREMIUM bandı: her zaman en üstte, amber (ücretli) çerçeve */ .premium{border:1px solid var(--uyari);border-radius:var(--yuvarlak);background:var(--uyari-zemin);padding:16px 16px 18px} .premium .bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap} .premium .bas h2{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:8px} .premium .bas .etiketP{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase; color:var(--uyari);border:1px solid var(--uyari);border-radius:2px;padding:2px 7px} .premium .bas a{font-size:.84rem;color:var(--uyari)} /* 06.10 Kral: "orta alanı 4 e çekelim" → geniş ekranda sabit 4 sütun (2 sıra = 8 kart); daraldıkça 3 → 2 → 1 */ .pizgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} @media(max-width:1360px){.pizgara{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.pizgara{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.pizgara{grid-template-columns:minmax(0,1fr)}} .pkart .gov{padding:10px 12px 12px} .pkart .ust b{font-size:1rem} .pkart p{font-size:.84rem} .pkart{display:flex;flex-direction:column;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yuvarlak); overflow:hidden;text-decoration:none;color:var(--murekkep)} .pkart:hover{border-color:var(--uyari)} .pkart .resim{aspect-ratio:16/10;background:var(--yuzey2);overflow:hidden;border-bottom:1px solid var(--cizgi)} .pkart .resim img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block} .pkart .gov{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1} .pkart .ust{display:flex;align-items:center;gap:10px} .pkart .ust img{width:34px;height:34px;border-radius:7px;flex:none;background:var(--yuzey2)} .pkart .ust b{font-family:Newsreader,Georgia,serif;font-size:1.08rem;font-weight:600;line-height:1.2} .pkart .ust small{display:block;font-size:.76rem;color:var(--sonuk)} .pkart p{margin:0;font-size:.87rem;color:var(--sonuk);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .pkart .olc{margin-top:auto} .pkart.max{grid-column:span 2} .pkart.max .resim{aspect-ratio:21/9} @media(max-width:620px){.pkart.max{grid-column:auto}.pkart .resim,.pkart.max .resim{aspect-ratio:2/1}} /* ölçüm satırı: hep YAZI, renk yalnız anlam */ .olc{display:flex;flex-wrap:wrap;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:.74rem} .olc span{border:1px solid var(--cizgi);border-radius:2px;padding:2px 7px;color:var(--sonuk);background:var(--yuzey)} .olc .not{font-weight:500} .olc .not.iyi{color:var(--vurgu);border-color:var(--vurgu);background:var(--vurgu-zemin)} .olc .not.orta{color:var(--uyari);border-color:var(--uyari);background:var(--uyari-zemin)} .olc .not.kotu{color:var(--kirmizi);border-color:var(--kirmizi)} .olc .dogru{color:var(--vurgu)} /* lansman akışı */ .akisbas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 12px;flex-wrap:wrap} .akisbas h2{margin:0;font-size:1.25rem} .sekmeler{display:flex;gap:4px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:3px;background:var(--yuzey)} .sekmeler a{font-size:.84rem;padding:5px 12px;border-radius:calc(var(--yuvarlak) - 2px);color:var(--sonuk);text-decoration:none} .sekmeler a[aria-current]{background:var(--vurgu-zemin);color:var(--vurgu)} .liste{list-style:none;margin:0;padding:0;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--yuzey)} .liste li+li{border-top:1px solid var(--cizgi)} .satir{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 16px;text-decoration:none;color:var(--murekkep)} .satir:hover{background:var(--yuzey2)} .satir>img,.satir .ikonyok{width:52px;height:52px;border-radius:10px;background:var(--yuzey2);object-fit:cover} .satir b{font-family:Newsreader,Georgia,serif;font-size:1.05rem;font-weight:600} .satir b small{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:400;font-size:.78rem;color:var(--sonuk);margin-left:8px} .satir p{margin:2px 0 6px;font-size:.88rem;color:var(--sonuk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .satir .tarih{font-family:'IBM Plex Mono',monospace;font-size:.74rem;color:var(--sonuk);text-align:right;white-space:nowrap} @media(max-width:560px){.satir{grid-template-columns:44px minmax(0,1fr)}.satir>img{width:44px;height:44px}.satir .tarih{display:none}.satir p{white-space:normal}} .bos{padding:26px 18px;color:var(--sonuk);font-size:.92rem} /* SAĞ sütun kutuları */ .kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:16px 16px 18px} .kutu+.kutu{margin-top:16px} .kutu h3{font-family:Newsreader,Georgia,serif;font-size:1.05rem;margin:0 0 6px} .kutu p{font-size:.86rem;color:var(--sonuk);margin:0 0 10px} .olcform{display:flex;gap:8px} .olcform input{flex:1;min-width:0;font:inherit;font-size:.9rem;padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak); background:var(--bg);color:var(--murekkep)} .olcform button{flex:none} .olcakis{margin-top:10px;font-family:'IBM Plex Mono',monospace;font-size:.76rem;color:var(--sonuk);max-height:180px;overflow:auto} .olcakis div:last-child{color:var(--murekkep)} .olcakis .hata{color:var(--kirmizi)} .olcsonuc{margin-top:10px} .hafta .video{height:120px;width:100%;background:var(--yuzey2);border:1px dashed var(--cizgi);border-radius:var(--yuvarlak); display:flex;align-items:center;justify-content:center;text-align:center;color:var(--sonuk);font-size:.84rem;padding:16px} .araclist{list-style:none;margin:0;padding:0} .araclist a{display:flex;align-items:center;gap:10px;padding:7px 4px;color:var(--murekkep);text-decoration:none;font-size:.9rem;border-radius:var(--yuvarlak)} .araclist a:hover{color:var(--vurgu);background:var(--yuzey2)} .araclist svg{color:var(--vurgu);flex:none} /* araçlar bölümü: tam genişlik, geniş ekranda 4–5 sütun */ .araclar-tam{margin-top:56px;padding-top:30px;border-top:1px solid var(--cizgi)} .araclar-tam>h2{font-size:1.4rem;margin:0 0 4px} .araclar-tam .bloklar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .araclar-tam .izgara{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))} .alt-uc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;margin-top:44px;align-items:start} @media(max-width:900px){.alt-uc{grid-template-columns:1fr}} /* ÜRÜN SAYFASI */ .urun-bas{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:20px;align-items:center;padding:32px 0 22px} .urun-bas>img{width:88px;height:88px;border-radius:16px;background:var(--yuzey2)} .urun-bas h1{margin:0 0 6px} .urun-bas .cumle{margin:0;color:var(--sonuk);max-width:720px} .urun-bas .cumle em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-left:8px} .urun-bas .dugmeler{display:flex;flex-direction:column;gap:8px;align-items:stretch} @media(max-width:760px){.urun-bas{grid-template-columns:64px minmax(0,1fr)}.urun-bas>img{width:64px;height:64px}.urun-bas .dugmeler{grid-column:1/-1;flex-direction:row}} .urun-uc{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start} @media(max-width:980px){.urun-uc{grid-template-columns:1fr}} .urun-ekran{border:1px solid var(--cizgi);border-radius:var(--yuvarlak);overflow:hidden;background:var(--yuzey2)} .urun-ekran img{display:block;width:100%;height:auto} .olctablo{width:100%;border-collapse:collapse;font-size:.88rem;background:var(--yuzey)} .olctablo th{font-family:'IBM Plex Mono',monospace;font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sonuk); text-align:left;background:var(--yuzey2);padding:8px 12px;border-bottom:1px solid var(--cizgi)} .olctablo td{padding:9px 12px;border-bottom:1px solid var(--cizgi);vertical-align:top} .olctablo td.d{font-family:'IBM Plex Mono',monospace;font-size:.8rem;white-space:nowrap} .olctablo td small{display:block;color:var(--sonuk);font-size:.8rem} .var{color:var(--vurgu)} .yok{color:var(--kirmizi)} .bilgi{color:var(--sonuk)} .buyuknot{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--yuzey)} .buyuknot .harf{font-family:'IBM Plex Mono',monospace;font-size:2.4rem;line-height:1;width:64px;height:64px;display:flex;align-items:center;justify-content:center; border-radius:var(--yuvarlak);border:1px solid currentColor} .buyuknot .harf.iyi{color:var(--vurgu);background:var(--vurgu-zemin)} .buyuknot .harf.orta{color:var(--uyari);background:var(--uyari-zemin)} .buyuknot .harf.kotu{color:var(--kirmizi)} .rozetkod{font-family:'IBM Plex Mono',monospace;font-size:.76rem;width:100%;min-height:76px;padding:8px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--bg);color:var(--murekkep);resize:vertical} .kunye{font-size:.86rem;color:var(--sonuk)} .kunye dt{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;margin-top:10px} .kunye dd{margin:2px 0 0;color:var(--murekkep)} /* bağlantı-düğme (ortak.css'te yalnız