/* ---- CSS Degiskenleri ---- */
:root {
  --shade-hi:    #86816e;
  --sfc-o:  #ebfae8;
  --core-2:      #ffffff;
  --fill-x2:   45px;
  --accent-b:#928400;
  --hue-x41: 1224px;
  --tint-mid:       #4CAF50;
  --tint-sub:       #fdf8e2;
  --trim-alt12:#5a5643;
  --grade-mid:   #f9f3dd;
  --tint-327:  #0e0a00;
  --tone-b:     #1565C0;
  --fill-x: #ebfae8;
  --sfc-x:       #322e1d;
  --core-alt:  #948000;
  --wash-1:#2E7D32;
  --edge-y39: 291px;
  --sfc-hi:        #fbf6e0;
  --core-x42:   #dfd9c4;
  --accent-232: 17px;
  --sfc-sub27:  #E8F5E9;
  --sfc-y:       #a69000}
/* ---- Reset & Temel ---- */
*, *::before, *::after,.rail-x{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Verdana, Geneva, 'DejaVu Sans', Arial, sans-serif;
  line-height: 1.8;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  color: var(--trim-alt12);
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  background-color: var(--tint-sub)}
a {
  transition: color 150ms ease;
  color: var(--tone-b);
  text-decoration: none}
a:hover {
  color: var(--sfc-y);
}
strong {
  color: var(--tint-327);
  font-weight: 700;
}
img {
  height: auto;
  display: block;
  max-width: 100%}
/* ---- Container ---- */
.bay-ct {
  max-width: var(--hue-x41);
  margin: 0 auto;
  padding: 0 var(--accent-232);
}
/* ---- Layout ---- */
.rail-3 {
  display: grid;
  grid-template-columns: 1fr var(--edge-y39);
  gap: 25px;
  padding-top: 26px;
  padding-bottom: 49px;
}
.cell-dn15 {
  min-width: 0;
}
/* ---- Header ---- */
.wrap-lt8 {
  border-bottom: 1px solid var(--sfc-hi);
  top: 0;
  position: sticky;
  z-index: 100;
  background: var(--core-2)}
.bay-dn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px var(--accent-232)}
.field-c {
  font-size: 18px;
  font-weight: 800;
  color: var(--tint-327);
  letter-spacing: -0.3px;
}
.field-c span,.layer-lg77{
  color: var(--sfc-y);
}
/* ---- Desktop Nav ---- */
.tier-up76 {
  display: flex;
  gap: 22px;
}
.tier-up76 a {
  color: var(--trim-alt12);
  transition: color 150ms ease;
  font-size: 14px;
  font-weight: 500}
.tier-up76 a:hover {
  color: var(--sfc-y);
}
/* ---- Hamburger ---- */
.rail-c,.shelf-ft34{
  border: none;
  background: none;
  display: none;
  padding: 4px;
  flex-direction: column;
  gap: 4px;
  cursor: pointer}
.rail-c span {
  width: 22px;
  border-radius: 2px;
  background: var(--tint-327);
  display: block;
  transition: all 200ms ease;
  height: 2.5px}
/* ---- Mobile Nav ---- */
.stack-lt80 {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 199;
  opacity: 0;
  transition: opacity 200ms ease;
}
.stack-lt80.shelf-z,.wrap-out{
  display: block;
  opacity: 1;
}
.shelf-150 {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100vh;
  background: var(--core-2);
  z-index: 200;
  transform: translateX(-100%);
  transition: transform 300ms ease-out;
  display: flex;
  flex-direction: column;
  padding: 67px 25px 27px;
  gap: 4.1px;
}
.shelf-150.shelf-z,.frame-x29{
  transform: translateX(0);
}
.deck-b34 {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 20px;
  color: var(--tint-327);
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shelf-150 a {
  border-bottom: 1px solid var(--sfc-hi);
  font-size: 15px;
  padding: 11px 0;
  font-weight: 600;
  color: var(--tint-327)}
/* ---- Hero ---- */
.blk-2 {
  padding: 32px 0 9px;
  animation: fadeIn 400ms ease-out both;
}
.blk-2 h1,.node-ft{
  font-size: 29px;
  font-weight: 800;
  color: var(--tint-327);
  line-height: 1.3;
  margin: 12px 0 15px;
}
.frame-y48 {
  display: flex;
  gap: 8px;
  margin-bottom: 13px;
}
.frame-257 {
  display: inline-block;
  background: var(--sfc-o);
  color: var(--accent-b);
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 12px;
}
.tier-x {
  background: var(--sfc-sub27);
  color: var(--wash-1);
}
.rail-354,.cell-out82{
  font-size: 12px;
  color: var(--shade-hi);
}
/* ---- Breadcrumb ---- */
.grp-hd {
  font-size: 13px;
  color: var(--shade-hi);
  margin-bottom: 4px;
}
.grp-hd a {
  color: var(--tone-b);
}
.grp-hd a:hover,.stack-2{
  color: var(--sfc-y);
}
.wrap-md7 {
  margin: 0 6.2px;
  color: var(--shade-hi);
}
/* ---- Card ---- */
.zone-lt {
  background: var(--core-2);
  border: 1px solid var(--sfc-hi);
  border-radius: 10px;
  padding: 22px;
  margin-top: 22px;
  animation: fadeIn 400ms ease-out both;
}
/* ---- Section Title ---- */
.band-368,.frame-x29{
  font-size: 17px;
  font-weight: 700;
  color: var(--tint-327);
  line-height: 1.4;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.band-368::before {
  height: 18px;
  content: '';
  display: inline-block;
  border-radius: 2px;
  flex-shrink: 0;
  background: var(--sfc-y);
  width: 4px}
/* ---- Body Text ---- */
.field-in {
  font-size: 12.6px;
  line-height: 1.75;
  color: var(--trim-alt12)}
.field-in + .field-in,.wrap-out{
  margin-top: 13px;
}
/* ---- H3 ---- */
.shelf-in67,.node-ft{
  font-size: 14px;
  font-weight: 700;
  color: var(--tint-327);
  margin-top: 16px;
  margin-bottom: 9px;
}
/* ---- Sponsor Table ---- */
.cell-ft,.layer-lg77{
  padding: 17px 18px 7px;
}
.panel-rt24 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.panel-rt24 thead th {
  background: #fffcef;
  font-size: 13px;
  font-weight: 600;
  color: var(--shade-hi);
  padding: 11px 15px;
  text-align: left;
  border-bottom: 2px solid var(--sfc-hi);
}
.panel-rt24 tbody td {
  padding: 13px 15px;
  vertical-align: middle;
  border-bottom: 1px solid var(--sfc-hi)}
.panel-rt24 tbody tr {
  transition: background 150ms ease;
}
.panel-rt24 tbody tr:hover {
  background: #fffcef;
}
.panel-ct81 {
    background: var(--sfc-x);
    border-radius: 7px;
    width: 120px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
}
.field-c {
    align-items: center;
    text-decoration: none;
    display: flex}
.deck-y {
    width: 30px;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
    margin-right: 10px;
}
.deck-up22 {
    display: flex;
    align-items: center;
}
.deck-md {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 9px;
    background: aquamarine;
    padding: 4px 6.7px;
    border-radius: 4px;
}
.deck-md svg {
  flex-shrink: 0;
}
.frame-lg82,.zone-dn82{
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
    margin-right: 9px;
}
.panel-ct81 img {
  height: 32px;
  object-fit: contain;
}
.rail-up,.node-ft{
  color: #fef9e3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.tier-a {
  flex-shrink: 0;
  background: var(--sfc-x);
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 44px;
  justify-content: center;
  border-radius: 7px}
.tier-a img,.pane-ft60{
  height: 32px;
}
.bay-lt37 {
  font-size: 15px;
  font-weight: 700;
  color: var(--tint-327)}
.grp-hd18,.pane-ft60{
  font-size: 11px;
  color: var(--trim-alt12);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.layer-ct12 {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 600;
}
.deck-2,.field-dn{
  background: var(--sfc-o);
  color: var(--accent-b);
}
.frame-337,.layer-lg77{
  background: var(--sfc-sub27);
  color: var(--wash-1);
}
.blk-x,.shelf-ft34{
  display: inline-block;
  background: var(--sfc-y);
  color: #fef9e3;
  border-radius: 7px;
  padding: 7.2px 17px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  transition: background 150ms ease;
  white-space: nowrap;
}
.blk-x:hover {
  background: var(--core-alt);
  color: #fef9e3;
}
.bay-rt {
  display: block;
  width: 100%;
  margin-top: 9px}
/* ---- Mobile Cards ---- */
.bay-rt26,.node-ft{
  gap: 9px;
  flex-direction: column;
  display: none}
.wrap-in,.wrap-out{
  background: var(--core-2);
  border: 1px solid var(--sfc-hi);
  border-radius: 10px;
  padding: 12px;
}
.blk-dn53,.layer-lg77{
  align-items: center;
  gap: 13px;
  display: flex}
.node-a8 {
  min-width: 0;
  flex: 1;
}
/* ---- CTA Banner ---- */
.grp-254 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #a69000, #b9a300);
  border-radius: 13px;
  padding: 1.25rem 1.5rem;
  margin-top: 36px;
  text-decoration: none;
  transition: transform 200ms ease;
  animation: fadeIn 400ms ease-out both;
}
.grp-254:hover {
  transform: scale(1.01);
}
.unit-up {
  font-size: 15px;
  font-weight: 700;
  color: #fef9e3;
}
.tier-in,.frame-dn86{
  font-size: 13px;
  color: #fef9e3;
  opacity: 0.9;
}
.rail-z42 {
  font-size: 24px;
  color: #fef9e3;
  flex-shrink: 0;
}
/* ---- SSS Accordion ---- */
.deck-in {
  border-top: 1px solid var(--sfc-hi);
}
.tier-3 {
  border-bottom: 1px solid var(--sfc-hi);
}
.cell-in36 {
  display: flex;
  font-weight: 700;
  color: var(--tint-327);
  align-items: flex-start;
  user-select: none;
  cursor: pointer;
  padding: 15px 0;
  gap: 5.5px;
  font-size: 12px}
.field-up {
  color: var(--sfc-y);
  font-weight: 800;
  flex-shrink: 0;
}
.layer-rt39 {
  opacity: 0;
  color: var(--shade-hi);
  line-height: 1.7;
  transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out, padding 250ms ease-in-out;
  padding: 0 0 18px 19px;
  max-height: 0;
  overflow: hidden;
  font-size: 13.2px}
.tier-3.grp-rt .layer-rt39 {
  max-height: 500px;
  opacity: 1;
  padding: 0 0 15px 18px}
/* ---- Related Tags ---- */
.stack-out16,.node-ft{
  margin-top: 30px;
  border-radius: 10px;
  animation: fadeIn 400ms ease-out both;
  background: var(--grade-mid);
  padding: 18px}
.field-up49,.unit-lg75{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rail-rt27 {
  display: inline-block;
  background: var(--core-2);
  border: 1px solid var(--sfc-hi);
  border-radius: 8px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  color: var(--trim-alt12);
  transition: border-color 150ms ease, color 150ms ease;
}
.rail-rt27:hover {
  border-color: var(--sfc-y);
  color: var(--sfc-y);
}
/* ---- Sidebar ---- */
.pane-b50,.cell-out82{
  display: flex;
  flex-direction: column;
  gap: 19px;
  position: sticky;
  top: 24px;
  height: fit-content;
  animation: fadeIn 400ms 200ms ease-out both;
}
.field-324 {
  border-radius: 10px;
  padding: 14px;
  background: var(--core-2);
  border: 1px solid var(--sfc-hi)}
.field-324 .band-368,.stack-2{
  font-size: 16px;
  margin-bottom: 12px;
}
.unit-lt2,.zone-dn82{
  display: flex;
  flex-direction: column;
  gap: 2px}
.unit-lt2 a {
  color: var(--trim-alt12);
  transition: color 150ms ease;
  font-weight: 500;
  padding: 5.3px 0;
  font-size: 11px}
.unit-lt2 a:hover,.frame-dn86{
  color: var(--sfc-y);
}
/* ---- Trust Box ---- */
.grp-in11,.frame-dn86{
  text-align: center;
  border: 1px solid #C8E6C9;
  background: var(--sfc-sub27);
  border-radius: 9px;
  padding: 17px}
.cell-dn19,.frame-dn86{
  font-size: 20px;
  color: var(--wash-1);
  margin-bottom: 4px;
}
.field-rt,.node-ft{
  font-size: 13px;
  font-weight: 700;
  color: var(--wash-1);
  margin-bottom: 6.2px;
}
.cell-x {
  font-size: 12px;
  color: var(--trim-alt12);
  line-height: 1.6;
}
/* ---- Telegram CTA ---- */
.band-up62 {
  font-size: 21px;
  text-align: center;
  margin-bottom: 4px;
}
.frame-rt,.zone-dn82{
  font-size: 13px;
  font-weight: 700;
  color: var(--tint-327);
  text-align: center;
  margin-bottom: 6px;
}
.slot-md59 {
  color: var(--shade-hi);
  line-height: 1.5;
  font-size: 12px;
  text-align: center;
  margin-bottom: 12px}
.blk-in74 {
  color: #fef9e3;
  border-radius: 7px;
  display: block;
  padding: 9px 14px;
  font-weight: 700;
  width: 100%;
  transition: background 150ms ease;
  background: #0088CC;
  text-align: center;
  font-size: 14px}
.blk-in74:hover {
  background: #0077B3;
  color: #fef9e3;
}
/* ---- Footer ---- */
.grp-dn {
  padding: 45px 14px 24px;
  color: #fef9e3;
  background: #110d01}
.pane-lg27,.rail-x{
  max-width: var(--hue-x41);
  margin: 0 auto;
}
.band-z76,.field-dn{
  margin-bottom: 36px;
}
.deck-up22,.cell-out82{
  font-weight: 800;
  color: #fef9e3;
  font-size: 16px;
  margin-bottom: 9px}
.deck-up22 span {
  color: var(--sfc-y);
}
.layer-dn {
  max-width: 400px;
  font-size: 15px;
  line-height: 1.6;
  color: #d4cfba}
.grp-rt23 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 35px;
}
.band-dn h4 {
  font-size: 13px;
  font-weight: 700;
  color: #fef9e3;
  margin-bottom: 13px;
}
.band-dn a {
  transition: color 150ms ease;
  color: #d4cfba;
  display: block;
  font-size: 11px;
  padding: 4px 0}
.band-dn a:hover {
  color: var(--sfc-y);
}
.cell-1 {
  padding-top: 22px;
  border-top: 1px solid #333;
  text-align: center}
.cell-1 p {
  font-size: 11px;
  color: #aba692;
  margin-bottom: 4px;
}
.cell-1 a {
  color: #d4cfba;
}
.cell-1 a:hover {
  color: var(--sfc-y);
}
/* ---- Animations ---- */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .rail-3 {
    grid-template-columns: 1fr;
  }

  .pane-b50 {
    display: none;
  }
}
@media (max-width: 768px) {
  :root {
    --accent-232: 17px;
  }

  .rail-3 {
    padding-top: 15px;
    padding-bottom: 31px;
  }

  .blk-2 {
    padding-top: 19px;
  }

  .blk-2 h1 {
    font-size: 17px;
  }

  .tier-up76 {
    display: none;
  }

  .rail-c {
    display: flex;
  }

  .panel-rt24 {
    display: none;
  }

  .bay-rt26 {
    display: flex;
  }

  .grp-hd18 {
    max-width: 200px;
  }

  .grp-254 {
    padding: 1rem 1.25rem;
  }

  .unit-up {
    font-size: 13px;
  }

  .tier-in {
    font-size: 13px;
  }

  .grp-rt23 {
    grid-template-columns: 1fr 1fr;
  }

  .zone-lt {
    padding: 17px;
  }
}
@media (max-width: 480px) {
  .grp-rt23 {
    grid-template-columns: 1fr;
  }

  .blk-2 h1 {
    font-size: 21px;
  }
}
/* ── Editörün Tavsiyesi Kutusu ─────────────────────────────────────── */
.rail-316{border-radius:10px;border:1px solid rgba(133,193,72,.35);overflow:hidden;margin-bottom:15px;background:linear-gradient(135deg,rgba(133,193,72,.04),transparent 60%)}
.field-md57{color:#727400;align-items:center;background:rgba(133,193,72,.08);font-weight:700;font-size:14px;border-bottom:1px solid rgba(133,193,72,.2);display:flex;padding:13px 18px;gap:9px}
.pane-hd72{color:#727400;letter-spacing:.4.5px;background:rgba(133,193,72,.14);margin-left:auto;border-radius:975px;border:1px solid rgba(133,193,72,.3);font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 9px}
.rail-316 .panel-rt24,.cell-out82{margin:0}
.rail-316 .panel-rt24 thead th,.node-ft{background:rgba(133,193,72,.06)}
.rail-316 .panel-rt24 tbody tr:hover{background:rgba(133,193,72,.05)}
.wrap-lt24{background:linear-gradient(135deg,#85c148,#839a00);color:#fef9e3}
.layer-ct{background:linear-gradient(135deg,#85c148,#839a00)!important}
.grp-y80{border-color:rgba(133,193,72,.3)!important}
.slot-a50{--step-02f8: 7}
.deck-lt66{--span-5e19: 8}
.deck-lg{--span-3372: 6}
.node-z75{--rate-f7f2: 5}
.deck-hd65{--rate-c6dd: 3}

/*8563558f9bb3a3f481*/

.sk-bebfeb{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.sk-bebfeb:focus{left:8px;top:8px;width:auto;height:auto;z-index:9999;padding:10px 16px;background:#111;color:#fff;border-radius:6px;text-decoration:none;outline:2px solid #fff}