@import url('https://fonts.googleapis.com/css2?family=Rubik+Dirt&text=%2F3DFGHKLMPSTabcdefiklmnoprstuvy%C3%87%C3%96%C3%9C%C3%A7%C3%B6%C3%BC%C4%9E%C4%9F%C4%B0%C4%B1%C5%9E%C5%9F&display=swap');
/* ═══ GECE TEMASI · ortak renkler (2026-10-17) ═══════════════════════════════
   Ana sayfadaki lacivert-neon üst kısım ve gece zemini diğer sekmelere taşınır.
   YALNIZ RENK: yerleşim, yazı tipleri ve süsler her sayfada olduğu gibi kalır.
   Sayfaya özgü bölüm renkleri o sayfanın kendi <style id="gece-sayfa"> bloğundadır.
   Bağlandığı sayfalar: urunler, kesfet, giydir, kendin_tasarla, kurumsal, custom_siparis, ders_sticker.
   2026-10-17 FX (DEN-7): Rubik Dirt yalnız başlıkta geçen harflerle (&text=) iner: ~477 KB → ~98 KB (ölçüldü).
   Harfler: sekme/menü/profil yazıları + "StickerLab" + Türkçe ÇĞİÖŞÜ çğıöşü. Yeni bir yazı eklenirse harfini buraya
   ve index.html'deki AYNI bağlantıya ekle (iki adres aynı kalsın, önbellek paylaşılır). Listede olmayan harf
   (ör. Profil satırındaki kullanıcı adı) yedek yazı tipine (Archivo Black) düşer: bilinçli kabul. */
:root{--gece:#10142E;--gece-2:#161B3D;--gece-3:#1E2552}
html{background:var(--gece)}
body{background-color:var(--gece) !important;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.3px,transparent 1.7px) !important;background-size:20px 20px !important}

/* logo satırı: gece duvarı (tuğla deseni aynı, çizgiler açık). 2026-10-17 FX (DEN-14): üst bağlantı şeridi (.ust-serit) bu sayfalarda yok, kuralları silindi */
nav.nav{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2260%22%3E%3Cpath%20d%3D%22M0%201H120M0%2031H120M1%201V31M61%201V31M31%2031V61M91%2031V61%22%20stroke%3D%22%23FFFFFF%22%20stroke-opacity%3D%22.10%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") 0 0/120px 60px var(--gece-2) !important}
.gr-sprey{opacity:.35}

/* logo: yazı rengi/tipi aynı; taç logonun kendisine bağlı (ana sayfayla aynı).
   2026-10-27: logonun arkasındaki neon yeşil (limon) leke kaldırıldı (kullanıcı isteği). Duvardaki eski leke zaten gizli. */
.gr-duvar .gr-leke,.gr-duvar .gr-tac{display:none}
nav.nav>.logo{position:relative;z-index:1;isolation:isolate}
nav.nav>.logo::after{content:'';position:absolute;left:-.18em;top:-.62em;width:1.05em;height:.6em;transform:rotate(-16deg);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 110'%3E%3Cpath d='M20 95L32 30L70 70L100 14L130 70L168 30L180 95Z' fill='%23C8FF3D' stroke='%231A1A1A' stroke-width='9' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='24' r='11' fill='%23FFD23D' stroke='%231A1A1A' stroke-width='7'/%3E%3Ccircle cx='100' cy='10' r='9' fill='%23FFD23D' stroke='%231A1A1A' stroke-width='7'/%3E%3Ccircle cx='168' cy='24' r='11' fill='%23FFD23D' stroke='%231A1A1A' stroke-width='7'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(2px 2px 0 var(--ink))}
nav.nav .nav-right::before{background:rgba(255,255,255,.2)}

/* ═══ BAŞLIK: ana sayfayla AYNI düzen (2026-10-17) ═══
   mor bant + üst bağlantı şeridi kaldırıldı, arama 🔍 simgesinde, sekmeler grafiti yazıyla logonun satırında,
   telefonda "☰ Menü" / "👤 Profil" açılır listeleri. Davranış: gece-baslik.js */
@media(min-width:1101px){nav.nav{padding:12px 32px;gap:18px}}
nav.nav{flex-wrap:nowrap}
nav.nav>.kat-linkler{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;justify-content:center;gap:26px;max-width:none;
  margin:0 0 0 18px;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none}
nav.nav>.kat-linkler a{flex:0 0 auto;display:flex;align-items:center;font-family:'Rubik Dirt','Archivo Black',sans-serif;font-weight:400;font-size:20px;
  letter-spacing:.3px;line-height:1.1;padding:8px 9px;border-radius:12px;opacity:1;white-space:nowrap;
  text-shadow:-2px -2px 0 #0B0C24,2px -2px 0 #0B0C24,-2px 2px 0 #0B0C24,2px 2px 0 #0B0C24,0 0 10px rgba(255,255,255,.18)}
nav.nav>.kat-linkler a:nth-child(1){color:#FF4D6D}
nav.nav>.kat-linkler a:nth-child(2){color:#C49BFF}
nav.nav>.kat-linkler a:nth-child(3){color:#4DCBFF}
nav.nav>.kat-linkler a:nth-child(4){color:#FF9A4D}
nav.nav>.kat-linkler a:nth-child(5){color:#7CFF6B}
nav.nav>.kat-linkler a:nth-child(6){color:#FF5FC8}
nav.nav>.kat-linkler a:hover{color:#fff;background:transparent}
/* bulunduğun sekme: altı çizili */
nav.nav>.kat-linkler a.aktif{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;background:transparent}
nav.nav>.kat-linkler a+a::before{display:none}
nav.nav>.kat-linkler .kat-ai{font-family:'Familjen Grotesk',sans-serif;font-size:11px;text-shadow:none}
nav.nav>.nav-right{flex-shrink:0}
nav.nav .cart-btn{white-space:nowrap}
.ara-ac{display:grid !important;place-items:center;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);
  font-size:16px;cursor:pointer;box-shadow:3px 3px 0 var(--ink),0 0 0 3px var(--hot);transition:transform .15s,box-shadow .15s,background .15s}
.ara-ac:hover,nav.ara-acik .ara-ac{background:var(--lime);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink),0 0 0 3px var(--hot)}
.ara-ac .emo{width:18px;height:18px}
nav.nav>.logo{margin-top:6px}
@media(max-width:400px){.ara-ac{width:40px;height:40px}}
/* arama kutusu: gizli; 🔍 ile logo satırının altında tam genişlik açılır */
nav.nav>.nav-ara{display:none !important}
nav.nav.ara-acik{flex-wrap:wrap}
nav.nav.ara-acik>.nav-ara{display:flex !important;order:6;flex:1 1 100%;max-width:none;margin:4px 0 2px;position:relative;z-index:1}
/* 2026-10-17 FX2 (K1 kullanıcı kararı: sekmeler LOGONUN SATIRINDA, 1440'ta tek satır onaylı): 1100 px üstünde varsayılan TEK SATIR.
   Sığsın diye yazı/aralık kademeli küçülür (FX öncesi kademe mantığı: 1700/1460/1340/1250). Tek satırda gerçekten
   kesişme varsa (ör. girişli kullanıcıda ad + kredi rozeti) gece-baslik.js nav'a .sekme-iki ekler (ikinci satır).
   FX turu 1301-1500'ü kalıcı iki satıra almıştı: K1 ihlali, geri alındı. */
@media(max-width:1700px){nav.nav>.kat-linkler{gap:14px;margin-left:24px}nav.nav>.kat-linkler a{font-size:17px;padding:8px 3px}}
@media(min-width:1101px) and (max-width:1460px){nav.nav{padding:12px 22px;gap:12px}nav.nav>.kat-linkler{gap:11px;margin-left:12px}nav.nav>.kat-linkler a{font-size:16px;padding:8px 2px}}
@media(min-width:1101px) and (max-width:1340px){nav.nav>.kat-linkler{gap:8px;margin-left:8px}nav.nav>.kat-linkler a{font-size:15px;padding:8px 1px}}
@media(min-width:1101px) and (max-width:1250px){nav.nav>.kat-linkler{gap:6px}nav.nav>.kat-linkler a{font-size:14px}}
@media(max-width:1100px){
  nav.nav{flex-wrap:wrap;row-gap:4px}
  nav.nav>.kat-linkler{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;margin:0;gap:22px;padding-bottom:4px}
  nav.nav>.kat-linkler a{font-size:17px;padding:6px 2px}
}
nav.nav.sekme-iki{flex-wrap:wrap;row-gap:4px}
nav.nav.sekme-iki>.kat-linkler{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;margin:0;gap:22px;padding-bottom:4px}
nav.nav.sekme-iki>.kat-linkler a{font-size:17px;padding:6px 2px}
/* DEN-8: tablette son sekme kesiliyor → sağ kenarda gece rengine solma (kaydırma ipucu); sondaki boşluk sayesinde
   en sona kaydırınca son sekme solmanın dışında kalır. Telefonda (≤760) sekmeler açılır listede, solma yok.
   2026-10-17 FX2: yalnız iki satır düzeninde (≤1100 ya da .sekme-iki) */
@media(min-width:761px) and (max-width:1100px){
  nav.nav>.kat-linkler{padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
}
@media(min-width:761px){
  nav.nav.sekme-iki>.kat-linkler{padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
}
/* 2026-10-17 FX2 (büyük ekran kapısı B5): sekme bağlantısı dokunma alanı ≥44 px yüksek (yazı boyu aynı; telefonda liste satırı zaten 48) */
@media(min-width:761px){nav.nav>.kat-linkler a{min-height:44px}}
/* 2026-10-17 FX2 (odak kapısı): Tab ile gelinen öğe yapışkan başlığın altında kalmasın (--nav-h: gece-baslik.js, yapışmıyorsa 0).
   Yalnız klavye odağında (:focus-visible): html'e genel scroll-padding verilince giydir tuvaline fareyle basınca (tabindex=0, odak)
   sayfa kayıyor, sürükleme kaçıyordu (giydir_davranis [11] ölçüldü). */
:focus-visible{scroll-margin-top:calc(var(--nav-h,0px) + 12px)}
/* telefon: açılır listeler */
.menu-ac,.profil-liste{display:none}
@media(max-width:760px){
  nav.nav{column-gap:8px}
  .menu-ac{display:flex;order:3;flex:1 1 calc(50% - 4px);min-width:0;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:1;
    font-family:'Rubik Dirt','Archivo Black',sans-serif;font-size:18px;color:var(--paper);background:rgba(255,255,255,.06);
    border:2px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 12px;margin-top:2px;white-space:nowrap;overflow:hidden}
  .menu-ac>span{overflow:hidden;text-overflow:ellipsis}
  .menu-ac .emo{width:18px;height:18px;vertical-align:-3px}
  .menu-ac b{font-size:13px;transition:transform .2s;flex-shrink:0}
  nav.menu-acik #menuAc b,nav.profil-acik #profilAc b{transform:rotate(180deg)}
  nav.menu-acik #menuAc,nav.profil-acik #profilAc{background:rgba(255,255,255,.14);border-color:var(--lime)}
  nav.nav>.kat-linkler,nav.nav>.profil-liste{display:none;order:4;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;overflow:visible;padding:4px 0 6px;margin:0;position:relative;z-index:1}
  nav.menu-acik>.kat-linkler,nav.profil-acik>.profil-liste{display:flex}
  nav.nav>.kat-linkler a,nav.nav>.profil-liste a{font-family:'Rubik Dirt','Archivo Black',sans-serif;font-size:21px;padding:11px 14px;justify-content:flex-start;
    border-bottom:1px solid rgba(255,255,255,.10)}
  nav.nav>.profil-liste a{color:var(--paper);text-shadow:-2px -2px 0 #0B0C24,2px -2px 0 #0B0C24,-2px 2px 0 #0B0C24,2px 2px 0 #0B0C24}
  nav.nav>.kat-linkler a:last-child,nav.nav>.profil-liste a:last-child{border-bottom:0}
  nav.nav .nav-right #uyGirisBtn,nav.nav .nav-right .uy-btn{display:none !important}
}

/* ═══ ALT BAĞLANTILAR (2026-10-17 FX, SK-6) ═══
   Nasıl Kullanılır · Uygulama Rehberi · Satıcı Ol üst şeritle birlikte başlıktan kalktı → sayfa sonunda.
   Altbilgisi olan sayfada (giydir, kendin_tasarla, kurumsal) altbilginin içinde; olmayanda (urunler, kesfet,
   custom_siparis, ders_sticker) aynı koyu altbilgi renginde ince şerit. Bağlantı biçimi ana sayfa altbilgisindekiyle aynı. */
.alt-baglantilar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:18px 16px 22px;background:var(--ink);color:var(--paper);
  font-family:'Familjen Grotesk',sans-serif;font-size:13px;font-weight:700;line-height:1.5}
.alt-baglantilar a{color:inherit;text-decoration:underline;opacity:.9}
.alt-baglantilar a:hover{opacity:1;color:var(--lime)}
/* 2026-10-17 FX2 (destek_balon_kapisi h): altbilgisiz sayfada kaydırırken sağ alttaki sabit destek balonu "Satıcı Ol"un üstünden
   geçiyordu (urunler 320x672). Sayfaların "sağ oluk" kalıbı (custom_siparis): ≤900 px'te bağlantılar balon sütununa girmez. */
@media(max-width:900px){.alt-baglantilar{padding-right:84px}}
footer .alt-baglantilar{background:none;padding:0 0 12px}