/* Nero Oro: koyu editoryal lüks — serif başlıklar, altın vurgu, numaralı bölümler */
.k-nero{--r:4px;--rb:2px;background:var(--zemin)}
.k-nero h1,.k-nero h2,.k-nero h3{font-family:var(--f1);font-weight:500;letter-spacing:-.005em;line-height:1.05}
.k-nero h1 em,.k-nero h2 em,.k-nero h3 em{font-style:italic;color:var(--ana);font-weight:500}
.k-nero .btn{border-radius:var(--rb);letter-spacing:.03em;font-weight:600}
.k-nero .btn--ana{box-shadow:0 14px 34px -16px var(--ana)}
.nr-btn-cizgi{background:transparent;color:var(--yazi);border:1px solid color-mix(in srgb,var(--yazi) 32%,transparent)}
.nr-btn-cizgi:hover{border-color:var(--ana);color:var(--ana)}
.nr-soluk{color:var(--soluk)}

/* İnce üst bant ve başlık */
.nr-ince{background:#070807;border-bottom:1px solid var(--cizgi);font-size:.8rem;color:var(--soluk)}
.nr-ince-ic{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:36px}
.nr-ince-ic i{color:var(--ana);margin-right:.25rem}
.nr-ince-sag{display:flex;gap:1.2rem}
.nr-ince-sag a:hover{color:var(--yazi)}
.nr-ust{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--zemin) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nr-ust.kaydi{background:color-mix(in srgb,var(--zemin) 94%,transparent);border-bottom-color:var(--cizgi)}
.nr-ust-ic{display:flex;align-items:center;gap:1rem;min-height:78px}
.nr-nv{margin-left:auto}
.nr-sag{display:flex;gap:.6rem;align-items:center;margin-left:1rem}
.k-nero .logo-yazi b{font-size:1.3rem;letter-spacing:.01em}
.k-nero .logo-yazi small{letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;color:var(--ana)}
.k-nero .nv-a{letter-spacing:.02em}
.k-nero .nv-a.aktif,.k-nero .nv-a:hover{color:var(--ana)}

/* Kahraman */
.nr-kahraman{position:relative;isolation:isolate;overflow:hidden;min-height:min(88vh,860px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(70px,10vw,140px)}
.nr-k-arka{position:absolute;inset:0;z-index:-2}
.nr-k-arka img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:nr-yavas 22s ease-out forwards}
@keyframes nr-yavas{to{transform:scale(1)}}
.nr-kahraman::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,8,.92) 0%,rgba(8,9,8,.7) 42%,rgba(8,9,8,.15) 75%,rgba(8,9,8,.35) 100%),linear-gradient(0deg,var(--zemin) 0%,transparent 32%)}
.nr-k-ic{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,72px);align-items:end;padding-bottom:clamp(40px,6vw,80px)}
.nr-ust-yazi{display:inline-flex;gap:.6rem;align-items:center;font-size:.78rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ana)}
.nr-ust-yazi::before{content:'';width:42px;height:1px;background:var(--ana)}
.nr-k-metin h1{font-size:clamp(2.9rem,7vw,6.2rem);line-height:.96;margin:1.2rem 0 1.2rem;max-width:12ch}
.nr-k-metin>p{color:color-mix(in srgb,var(--yazi) 80%,transparent);font-size:1.1rem;max-width:48ch;margin:0}
.nr-dugmeler{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}
.nr-k-rakam{display:flex;gap:clamp(20px,4vw,56px);margin:2.4rem 0 0;padding-top:1.6rem;border-top:1px solid color-mix(in srgb,var(--yazi) 16%,transparent)}
.nr-k-rakam div{display:flex;flex-direction:column-reverse}
.nr-k-rakam dd{margin:0;font-family:var(--f1);font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1;color:var(--yazi)}
.nr-k-rakam dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);margin-top:.4rem}
.nr-k-kart{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1rem;align-items:center;padding:.8rem;background:color-mix(in srgb,var(--yuzey) 70%,transparent);border:1px solid color-mix(in srgb,var(--ana) 30%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:420px;justify-self:end;transition:transform .3s}
.nr-k-kart:hover{transform:translateY(-4px)}
.nr-k-kart-foto img{width:120px;height:120px;object-fit:cover;display:block}
.nr-k-kart-g{display:flex;flex-direction:column;gap:.3rem}
.nr-k-kart-g small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ana)}
.nr-k-kart-g b{font-family:var(--f1);font-size:1.35rem;font-weight:500;line-height:1.15}
.nr-k-kart-g span{font-size:.85rem;color:var(--soluk)}
.nr-serit{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:rgba(8,9,8,.6);overflow:hidden;white-space:nowrap}
.nr-serit-ic{display:inline-flex;gap:1.6rem;align-items:center;padding:1rem 0;animation:nr-ak 60s linear infinite}
.nr-serit-ic span{font-family:var(--f1);font-size:1.35rem;font-style:italic;color:color-mix(in srgb,var(--yazi) 78%,transparent)}
.nr-serit-ic i{font-style:normal;color:var(--ana);font-size:.8rem}
@keyframes nr-ak{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nr-serit-ic,.nr-k-arka img{animation:none}}

/* Bölüm başlığı: büyük numara + etiket + başlık */
.nr-bolum{position:relative}
.nr-bb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem;align-items:end;margin-bottom:clamp(24px,4vw,44px)}
.nr-no{font-family:var(--f1);font-size:clamp(3rem,6vw,5.2rem);line-height:.8;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ana) 70%,transparent)}
.nr-etiket{display:block;font-size:.74rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ana);margin-bottom:.4rem}
.nr-bb h2{font-size:clamp(2rem,4.4vw,3.4rem);margin:0}
.nr-tumu{display:inline-flex;gap:.5rem;align-items:center;font-weight:600;color:var(--yazi);border-bottom:1px solid var(--ana);padding-bottom:.2rem;white-space:nowrap}
.nr-tumu:hover{color:var(--ana)}

/* 01 Koleksiyon: tipografik liste */
.nr-kat{list-style:none;margin:0;padding:0;counter-reset:nk;border-top:1px solid var(--cizgi)}
.nr-kat li{counter-increment:nk}
.nr-kat a{position:relative;display:grid;grid-template-columns:3.2rem minmax(0,1.1fr) minmax(0,1fr) auto 2rem;gap:1.2rem;align-items:center;padding:1.35rem .4rem;border-bottom:1px solid var(--cizgi);transition:padding .35s,background .35s}
.nr-kat a::before{content:counter(nk,decimal-leading-zero);font-size:.8rem;color:var(--soluk);letter-spacing:.1em}
.nr-kat-ad{font-family:var(--f1);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.05;transition:color .3s}
.nr-kat-ozet{color:var(--soluk);font-size:.92rem}
.nr-kat-say{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.nr-kat-ok{color:var(--ana);transition:transform .3s}
.nr-kat-foto{position:absolute;right:16%;top:50%;width:220px;aspect-ratio:4/3;translate:0 -50%;opacity:0;transform:scale(.92) rotate(-3deg);transition:opacity .35s,transform .45s;pointer-events:none;z-index:2;box-shadow:0 30px 60px -20px #000}
.nr-kat-foto img{width:100%;height:100%;object-fit:cover;display:block}
.nr-kat a:hover{padding-left:1.2rem;background:linear-gradient(90deg,color-mix(in srgb,var(--ana) 10%,transparent),transparent 70%)}
.nr-kat a:hover .nr-kat-ad{color:var(--ana)}
.nr-kat a:hover .nr-kat-ok{transform:translateX(6px)}
.nr-kat a:hover .nr-kat-foto{opacity:1;transform:scale(1) rotate(-3deg)}

/* 02 Simülatör tanıtımı */
.nr-sim{padding:clamp(56px,8vw,110px) 0;background:radial-gradient(80% 120% at 85% 50%,color-mix(in srgb,var(--ana) 14%,transparent),transparent 60%),var(--yuzey2);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.nr-sim-ic{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center}
.nr-sim-metin p{color:var(--soluk);font-size:1.05rem;max-width:46ch}
/* Dar sütunlu bölümlerde numara başlığın üstünde (iki satırlı başlıkta alta kaymasın) */
.nr-sim .nr-bb,.nr-atolye .nr-bb,.nr-teklif .nr-bb{grid-template-columns:minmax(0,1fr);gap:.7rem}
.nr-adim{list-style:none;margin:1.6rem 0 2rem;padding:0;counter-reset:na;display:grid;gap:.8rem}
.nr-adim li{counter-increment:na;display:flex;gap:1rem;align-items:baseline;color:var(--soluk)}
.nr-adim li::before{content:counter(na);font-family:var(--f1);font-size:1.6rem;color:var(--ana);width:1.6rem}
.nr-adim b{color:var(--yazi);font-weight:600}
.sim-mini{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border:1px solid color-mix(in srgb,var(--ana) 35%,transparent);box-shadow:0 50px 90px -40px #000}
.sim-mini-foto,.sim-mini canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sim-mini canvas{opacity:0;transition:opacity .8s}
.sim-mini.hazir canvas{opacity:1}
.sim-mini-etiket{position:absolute;left:1rem;bottom:1rem;display:inline-flex;gap:.5rem;align-items:center;padding:.55rem .9rem;background:rgba(8,9,8,.78);color:#fff;font-size:.85rem;backdrop-filter:blur(6px)}
.sim-mini-etiket i{color:var(--ana)}
.sim-mini-etiket b.yeni{animation:nr-belir .6s}
@keyframes nr-belir{from{opacity:0;transform:translateY(6px)}}
.sim-mini-git{position:absolute;right:1rem;bottom:1rem;padding:.55rem .9rem;background:var(--ana);color:var(--anaYazi);font-size:.85rem;font-weight:600;transition:transform .3s}
.sim-mini:hover .sim-mini-git{transform:translateX(-4px)}

/* 03 Seçkin taşlar (ray kartları koyu) */
.k-nero .ur{background:var(--yuzey);border-color:var(--cizgi)}
.k-nero .fy b{font-family:var(--f1);font-weight:600;font-size:1.3rem;letter-spacing:0}

/* 04 Atölye */
.nr-atolye{padding:clamp(56px,8vw,110px) 0}
.nr-atolye-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.nr-atolye-foto{margin:0;position:relative}
.nr-atolye-foto::before{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid color-mix(in srgb,var(--ana) 55%,transparent);z-index:0}
.nr-atolye-foto img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:saturate(.9)}
.nr-atolye-m>p{color:var(--soluk);font-size:1.05rem;max-width:52ch}
.nr-rk{margin:2rem 0 0;border-top:1px solid var(--cizgi);padding-top:1.4rem}
.nr-rk dd{font-family:var(--f1)!important}

/* 05 Uygulamalar */
.nr-hz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--cizgi);border:1px solid var(--cizgi)}
.nr-hz-kart{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--yuzey)}
.nr-hz-kart img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.35) brightness(.62);transition:transform .7s,filter .5s}
.nr-hz-kart:hover img{transform:scale(1.06);filter:grayscale(0) brightness(.72)}
.nr-hz-g{position:absolute;inset:auto 0 0;padding:1.2rem;display:flex;flex-direction:column;gap:.35rem;background:linear-gradient(0deg,rgba(8,9,8,.92),transparent)}
.nr-hz-g small{font-family:var(--f1);font-size:1.3rem;color:var(--ana)}
.nr-hz-g b{font-family:var(--f1);font-size:1.5rem;font-weight:500;line-height:1.1}
.nr-hz-g span{font-size:.85rem;color:color-mix(in srgb,var(--yazi) 72%,transparent);max-height:0;overflow:hidden;transition:max-height .45s}
.nr-hz-kart:hover .nr-hz-g span,.nr-hz-kart:focus-visible .nr-hz-g span{max-height:6em}

/* 06 Rehber */
.nr-rehber{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.4rem}
.nr-yz{display:flex;flex-direction:column;gap:1rem}
.nr-yz-foto{display:block;overflow:hidden;aspect-ratio:4/3}
.nr-rehber .nr-yz:first-child .nr-yz-foto{aspect-ratio:16/11}
.nr-yz-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.nr-yz:hover .nr-yz-foto img{transform:scale(1.05)}
.nr-yz-g{display:flex;flex-direction:column;gap:.4rem}
.nr-yz-g time{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ana)}
.nr-yz-g b{font-family:var(--f1);font-size:1.45rem;font-weight:500;line-height:1.15}
.nr-yz:hover .nr-yz-g b{color:var(--ana)}
.nr-yz-g span{color:var(--soluk);font-size:.92rem}

/* 07 SSS (koyu) */
.k-nero .sss details{background:var(--yuzey);border-color:var(--cizgi)}
.k-nero .sss details[open]{border-color:color-mix(in srgb,var(--ana) 60%,transparent)}

/* 08 Teklif */
.nr-teklif{padding:clamp(56px,8vw,110px) 0;background:linear-gradient(180deg,var(--zemin),var(--yuzey2))}
.nr-teklif-ic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.k-nero .fk{background:var(--yuzey);border:1px solid var(--cizgi)}
.k-nero .fk input,.k-nero .fk select,.k-nero .fk textarea{background:var(--zemin);color:var(--yazi);border-color:var(--cizgi);border-radius:var(--rb);font-family:inherit}

/* İç sayfa başlığı */
.nr-sb{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,7vw,100px) 0 clamp(36px,5vw,64px);border-bottom:1px solid var(--cizgi);background:radial-gradient(70% 140% at 90% 0%,color-mix(in srgb,var(--ana) 12%,transparent),transparent 60%),var(--zemin)}
.nr-sb-arka{position:absolute;inset:0;z-index:-2}
.nr-sb-arka img{width:100%;height:100%;object-fit:cover;display:block}
.nr-sb--foto::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,8,.94) 0%,rgba(8,9,8,.78) 50%,rgba(8,9,8,.45) 100%)}
.nr-sb-ic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}
.nr-sb h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin:.6rem 0 .9rem;max-width:18ch}
.nr-sb p{color:color-mix(in srgb,var(--yazi) 75%,transparent);font-size:1.08rem;max-width:62ch;margin:0}
.nr-sb .kr{color:var(--soluk)}
.nr-sb-ikon i{font-size:clamp(7rem,12vw,11rem);color:var(--ana);opacity:.12}

/* Kapanış bandı ve alt bilgi */
.nr-son{padding:clamp(48px,7vw,90px) 0;border-top:1px solid var(--cizgi);background:#070807}
.nr-son-ic{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem}
.nr-son-yazi{font-family:var(--f1);font-size:clamp(2.4rem,6vw,5rem);line-height:1;margin:0}
.nr-son-yazi em{font-style:italic;color:var(--ana)}
.nr-ab{background:#070807;border-top:1px solid var(--cizgi)}
.k-nero .ab-s h4{font-family:var(--f1);font-weight:500;font-size:1.2rem;color:var(--ana)}

/* Rehber yazısı: yazı + yapışkan yan sütun (içindekiler, simülatör, iletişim), sık sorulanlar ve etiketler */
.yazi-izgara{display:grid;grid-template-columns:minmax(0,780px) minmax(260px,320px);gap:clamp(32px,5vw,72px);justify-content:space-between;align-items:start}
.yazi-yan{position:sticky;top:120px;display:grid;gap:1rem}
.yazi-toc{padding:1.3rem 1.4rem;background:var(--yuzey);border:1px solid var(--cizgi)}
.yazi-toc b,.yazi-ilet b{display:block;font-family:var(--f1);font-weight:500;font-size:1.3rem;color:var(--ana);margin-bottom:.6rem}
.yazi-toc ol{margin:0;padding:0;list-style:none;counter-reset:tc;display:grid;gap:.15rem}
.yazi-toc li{counter-increment:tc}
.yazi-toc a{display:flex;gap:.6rem;padding:.35rem 0;color:var(--soluk);font-size:.9rem;line-height:1.35}
.yazi-toc a::before{content:counter(tc,decimal-leading-zero);font-family:var(--f1);color:var(--ana);min-width:1.4rem}
.yazi-toc a:hover{color:var(--yazi)}
.yazi-sim{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.4rem;background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 22%,var(--yuzey)),var(--yuzey));border:1px solid color-mix(in srgb,var(--ana) 45%,transparent);transition:transform .3s}
.yazi-sim:hover{transform:translateY(-3px)}
.yazi-sim>i{font-size:1.4rem;color:var(--ana);margin-top:.2rem}
.yazi-sim b{display:block;font-family:var(--f1);font-weight:500;font-size:1.25rem}
.yazi-sim small{color:var(--soluk);font-size:.85rem;line-height:1.45}
.yazi-ilet{padding:1.3rem 1.4rem;border:1px solid var(--cizgi);display:grid;gap:.6rem}
.yazi-ilet p{margin:0 0 .3rem;color:var(--soluk);font-size:.9rem}
.yazi-ilet .btn{justify-content:center}
.icerik-metin h2[id],.yazi-sss{scroll-margin-top:110px}
/* Ürün sayfası: simülatörde dene */
.ud-sim{display:flex;gap:1rem;align-items:center;margin:-.4rem 0 1.2rem;padding:1rem 1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--ana) 20%,var(--yuzey)),var(--yuzey));border:1px solid color-mix(in srgb,var(--ana) 45%,transparent);transition:border-color .3s}
.ud-sim:hover{border-color:var(--ana)}
.ud-sim>i:first-child{font-size:1.4rem;color:var(--ana)}
.ud-sim span{flex:1;display:flex;flex-direction:column;gap:.15rem}
.ud-sim b{font-family:var(--f1);font-weight:500;font-size:1.2rem}
.ud-sim small{color:var(--soluk);font-size:.85rem}
.ud-sim>i:last-child{color:var(--ana);transition:transform .3s}
.ud-sim:hover>i:last-child{transform:translateX(4px)}
.yazi-sss{margin-top:2.6rem}
.yazi-sss h2{font-size:1.9rem}
.yazi-etiket{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:2rem 0 0}
.yazi-etiket li{display:inline-flex;gap:.35rem;align-items:center;padding:.35rem .8rem;border:1px solid var(--cizgi);font-size:.82rem;color:var(--soluk)}
.yazi-etiket i{color:var(--ana)}
.k-nero .icerik-metin table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem}
.k-nero .icerik-metin th,.k-nero .icerik-metin td{border:1px solid var(--cizgi);padding:.6rem .8rem;text-align:left;vertical-align:top}
.k-nero .icerik-metin th{background:var(--yuzey2);color:var(--ana);font-weight:600}
.k-nero .icerik-metin a{color:var(--ana);text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){
  .nr-hz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nr-kat a{grid-template-columns:2.4rem minmax(0,1fr) auto 1.6rem}
  .nr-kat-ozet{display:none}
  .nr-kat-foto{display:none}
}
@media (max-width:860px){
  .nr-k-ic,.nr-sim-ic,.nr-atolye-ic,.nr-teklif-ic{grid-template-columns:minmax(0,1fr)}
  .nr-k-kart{justify-self:start}
  .nr-rehber{grid-template-columns:minmax(0,1fr)}
  .yazi-izgara{grid-template-columns:minmax(0,1fr)}
  .yazi-yan{position:static}
  .yazi-toc{display:none}
  .nr-bb{grid-template-columns:minmax(0,1fr);gap:.7rem}
  .nr-tumu{grid-column:1/-1;justify-self:start}
  .nr-ince-ic>span:first-child{display:none}
  .nr-ince-ic{justify-content:center}
}
@media (max-width:560px){
  .nr-kahraman{min-height:auto}
  .nr-k-metin h1{font-size:clamp(2.5rem,12vw,3.4rem)}
  .nr-k-rakam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .nr-k-rakam dt{letter-spacing:.08em;font-size:.66rem;line-height:1.3}
  .nr-k-kart{grid-template-columns:84px minmax(0,1fr)}
  .nr-k-kart-foto img{width:84px;height:84px}
  .nr-hz{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .nr-hz-g{padding:.8rem}
  .nr-hz-g b{font-size:1.1rem}
  .nr-hz-g span{display:none}
  .nr-kat a{grid-template-columns:minmax(0,1fr) auto 1.4rem;padding:1rem .2rem}
  .nr-kat a::before{display:none}
  .nr-sb-ikon{display:none}
}
