.nxb {
  --nxb-mavi: #147ca3;
  --nxb-mavi-koyu: #0f6a8c;
  --nxb-mavi-metin: #12789e;
  --nxb-marka: #1798c6;
  --nxb-murekkep: #102d43;
  --nxb-metin: #38424e;
  --nxb-soluk: #5c6b78;
  --nxb-cizgi: #e3e9ef;
  --nxb-cizgi-acik: #eef2f5;
  --nxb-acik: #f0f9fc;
  --nxb-acik-cizgi: #c5e8f4;
  --nxb-golge: 0 4px 20px rgba(64, 79, 104, .06);
  color: var(--nxb-metin);
  font-size: 15px;
  line-height: 1.65;
  background: #fff;
}

.nxb *,
.nxb *::before,
.nxb *::after {
  box-sizing: border-box;
}

.nxb a {
  color: inherit;
  text-decoration: none;
}

.nxb button,
.nxb input,
.nxb select {
  font: inherit;
}

.nxb button {
  cursor: pointer;
}

.nxb h1,
.nxb h2,
.nxb h3,
.nxb h4,
.nxb p {
  margin: 0;
}

.nxb :where(p) {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.page-wrapper:has(.nxb--yazi),
.page-wrapper:has(.nxb--kategori) {
  overflow: clip;
}

.nxb h1,
.nxb h2,
.nxb h3,
.nxb h4 {
  color: var(--nxb-murekkep);
  line-height: 1.3;
  font-weight: 800;
  text-transform: none;
}

.nxb h1 {
  font-size: 40px;
  letter-spacing: -1px;
}

.nxb h2 {
  font-size: 28px;
  letter-spacing: -.4px;
}

.nxb h3 {
  font-size: 18px;
}

.nxb svg.nxb-i {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  vertical-align: middle;
}

.nxb :focus-visible {
  outline: 3px solid var(--nxb-marka);
  outline-offset: 3px;
  border-radius: 4px;
}

.nxb [hidden] {
  display: none !important;
}

.nxb-gizli {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.nxb .nxb-wrap {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
}

.nxb nav.nx-yol.nx-yol--blog {
  margin: 0;
  padding: 26px 0 0;
}

.nxb-hero {
  overflow: hidden;
  background: var(--nxb-acik);
  border-bottom: 1px solid #dcecf5;
  box-shadow: 0 -40px 0 0 var(--nxb-acik);
}

.nxb-hero-ic {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
  padding: 30px 0 56px;
}

.nxb-ust {
  display: block;
  margin-bottom: 12px !important;
  color: var(--nxb-mavi-metin);
  font-size: 14px;
  font-weight: 700;
}

.nxb-giris {
  max-width: 600px;
  margin-top: 16px !important;
  color: var(--nxb-soluk);
  font-size: 16px;
  line-height: 1.75;
}

.nxb-ara {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 640px;
  margin: 26px 0 0;
  padding: 7px 7px 7px 18px;
  background: #fff;
  border: 1px solid #d5e6ef;
  border-radius: 10px;
  box-shadow: var(--nxb-golge);
}

.nxb-ara:focus-within {
  border-color: var(--nxb-marka);
  box-shadow: 0 0 0 3px rgba(23, 152, 198, .18);
}

.nxb-ara > svg.nxb-i {
  color: #6f8391;
}

.nxb .nxb-ara input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  box-shadow: none;
  color: var(--nxb-murekkep);
  font-size: 15px;
}

.nxb .nxb-ara input::placeholder {
  color: #5c6b78;
  opacity: 1;
}

.nxb .nxb-ara input::-webkit-search-cancel-button {
  cursor: pointer;
}

.nxb .nxb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid var(--nxb-mavi);
  border-radius: 8px;
  background: var(--nxb-mavi);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .15s, border-color .15s;
}

.nxb .nxb-btn:hover {
  background: var(--nxb-mavi-koyu);
  border-color: var(--nxb-mavi-koyu);
  color: #fff;
}

.nxb .nxb-btn--acik {
  background: #fff;
  border-color: var(--nxb-cizgi);
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-btn--acik:hover {
  background: var(--nxb-acik);
  border-color: var(--nxb-acik-cizgi);
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-btn svg.nxb-i {
  width: 16px;
  height: 16px;
}

.nxb-konular {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 16px !important;
  color: var(--nxb-soluk);
  font-size: 14px;
}

.nxb .nxb-konular a {
  color: #2f5c74;
  border-bottom: 1px dashed #8fb3c6;
}

.nxb .nxb-konular a:hover {
  color: var(--nxb-mavi-metin);
  border-bottom-color: var(--nxb-mavi-metin);
}

.nxb-konsol {
  position: relative;
  margin: 8px 18px 22px 0;
  padding: 18px 18px 48px;
  background: #fff;
  border: 1px solid #d7e8f2;
  border-radius: 12px;
  box-shadow: 0 22px 50px rgba(12, 85, 124, .05);
  transform: rotate(-2deg);
}

.nxb-konsol-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--nxb-cizgi);
  color: var(--nxb-soluk);
  font-size: 12px;
}

.nxb-noktalar {
  display: flex;
  gap: 4px;
}

.nxb-noktalar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d9e5ec;
}

.nxb-konsol-ust svg.nxb-i {
  width: 16px;
  height: 16px;
  color: var(--nxb-marka);
}

.nxb-konsol-govde {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding-top: 18px;
}

.nxb-konsol-ray {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-right: 1px solid var(--nxb-cizgi);
}

.nxb-konsol-ray span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: #f5f8fb;
  color: #8196a4;
}

.nxb-konsol-ray span:first-child {
  background: #e8f6fd;
  color: var(--nxb-marka);
}

.nxb-konsol-ray svg.nxb-i {
  width: 14px;
  height: 14px;
}

.nxb-konsol-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--nxb-murekkep);
  font-size: 13px;
  font-weight: 700;
}

.nxb-konsol-baslik small {
  padding: 2px 7px;
  border-radius: 4px;
  background: var(--nxb-acik);
  color: var(--nxb-mavi-metin);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.nxb-konsol-grafik {
  display: flex;
  align-items: flex-end;
  gap: 9px;
  height: 72px;
  margin: 12px 0 10px;
  padding: 0 10px;
  border-bottom: 1px solid #d9e8f0;
}

.nxb-konsol-grafik i {
  display: block;
  width: 100%;
  border-radius: 3px 3px 0 0;
  background: #b9dff0;
}

.nxb-konsol-grafik i:nth-child(3n) {
  background: var(--nxb-marka);
}

.nxb-konsol-sayilar {
  display: flex;
  gap: 26px;
  color: #5c6b78;
  font-size: 12px;
}

.nxb-konsol-sayilar b {
  display: block;
  color: #2c4d61;
  font-size: 16px;
}

.nxb-konsol-not {
  position: absolute;
  right: -20px;
  bottom: -26px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #dbe8f0;
  border-radius: 8px;
  box-shadow: var(--nxb-golge);
  color: var(--nxb-soluk);
  font-size: 12px;
  line-height: 1.45;
  transform: rotate(2deg);
}

.nxb-konsol-not svg.nxb-i {
  width: 26px;
  height: 26px;
  color: var(--nxb-marka);
}

.nxb-konsol-not b {
  display: block;
  color: var(--nxb-murekkep);
  font-size: 13px;
}

.nxb-bolum {
  padding: 56px 0;
}

.nxb-bolum--acik {
  background: #f8fafc;
  border-top: 1px solid var(--nxb-cizgi-acik);
  border-bottom: 1px solid var(--nxb-cizgi-acik);
}

.nxb-bolum-bas {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 26px;
}

.nxb-bolum-bas p {
  margin-top: 8px !important;
  color: var(--nxb-soluk);
  font-size: 15px;
}

.nxb .nxb-yazilink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--nxb-mavi-metin);
  font-size: 14px;
  font-weight: 700;
}

.nxb .nxb-yazilink:hover {
  color: var(--nxb-mavi-koyu);
  text-decoration: underline;
}

.nxb .nxb-yazilink svg.nxb-i {
  width: 16px;
  height: 16px;
}

.nxb-sayi {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 5px;
  background: #f1f6f9;
  color: #4d6676;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
}

.nxb-kategoriler {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.nxb .nxb-kategori {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 24px;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 12px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

.nxb a.nxb-kategori:hover {
  border-color: #a2cddd;
  box-shadow: var(--nxb-golge);
  transform: translateY(-3px);
}

.nxb-ikonkutu {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--nxb-acik);
  color: var(--nxb-marka);
}

.nxb .nxb-ikonkutu svg.nxb-i {
  width: 22px;
  height: 22px;
}

.nxb-kategori .nxb-ikonkutu {
  margin-bottom: 18px;
}

.nxb .nxb-kategori h3,
.nxb .nxb-kategori p.nxb-kategori-ad {
  margin-bottom: 8px;
  color: var(--nxb-murekkep);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
}

.nxb .nxb-kategori h3 {
  position: static;
}

.nxb .nxb-kategori h3 .nxb-sayi {
  position: absolute;
  top: 24px;
  right: 24px;
  left: auto;
  bottom: auto;
}

.nxb .nxb-kategori h3 .nxb-sayi::after {
  content: " rehber";
}

.nxb .nxb-kategori p {
  color: var(--nxb-soluk);
  font-size: 14px;
  line-height: 1.7;
}

.nxb .nxb-kategori .nxb-yazilink {
  margin-top: auto;
  padding-top: 16px;
}

.nxb .nxb-kategori--destek {
  background: var(--nxb-acik);
  border-color: var(--nxb-acik-cizgi);
}

.nxb .nxb-kategori--destek .nxb-ikonkutu {
  background: #fff;
}

.nxb-vitrin {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.3fr);
  margin-bottom: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 12px;
}

.nxb-vitrin-gorsel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 270px;
  padding: 34px;
  background: #e8f4fa;
}

.nxb-kaynak {
  width: 100%;
  max-width: 310px;
  padding: 20px;
  background: #fff;
  border: 1px solid #d4e4ee;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(16, 45, 67, .07);
}

.nxb-kaynak-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: #274c65;
  font-size: 13px;
  font-weight: 700;
}

.nxb-kaynak-ust svg.nxb-i {
  color: var(--nxb-marka);
}

.nxb-olcer {
  margin-top: 12px;
  color: #5f7483;
  font-size: 12px;
}

.nxb-olcer > span:first-child {
  display: block;
  margin-bottom: 5px;
}

.nxb-olcer > span:last-child {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 8px;
  background: #eaf1f5;
}

.nxb-olcer i {
  display: block;
  height: 100%;
  border-radius: 8px;
  background: var(--nxb-marka);
}

.nxb-olcer--yuksek i {
  background: var(--nxb-mavi-koyu);
}

.nxb-kaynak-not {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  padding-top: 10px;
  border-top: 1px solid #edf2f5;
  color: #5f7483;
  font-size: 12px;
}

.nxb-kaynak-not svg.nxb-i {
  width: 14px;
  height: 14px;
  color: var(--nxb-marka);
}

.nxb-vitrin-metin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 32px 36px;
}

.nxb-etiketler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px !important;
}

.nxb .nxb-etiket {
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid var(--nxb-acik-cizgi);
  border-radius: 5px;
  background: #fff;
  color: var(--nxb-mavi-metin);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.nxb a.nxb-etiket:hover {
  background: var(--nxb-acik);
  color: var(--nxb-mavi-koyu);
}

.nxb .nxb-vitrin h3 {
  max-width: 560px;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -.4px;
}

.nxb .nxb-vitrin h3 a:hover {
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-vitrin-metin > p:not(.nxb-etiketler) {
  margin: 12px 0 20px;
  color: var(--nxb-soluk);
  font-size: 15px;
  line-height: 1.75;
}

.nxb-izgara {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.nxb .nxb-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 12px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

.nxb .nxb-kart:hover {
  border-color: #a5cada;
  box-shadow: var(--nxb-golge);
  transform: translateY(-3px);
}

.nxb .nxb-kart:focus-within {
  border-color: var(--nxb-marka);
}

.nxb-kart-gorsel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 108px;
  padding: 20px 24px;
  overflow: hidden;
  background: #edf6fb;
  border-bottom: 1px solid #e6eff5;
  color: var(--nxb-marka);
}

.nxb .nxb-kart-gorsel svg.nxb-i {
  width: 40px;
  height: 40px;
  stroke-width: 1.2;
}

.nxb-kart-gorsel span {
  color: #3f6a82;
  font-size: 14px;
  font-weight: 800;
}

.nxb-kart-gorsel::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -65px;
  width: 120px;
  height: 120px;
  border: 1px solid #d4e4ee;
  border-radius: 50%;
}

.nxb-kart-govde {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px;
}

.nxb .nxb-kart-baslik {
  margin: 0 0 10px;
  color: var(--nxb-murekkep);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.1px;
  overflow-wrap: anywhere;
}

.nxb .nxb-kart-baslik a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.nxb .nxb-kart-baslik a:focus-visible {
  outline: 0;
}

.nxb .nxb-kart:hover .nxb-kart-baslik a,
.nxb .nxb-kart-baslik a:focus-visible {
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-kart-ozet {
  margin-bottom: 18px;
  color: var(--nxb-soluk);
  font-size: 14px;
  line-height: 1.7;
}

.nxb-kart-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #edf2f5;
  color: var(--nxb-soluk);
  font-size: 13px;
}

.nxb-kart-oku {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--nxb-mavi-metin);
  font-weight: 700;
  white-space: nowrap;
}

.nxb .nxb-kart-oku svg.nxb-i {
  width: 15px;
  height: 15px;
}

.nxb .nxb-duzenle {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin: 0 22px 18px;
  font-size: 13px;
  color: var(--nxb-mavi-metin);
}

.nxb-hizli {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.nxb-hizli-oge {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.nxb .nxb-hizli-baslik {
  margin-bottom: 4px;
  color: var(--nxb-murekkep);
  font-size: 16px;
  font-weight: 800;
}

.nxb-hizli-oge p:not(.nxb-hizli-baslik) {
  color: var(--nxb-soluk);
  font-size: 14px;
}

.nxb .nxb-hizli-oge a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: var(--nxb-mavi-metin);
  font-size: 14px;
  font-weight: 700;
}

.nxb .nxb-hizli-oge a:hover {
  text-decoration: underline;
}

.nxb .nxb-hizli-oge a svg.nxb-i {
  width: 15px;
  height: 15px;
}

.nxb-hero--kategori .nxb-hero-ic {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  padding: 22px 0 40px;
}

.nxb-hero--kategori h1 {
  font-size: 38px;
  overflow-wrap: anywhere;
}

.nxb .nxb-arama {
  max-width: 640px;
  margin-top: 24px;
}

.nxb .nxb-arama-baslik {
  margin-bottom: 0;
  color: var(--nxb-murekkep);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
}

.nxb .nxb-arama .nxb-ara {
  margin-top: 10px;
}

.nxb-etiket-satir {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px !important;
}

.nxb-etiket-satir span {
  padding: 4px 10px;
  border: 1px solid #d3e5ef;
  border-radius: 5px;
  background: #fff;
  color: #3f6378;
  font-size: 13px;
}

.nxb-kat-kutu {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  color: var(--nxb-marka);
}

.nxb .nxb-kat-kutu svg.nxb-i {
  width: 72px;
  height: 72px;
  stroke-width: 1;
}

.nxb-kat-kutu strong {
  display: block;
  color: var(--nxb-murekkep);
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
}

.nxb-kat-kutu small {
  color: #557386;
  font-size: 14px;
}

.nxb-duzen {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.nxb-yan {
  position: sticky;
  top: 104px;
}

.nxb .nxb-kutu {
  margin-bottom: 18px;
  padding: 22px;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 12px;
}

.nxb .nxb-kutu-baslik {
  margin-bottom: 14px;
  color: var(--nxb-murekkep);
  font-size: 15px;
  font-weight: 800;
}

.nxb-yan-kat {
  display: grid;
  gap: 3px;
}

.nxb .nxb-yan-kat a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 7px;
  color: #4c5d6a;
  font-size: 14px;
}

.nxb .nxb-yan-kat a small {
  padding: 1px 7px;
  border-radius: 4px;
  background: #f1f5f8;
  font-size: 12px;
  font-weight: 700;
}

.nxb .nxb-yan-kat a:hover,
.nxb .nxb-yan-kat a[aria-current="page"] {
  background: var(--nxb-acik);
  color: var(--nxb-mavi-metin);
  font-weight: 700;
}

.nxb .nxb-yan-kat a[aria-current="page"] small {
  background: #fff;
}

.nxb .nxb-yan-tum {
  display: inline-block;
  margin-top: 12px;
  color: var(--nxb-mavi-metin);
  font-size: 14px;
  font-weight: 700;
}

.nxb .nxb-yan-tum:hover {
  text-decoration: underline;
}

.nxb .nxb-tanitim {
  background: var(--nxb-acik);
  border-color: var(--nxb-acik-cizgi);
}

.nxb .nxb-tanitim .nxb-ikonkutu {
  margin-bottom: 16px;
  background: #fff;
}

.nxb .nxb-tanitim-baslik {
  color: var(--nxb-murekkep);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
}

.nxb .nxb-tanitim p:not(.nxb-tanitim-baslik) {
  margin: 10px 0 18px;
  color: var(--nxb-soluk);
  font-size: 14px;
  line-height: 1.7;
}

.nxb .nxb-tanitim .nxb-btn {
  width: 100%;
  padding-inline: 10px;
  font-size: 14px;
  white-space: normal;
  text-align: center;
}

.nxb-destek-not {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  font-size: 14px;
}

.nxb .nxb-destek-not a {
  color: var(--nxb-mavi-metin);
  font-weight: 700;
}

.nxb .nxb-destek-not a:hover {
  text-decoration: underline;
}

.nxb-destek-not svg.nxb-i {
  width: 18px;
  height: 18px;
  color: var(--nxb-marka);
}

.nxb-liste-giris {
  margin-bottom: 24px;
  color: var(--nxb-soluk);
  font-size: 15px;
  line-height: 1.8;
}

.nxb-altkat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 26px;
}

.nxb-liste-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  padding: 0 0 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--nxb-cizgi);
}

.nxb .nxb-liste-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: auto;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.nxb .nxb-liste-baslik svg.nxb-i {
  color: var(--nxb-marka);
}

.nxb-liste-sayi {
  color: var(--nxb-soluk);
  font-size: 14px;
}

.nxb-sirala {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--nxb-soluk);
  font-size: 14px;
  font-weight: 400;
}

.nxb .nxb-sirala select {
  height: 38px;
  margin: 0;
  padding: 0 30px 0 10px;
  border: 1px solid var(--nxb-cizgi);
  border-radius: 7px;
  background-color: #fff;
  color: var(--nxb-metin);
  font-size: 14px;
}

.nxb-izgara--liste {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.nxb-izgara--liste .nxb-kart-govde {
  padding: 20px 22px;
}

.nxb-sayfalama {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-top: 30px;
}

.nxb .nxb-sayfalama button {
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--nxb-cizgi);
  border-radius: 8px;
  background: #fff;
  color: var(--nxb-metin);
  font-size: 14px;
}

.nxb .nxb-sayfalama button:hover:not(:disabled) {
  border-color: var(--nxb-acik-cizgi);
  background: var(--nxb-acik);
}

.nxb .nxb-sayfalama button[aria-current="page"] {
  border-color: var(--nxb-mavi);
  background: var(--nxb-mavi);
  color: #fff;
}

.nxb .nxb-sayfalama button:disabled {
  opacity: .45;
  cursor: default;
}

.nxb .nxb-sayfalama .nxb-sf-ok {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nxb .nxb-sf-ok span[aria-hidden] {
  font-size: 18px;
  line-height: 1;
}

.nxb-sf-bosluk {
  display: inline-flex;
  align-items: flex-end;
  padding: 0 2px 8px;
  color: var(--nxb-soluk);
}

.nxb-bos {
  padding: 40px 20px;
  border: 1px dashed #cfdbe4;
  border-radius: 12px;
  color: var(--nxb-soluk);
  text-align: center;
}

.nxb .nxb-bos-baslik {
  margin-bottom: 8px;
  color: var(--nxb-murekkep);
  font-size: 18px;
  font-weight: 800;
}

.nxb-bos .nxb-btn {
  margin-top: 18px;
}

.nxb-ilerleme {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 0;
  height: 3px;
  background: var(--nxb-marka);
  pointer-events: none;
}

.nxb-yazi-hero {
  background: var(--nxb-acik);
  border-bottom: 1px solid #dcecf5;
  box-shadow: 0 -40px 0 0 var(--nxb-acik);
}

.nxb-kutu .nxb-icindekiler + .nxb-paylas-baslik {
  display: none;
}

.nxb-yazi-hero-ic {
  max-width: 880px;
  padding: 22px 0 36px;
}

.nxb .nxb-yazi-hero h1 {
  margin: 12px 0 20px;
  font-size: 36px;
  line-height: 1.35;
  letter-spacing: -.7px;
  overflow-wrap: anywhere;
}

.nxb-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  color: #4f6676;
  font-size: 14px;
}

.nxb-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nxb-meta svg.nxb-i {
  width: 15px;
  height: 15px;
  color: #5d7d90;
}

.nxb .nxb-meta a {
  color: inherit;
  font-weight: 700;
}

.nxb .nxb-meta a:hover {
  color: var(--nxb-mavi-metin);
  text-decoration: underline;
}

.nxb-yazar-isaret {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border: 1px solid #d6e6ef;
  border-radius: 50%;
  background: #fff;
}

.nxb .nxb-meta > .nxb-yazar-isaret {
  display: grid;
  place-items: center;
  gap: 0;
}

.nxb .nxb-yazar-isaret svg.nxb-i--netx {
  display: block;
  width: 18px;
  height: 16px;
}

.nxb-bolum--yazi {
  padding-top: 44px;
}

.nxb-yazi-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 54px;
  align-items: start;
}

.nxb-yazi-sutun {
  min-width: 0;
}

.nxb-yazi-govde {
  max-width: 820px;
  color: var(--nxb-metin);
  font-size: 17px;
  line-height: 1.75;
  overflow-wrap: break-word;
}

.nxb .nxb-yazi-govde p {
  margin: 0 0 18px;
}

.nxb .nxb-yazi-govde > p:first-child {
  margin-bottom: 32px;
  padding: 22px 24px;
  background: var(--nxb-acik);
  border: 1px solid var(--nxb-acik-cizgi);
  border-radius: 12px;
  color: #1b2a3a;
  font-size: 18px;
  line-height: 1.7;
}

.nxb .nxb-yazi-govde h2 {
  margin: 44px 0 16px;
  padding-top: 26px;
  border-top: 1px solid var(--nxb-cizgi-acik);
  font-size: 26px;
  line-height: 1.35;
  letter-spacing: -.3px;
  scroll-margin-top: 100px;
}

.nxb .nxb-yazi-govde h3 {
  margin: 30px 0 10px;
  font-size: 19px;
  line-height: 1.45;
  scroll-margin-top: 100px;
}

.nxb .nxb-yazi-govde h4 {
  margin: 24px 0 8px;
  font-size: 17px;
  line-height: 1.45;
}

.nxb .nxb-yazi-govde h1 {
  margin: 0 0 18px;
  font-size: 28px;
}

.nxb .nxb-yazi-govde h2 + h3 {
  margin-top: 18px;
}

.nxb .nxb-yazi-govde ul,
.nxb .nxb-yazi-govde ol {
  margin: 0 0 20px;
  padding-left: 24px;
}

.nxb .nxb-yazi-govde ul {
  list-style: disc;
}

.nxb .nxb-yazi-govde ol {
  list-style: decimal;
}

.nxb .nxb-yazi-govde li {
  margin-bottom: 10px;
  padding-left: 4px;
  line-height: 1.7;
  list-style: inherit;
}

.nxb .nxb-yazi-govde li::marker {
  color: var(--nxb-marka);
}

.nxb .nxb-yazi-govde strong {
  color: #1b2a3a;
  font-weight: 700;
}

.nxb .nxb-yazi-govde a {
  color: var(--nxb-mavi-metin);
  text-decoration: underline;
  text-decoration-color: #9ccbe0;
  text-underline-offset: 3px;
}

.nxb .nxb-yazi-govde a:hover {
  color: var(--nxb-mavi-koyu);
  text-decoration-color: currentColor;
}

.nxb .nxb-yazi-govde img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.nxb .nxb-tablo {
  margin: 22px 0 26px;
  overflow-x: auto;
  border: 1px solid var(--nxb-cizgi);
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
}

.nxb .nxb-yazi-govde table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
  line-height: 1.6;
}

.nxb .nxb-yazi-govde th,
.nxb .nxb-yazi-govde td {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--nxb-cizgi);
  text-align: left;
  vertical-align: top;
}

.nxb .nxb-yazi-govde th {
  background: #edf5fa;
  color: #23465c;
  font-weight: 800;
}

.nxb .nxb-yazi-govde thead th {
  white-space: nowrap;
}

.nxb .nxb-yazi-govde tr:last-child td {
  border-bottom: 0;
}

.nxb .nxb-yazi-govde tbody tr:nth-child(even) {
  background: #fafcfd;
}

.nxb .nxb-yazi-govde tbody td:first-child {
  color: #24313f;
  font-weight: 600;
}

.nxb .nxb-yazi-govde code {
  padding: 2px 6px;
  border-radius: 4px;
  background: #eef3f6;
  color: #1f5874;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .86em;
  overflow-wrap: anywhere;
}

.nxb .nxb-yazi-govde pre {
  margin: 22px 0 26px;
  padding: 20px 22px;
  overflow-x: auto;
  border: 0;
  border-radius: 10px;
  background: var(--nxb-murekkep);
  color: #dcecf5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  line-height: 1.75;
  white-space: pre;
  -webkit-overflow-scrolling: touch;
}

.nxb .nxb-yazi-govde pre code {
  padding: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  overflow-wrap: normal;
}

.nxb .nxb-kod {
  margin: 22px 0 26px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--nxb-murekkep);
}

.nxb .nxb-kod pre {
  margin: 0;
  border-radius: 0;
}

.nxb-kod-ust {
  display: flex;
  justify-content: flex-end;
  padding: 7px 10px;
  background: #1b3a50;
}

.nxb .nxb-kopyala {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid #4d6a7f;
  border-radius: 6px;
  background: transparent;
  color: #e0edf4;
  font-size: 13px;
}

.nxb .nxb-kopyala:hover {
  background: #26475e;
}

.nxb .nxb-kopyala svg.nxb-i {
  width: 14px;
  height: 14px;
}

.nxb .nxb-yazi-govde .netx-related {
  margin-top: 44px;
  padding: 24px 26px;
  background: #f8fafc;
  border: 1px solid #ecedf2;
  border-radius: 12px;
}

.nxb .nxb-yazi-govde .netx-related h2 {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-size: 20px;
}

.nxb .nxb-yazi-govde .netx-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nxb .nxb-yazi-govde .netx-related li {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #ecedf2;
  list-style: none;
}

.nxb .nxb-yazi-govde .netx-related li:first-child {
  padding-top: 0;
  border-top: 0;
}

.nxb .nxb-yazi-govde .netx-related a {
  font-weight: 700;
  text-decoration: none;
}

.nxb .nxb-yazi-govde .netx-related a:hover {
  text-decoration: underline;
}

.nxb-mobil-icindekiler {
  display: none;
}

.nxb-yazi-yan {
  position: sticky;
  top: 104px;
}

.nxb-icindekiler-liste {
  display: grid;
  gap: 2px;
  border-left: 1px solid var(--nxb-cizgi);
}

.nxb .nxb-icindekiler-liste a {
  display: block;
  margin-left: -1px;
  padding: 7px 0 7px 13px;
  border-left: 2px solid transparent;
  color: #566774;
  font-size: 14px;
  line-height: 1.5;
}

.nxb .nxb-icindekiler-liste a:hover,
.nxb .nxb-icindekiler-liste a[aria-current="location"] {
  border-left-color: var(--nxb-marka);
  background: var(--nxb-acik);
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-icindekiler-liste a[aria-current="location"] {
  font-weight: 700;
}

.nxb-yazi-yan .nxb-icindekiler-liste {
  max-height: calc(100vh - 330px);
  overflow-y: auto;
}

.nxb-okuma {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--nxb-cizgi);
  color: var(--nxb-soluk);
  font-size: 13px;
}

.nxb-paylas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 16px;
}

.nxb-kutu .nxb-kutu-baslik + .nxb-paylas {
  margin-top: 0;
}

.nxb .nxb-paylas button,
.nxb .nxb-paylas a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid var(--nxb-cizgi);
  border-radius: 7px;
  background: #fff;
  color: #3f5f72;
  font-size: 13px;
  line-height: 1.2;
}

.nxb .nxb-paylas button:hover,
.nxb .nxb-paylas a:hover {
  border-color: var(--nxb-acik-cizgi);
  background: var(--nxb-acik);
  color: var(--nxb-mavi-metin);
}

.nxb .nxb-paylas svg.nxb-i {
  width: 15px;
  height: 15px;
}

.nxb .nxb-paylas .nxb-linkedin {
  min-width: 36px;
  font-weight: 800;
}

.nxb-geri-bildirim {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 820px;
  margin-top: 36px;
  padding: 24px;
  background: #f8fbfd;
  border: 1px solid #ecedf2;
  border-radius: 12px;
}

.nxb .nxb-geri-bildirim h3,
.nxb .nxb-oy-tesekkur {
  color: var(--nxb-murekkep);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.5;
}

.nxb .nxb-geri-bildirim p:not(.nxb-oy-tesekkur) {
  margin-top: 3px;
  color: var(--nxb-soluk);
  font-size: 14px;
}

.nxb .nxb-oy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.nxb .nxb-oy .nxb-btn {
  min-width: 96px;
}

.nxb-yazar {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 820px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--nxb-cizgi);
}

.nxb .nxb-yazar .nxb-yazar-isaret {
  width: 48px;
  height: 48px;
  background: var(--nxb-acik);
}

.nxb .nxb-yazar .nxb-yazar-isaret svg.nxb-i--netx {
  width: 24px;
  height: 22px;
}

.nxb .nxb-yazar-ad {
  color: var(--nxb-murekkep);
  font-size: 16px;
  font-weight: 800;
}

.nxb .nxb-yazar-ad a:hover {
  color: var(--nxb-mavi-metin);
  text-decoration: underline;
}

.nxb .nxb-yazar p:not(.nxb-yazar-ad) {
  margin-top: 3px;
  color: var(--nxb-soluk);
  font-size: 14px;
  line-height: 1.7;
}

.nxb-yazi-alt {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.nxb .nxb-ilgili-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  letter-spacing: -.3px;
}

.nxb .nxb-ilgili-baslik svg.nxb-i {
  width: 24px;
  height: 24px;
  color: var(--nxb-marka);
}

.nxb-arama-kutu {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 32px;
  align-items: center;
  padding: 30px 34px;
  background: var(--nxb-acik);
  border: 1px solid var(--nxb-acik-cizgi);
  border-radius: 12px;
}

.nxb .nxb-arama-kutu h2 {
  font-size: 24px;
}

.nxb-arama-kutu p {
  margin-top: 6px !important;
  color: var(--nxb-soluk);
  font-size: 15px;
}

.nxb .nxb-arama-kutu .nxb-ara {
  margin: 0;
  max-width: none;
}

.nxb-bildirim {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 1000;
  max-width: calc(100% - 32px);
  padding: 11px 20px;
  border-radius: 8px;
  background: var(--nxb-murekkep);
  box-shadow: 0 10px 40px rgba(16, 45, 67, .2);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity .2s, transform .2s;
}

.nxb-bildirim:empty {
  padding: 0;
}

.nxb-bildirim.nxb-bildirim--acik {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 1199px) {
  .nxb-hero-ic {
    gap: 40px;
  }

  .nxb-yazi-duzen {
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 36px;
  }

  .nxb-kategoriler {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .nxb h1 {
    font-size: 34px;
  }

  .nxb h2 {
    font-size: 25px;
  }

  .nxb-hero-ic {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 28px;
  }

  .nxb-konsol {
    margin-right: 12px;
    padding: 14px;
  }

  .nxb-konsol-govde {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
  }

  .nxb-konsol-grafik {
    gap: 6px;
  }

  .nxb-konsol-sayilar {
    gap: 14px;
  }

  .nxb-konsol {
    padding-bottom: 20px;
  }

  .nxb-konsol-not {
    display: none;
  }

  .nxb-kategoriler {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nxb-vitrin-metin {
    padding: 26px;
  }

  .nxb .nxb-vitrin h3 {
    font-size: 22px;
  }

  .nxb-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .nxb-hizli {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .nxb-duzen {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .nxb-yan {
    position: static;
    min-width: 0;
  }

  .nxb .nxb-yan .nxb-kutu--kat {
    margin-bottom: 22px;
    padding: 0;
    border: 0;
    background: none;
  }

  .nxb .nxb-yan .nxb-kutu--kat .nxb-kutu-baslik {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .nxb-yan-kat {
    display: flex;
    gap: 8px;
    margin: 0 -15px;
    padding: 0 15px 6px;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .nxb .nxb-yan-kat a {
    flex-shrink: 0;
    padding: 8px 12px;
    border: 1px solid var(--nxb-cizgi);
    background: #fff;
    white-space: nowrap;
  }

  .nxb .nxb-yan-kat a[aria-current="page"] {
    border-color: var(--nxb-acik-cizgi);
  }

  .nxb .nxb-yan-tum {
    display: none;
  }

  .nxb-yan .nxb-tanitim,
  .nxb-yan .nxb-destek-not {
    display: none;
  }

  .nxb-yazi-duzen {
    display: block;
  }

  .nxb-yazi-govde,
  .nxb-geri-bildirim,
  .nxb-yazar {
    max-width: none;
  }

  .nxb-mobil-icindekiler {
    display: block;
    margin-bottom: 26px;
    padding: 0;
    background: #fff;
    border: 1px solid var(--nxb-cizgi);
    border-radius: 10px;
  }

  .nxb-mobil-icindekiler summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 12px 16px;
    color: var(--nxb-murekkep);
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
  }

  .nxb-mobil-icindekiler summary::-webkit-details-marker {
    display: none;
  }

  .nxb-mobil-icindekiler summary::after {
    content: "";
    width: 9px;
    height: 9px;
    margin-top: -4px;
    border-right: 2px solid var(--nxb-soluk);
    border-bottom: 2px solid var(--nxb-soluk);
    transform: rotate(45deg);
    transition: transform .2s;
  }

  .nxb-mobil-icindekiler[open] summary::after {
    margin-top: 4px;
    transform: rotate(-135deg);
  }

  .nxb-mobil-icindekiler .nxb-icindekiler-liste {
    margin: 0 16px 14px;
  }

  .nxb-yazi-yan {
    position: static;
    margin-top: 30px;
  }

  .nxb-yazi-yan .nxb-icindekiler {
    display: none;
  }

  .nxb-kutu .nxb-icindekiler + .nxb-paylas-baslik {
    display: block;
  }

  .nxb-yazi-yan {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .nxb-yazi-yan > .nxb-kutu {
    margin: 0;
  }

  .nxb-arama-kutu {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}

@media (max-width: 767px) {
  .nxb {
    font-size: 15px;
  }

  .nxb h1 {
    font-size: 31px;
  }

  .nxb h2 {
    font-size: 23px;
  }

  .nxb nav.nx-yol.nx-yol--blog {
    padding-top: 20px;
  }

  .nxb-hero-ic,
  .nxb-hero--kategori .nxb-hero-ic {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 16px 0 34px;
  }

  .nxb-konsol,
  .nxb-kat-kutu {
    display: none;
  }

  .nxb-ust {
    font-size: 13px;
  }

  .nxb-giris {
    font-size: 15px;
  }

  .nxb-ara {
    gap: 8px;
    margin-top: 20px;
    padding: 6px 6px 6px 12px;
  }

  .nxb .nxb-ara input {
    font-size: 16px;
  }

  .nxb .nxb-ara .nxb-btn {
    padding: 10px 16px;
  }

  .nxb-bolum {
    padding: 38px 0;
  }

  .nxb-bolum-bas {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 22px;
  }

  .nxb-bolum-bas p {
    font-size: 14px;
  }

  .nxb-bolum-bas > .nxb-sayi {
    display: none;
  }

  .nxb-kategoriler {
    gap: 12px;
  }

  .nxb .nxb-kategori {
    padding: 18px;
  }

  .nxb .nxb-kategori h3 .nxb-sayi {
    top: 18px;
    right: 18px;
  }

  .nxb-kategori .nxb-ikonkutu {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
  }

  .nxb .nxb-kategori p {
    font-size: 13px;
  }

  .nxb-vitrin {
    grid-template-columns: minmax(0, 1fr);
  }

  .nxb-vitrin-gorsel {
    min-height: 0;
    padding: 26px;
  }

  .nxb-vitrin-metin {
    padding: 22px;
  }

  .nxb .nxb-vitrin h3 {
    font-size: 21px;
  }

  .nxb-izgara--liste {
    grid-template-columns: minmax(0, 1fr);
  }

  .nxb-kart-gorsel {
    height: 96px;
    padding: 16px 20px;
  }

  .nxb .nxb-kart-gorsel svg.nxb-i {
    width: 32px;
    height: 32px;
  }

  .nxb-hero--kategori h1 {
    font-size: 31px;
  }

  .nxb .nxb-liste-baslik {
    font-size: 18px;
  }

  .nxb-liste-ust {
    gap: 8px 14px;
  }

  .nxb-sirala {
    width: 100%;
  }

  .nxb .nxb-sirala select {
    flex: 1;
  }

  .nxb-altkat {
    grid-template-columns: minmax(0, 1fr);
  }

  .nxb-yazi-hero-ic {
    padding: 14px 0 28px;
  }

  .nxb .nxb-yazi-hero h1 {
    margin: 10px 0 16px;
    font-size: 27px;
    line-height: 1.38;
    letter-spacing: -.4px;
  }

  .nxb-meta {
    gap: 8px 14px;
    font-size: 13px;
  }

  .nxb-meta .nxb-yazar-isaret {
    display: none;
  }

  .nxb-bolum--yazi {
    padding-top: 26px;
  }

  .nxb-yazi-govde {
    font-size: 16px;
  }

  .nxb .nxb-yazi-govde > p:first-child {
    padding: 18px;
    font-size: 16px;
  }

  .nxb .nxb-yazi-govde h2 {
    margin-top: 34px;
    padding-top: 22px;
    font-size: 22px;
  }

  .nxb .nxb-yazi-govde h3 {
    font-size: 18px;
  }

  .nxb .nxb-yazi-govde table {
    min-width: 540px;
    font-size: 14px;
  }

  .nxb .nxb-yazi-govde pre {
    padding: 16px;
    font-size: 13px;
  }

  .nxb-geri-bildirim {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
  }

  .nxb-yazi-yan {
    grid-template-columns: minmax(0, 1fr);
  }

  .nxb .nxb-ilgili-baslik {
    font-size: 21px;
  }

  .nxb-arama-kutu {
    padding: 22px 18px;
  }

  .nxb .nxb-arama-kutu h2 {
    font-size: 21px;
  }
}

@media (max-width: 575px) {
  .nxb-izgara,
  .nxb-kategoriler {
    grid-template-columns: minmax(0, 1fr);
  }

  .nxb .nxb-kategori .nxb-yazilink {
    padding-top: 12px;
  }

  .nxb .nxb-kart-baslik {
    font-size: 17px;
  }

  .nxb .nxb-ara > svg.nxb-i {
    display: none;
  }

  .nxb .nxb-ara {
    padding-left: 14px;
  }

  .nxb-sayfalama {
    gap: 6px;
  }

  .nxb .nxb-sayfalama button {
    min-width: 40px;
    padding: 0 10px;
  }

  .nxb .nxb-sf-metin {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nxb *,
  .nxb *::before,
  .nxb *::after {
    transition: none !important;
  }

  .nxb .nxb-kart:hover,
  .nxb a.nxb-kategori:hover {
    transform: none;
  }
}

@media print {
  body:has(.nxb--yazi) .main-header,
  body:has(.nxb--yazi) .nx-footer-cta,
  body:has(.nxb--yazi) .main-footer,
  body:has(.nxb--yazi) .scroll-to-top,
  .nxb nav.nx-yol,
  .nxb-ilerleme,
  .nxb-yazi-yan,
  .nxb-mobil-icindekiler,
  .nxb-geri-bildirim,
  .nxb-ilgili,
  .nxb-arama-bant,
  .nxb-kod-ust,
  .nxb-bildirim,
  .nxb-yazi-alt {
    display: none !important;
  }

  .nxb {
    color: #000;
    font-size: 11pt;
  }

  .nxb-yazi-hero {
    background: none;
    border: 0;
  }

  .nxb .nxb-yazi-hero h1 {
    font-size: 22pt;
  }

  .nxb-yazi-duzen {
    display: block;
  }

  .nxb-bolum {
    padding: 12px 0;
  }

  .nxb .nxb-yazi-govde h2 {
    font-size: 16pt;
    break-after: avoid;
  }

  .nxb .nxb-yazi-govde pre,
  .nxb .nxb-kod {
    background: #f4f4f4;
    color: #000;
    white-space: pre-wrap;
  }

  .nxb .nxb-tablo {
    overflow: visible;
  }

  .nxb .nxb-yazi-govde table {
    min-width: 0;
    font-size: 9pt;
  }

  .nxb .nxb-yazi-govde > p:first-child {
    background: none;
    border: 1px solid #ccc;
  }
}