/* ---- CSS Degiskenleri ---- */
:root {
  --fill-hi:       #f652a3;
  --wash-sub64:  #dd4591;
  --grade-x: #fff1ed;
  --hue-b:       #fff0f0;
  --trim-o43:      #fffaf9;
  --base-172:       #372c2c;
  --wash-hi9:   #fbeded;
  --shade-112:  #100808;
  --grade-hi:#605454;
  --ink-sub34:    #8d8080;
  --shade-b27:     #1565C0;
  --tone-a:        #f8eaea;
  --base-166:   #ded0cf;
  --core-alt51:  #fff1ed;
  --shade-3:#e1488b;
  --ink-1:  #E8F5E9;
  --accent-y21:#2E7D32;
  --core-i64:       #4CAF50;
  --fill-y: 986px;
  --tone-i55: 16px;
  --shade-x12: 240px;
  --trim-alt41:   31px;
}
	/* ---- Reset & Temel ---- */
*, *::before, *::after,.grp-x76{
  padding: 0;
  margin: 0;
  box-sizing: border-box}
	html {
  scroll-behavior: smooth;
}
	body {
  font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--grade-hi);
  background-color: var(--hue-b);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	a,.slot-up{
  color: var(--shade-b27);
  text-decoration: none;
  transition: color 150ms ease;
}
	a:hover {
  color: var(--fill-hi);
}
	strong {
  color: var(--shade-112);
  font-weight: 700;
}
	img,.unit-rt39{
  max-width: 100%;
  height: auto;
  display: block;
}
	/* ---- Container ---- */
.unit-z76 {
  max-width: var(--fill-y);
  margin: 0 auto;
  padding: 0 var(--tone-i55);
}
	/* ---- Layout ---- */
.unit-up {
  padding-bottom: 51px;
  padding-top: 27px;
  gap: 21px;
  display: grid;
  grid-template-columns: 1fr var(--shade-x12)}
	.shelf-264 {
  min-width: 0;
}
	/* ---- Header ---- */
.rail-ft55,.slot-up{
  background: var(--trim-o43);
  border-bottom: 1px solid var(--tone-a);
  position: sticky;
  top: 0;
  z-index: 100;
}
	.deck-y81 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px var(--tone-i55);
}
	.field-ct {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.3px;
  color: var(--shade-112)}
	.field-ct span,.shelf-c56{
  color: var(--fill-hi);
}
	/* ---- Desktop Nav ---- */
.rail-hd65 {
  display: flex;
  gap: 27px;
}
	.rail-hd65 a {
  font-size: 16px;
  font-weight: 500;
  color: var(--grade-hi);
  transition: color 150ms ease;
}
	.rail-hd65 a:hover {
  color: var(--fill-hi);
}
	/* ---- Hamburger ---- */
.cell-z {
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  display: none;
  gap: 4px;
  padding: 4px}
	.cell-z span {
  display: block;
  width: 22px;
  height: 2.5px;
  background: var(--shade-112);
  border-radius: 2px;
  transition: all 200ms ease;
}
	/* ---- Mobile Nav ---- */
.panel-lg23 {
  background: rgba(0,0,0,0.5);
  position: fixed;
  opacity: 0;
  display: none;
  z-index: 199;
  transition: opacity 200ms ease;
  inset: 0}
	.panel-lg23.layer-x {
  display: block;
  opacity: 1;
}
	.panel-278,.layer-in54{
  flex-direction: column;
  z-index: 200;
  transform: translateX(-100%);
  display: flex;
  left: 0;
  background: var(--trim-o43);
  padding: 58px 26px 27px;
  top: 0;
  transition: transform 300ms ease-out;
  width: 280px;
  height: 100vh;
  gap: 4px;
  position: fixed}
	.panel-278.layer-x {
  transform: translateX(0);
}
	.bay-146 {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 22px;
  color: var(--shade-112);
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
	.panel-278 a,.tier-lt63{
  font-size: 16px;
  font-weight: 600;
  color: var(--shade-112);
  padding: 11px 0;
  border-bottom: 1px solid var(--tone-a);
}
	/* ---- Hero ---- */
.stack-lg {
  padding: 28px 0 8px;
  animation: fadeIn 400ms ease-out both;
}
	.stack-lg h1 {
  font-size: 23px;
  font-weight: 800;
  color: var(--shade-112);
  line-height: 1.3;
  margin: 12px 0 16px;
}
	.frame-hd {
  display: flex;
  gap: 9px;
  margin-bottom: 12px;
}
	.grp-242 {
  border-radius: 13px;
  font-size: 11px;
  display: inline-block;
  color: var(--shade-3);
  background: var(--core-alt51);
  font-weight: 600;
  padding: 3px 11px}
	.wrap-x {
  background: var(--ink-1);
  color: var(--accent-y21);
}
	.cell-253 {
  font-size: 13px;
  color: var(--ink-sub34);
}
	/* ---- Breadcrumb ---- */
.wrap-ft,.unit-rt39{
  font-size: 12px;
  color: var(--ink-sub34);
  margin-bottom: 4.2px}
	.wrap-ft a {
  color: var(--shade-b27);
}
	.wrap-ft a:hover {
  color: var(--fill-hi);
}
	.band-hd68 {
  margin: 0 6.1px;
  color: var(--ink-sub34);
}
	/* ---- Card ---- */
.zone-a {
  border: 1px solid var(--tone-a);
  animation: fadeIn 400ms ease-out both;
  padding: 18px;
  border-radius: 9px;
  background: var(--trim-o43);
  margin-top: 22px}
	/* ---- Section Title ---- */
.unit-lg54,.cell-out83{
  font-size: 16px;
  font-weight: 700;
  color: var(--shade-112);
  line-height: 1.4;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  gap: 9px;
}
	.unit-lg54::before,.shelf-c56{
  content: '';
  display: inline-block;
  width: 4px;
  height: 18px;
  background: var(--fill-hi);
  border-radius: 2px;
  flex-shrink: 0;
}
	/* ---- Body Text ---- */
.wrap-z77,.bay-z22{
  line-height: 1.75;
  color: var(--grade-hi);
  font-size: 13.6px}
	.wrap-z77 + .wrap-z77 {
  margin-top: 13px;
}
	/* ---- H3 ---- */
.slot-a17 {
  font-size: 12px;
  font-weight: 700;
  color: var(--shade-112);
  margin-top: 17px;
  margin-bottom: 8px;
}
	/* ---- Sponsor Table ---- */
.node-x83 {
  padding: 15px 15px 7px;
}
	.bay-rt {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
	.bay-rt thead th,.slot-in41{
  text-align: left;
  background: #fff5f5;
  font-size: 10px;
  font-weight: 600;
  color: var(--ink-sub34);
  border-bottom: 2px solid var(--tone-a);
  padding: 9px 16px}
	.bay-rt tbody td {
  border-bottom: 1px solid var(--tone-a);
  vertical-align: middle;
  padding: 11px 15px}
	.bay-rt tbody tr {
  transition: background 150ms ease;
}
	.bay-rt tbody tr:hover {
  background: #fff5f5;
}
	.slot-ft77 {
    background: var(--base-172);
    border-radius: 8px;
    width: 120px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 9px;
}
	.field-ct {
    display: flex;
    align-items: center;
    text-decoration: none;
}
	.bay-127,.unit-rt39{
    object-fit: contain;
    height: 30px;
    margin-right: 11px;
    width: 30px;
    flex-shrink: 0}
	.field-2,.blk-rt{
    display: flex;
    align-items: center;
}
	.rail-x67 {
    gap: 8px;
    border-radius: 4.5px;
    justify-content: center;
    align-items: center !important;
    display: inline-flex !important;
    padding: 4px 6.6px;
    background: aquamarine}
	.rail-x67 svg {
  flex-shrink: 0;
}
	.stack-a {
    height: 28px;
    flex-shrink: 0;
    margin-right: 11px;
    width: 28px;
    object-fit: contain}
	.slot-ft77 img {
  height: 32px;
  object-fit: contain;
}
	.panel-lt55,.shelf-c56{
  color: #fff7f7;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
	.layer-a35 {
  background: var(--base-172);
  border-radius: 8px;
  height: 44px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
	.layer-a35 img,.blk-rt{
  height: 32px;
}
	.layer-225 {
  color: var(--shade-112);
  font-weight: 700;
  font-size: 15px}
	.unit-in {
  font-size: 14px;
  color: var(--grade-hi);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
	.band-md,.tier-lt{
  display: inline-block;
  padding: 3px 9px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
	.tier-y {
  background: var(--core-alt51);
  color: var(--shade-3);
}
	.panel-246,.tier-x13{
  background: var(--ink-1);
  color: var(--accent-y21);
}
	.stack-dn60 {
  display: inline-block;
  background: var(--fill-hi);
  color: #fff7f7;
  border-radius: 7px;
  padding: 7.3px 16px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: background 150ms ease;
  white-space: nowrap;
}
	.stack-dn60:hover {
  background: var(--wash-sub64);
  color: #fff7f7;
}
	.wrap-lt37 {
  width: 100%;
  margin-top: 11px;
  display: block}
	/* ---- Mobile Cards ---- */
.slot-out40,.tier-x13{
  display: none;
  flex-direction: column;
  gap: 11px;
}
	.layer-lg61 {
  background: var(--trim-o43);
  border: 1px solid var(--tone-a);
  border-radius: 10px;
  padding: 12px;
}
	.pane-in {
  display: flex;
  align-items: center;
  gap: 13px;
}
	.grp-lt {
  min-width: 0;
  flex: 1;
}
	/* ---- CTA Banner ---- */
.bay-ft45,.grp-rt57{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #f652a3, #f769a8);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  margin-top: 36px;
  text-decoration: none;
  transition: transform 200ms ease;
  animation: fadeIn 400ms ease-out both;
}
	.bay-ft45:hover,.grp-rt57{
  transform: scale(1.01);
}
	.panel-y77 {
  font-size: 14px;
  font-weight: 700;
  color: #fff7f7;
}
	.bay-ct87 {
  font-size: 11px;
  color: #fff7f7;
  opacity: 0.9;
}
	.bay-1 {
  color: #fff7f7;
  font-size: 24px;
  flex-shrink: 0}
	/* ---- SSS Accordion ---- */
.node-ct44 {
  border-top: 1px solid var(--tone-a);
}
	.tier-ft {
  border-bottom: 1px solid var(--tone-a);
}
	.panel-hd42,.grp-rt57{
  font-size: 15px;
  font-weight: 700;
  color: var(--shade-112);
  cursor: pointer;
  padding: 13px 0;
  display: flex;
  align-items: flex-start;
  gap: 6.4px;
  user-select: none;
}
	.grp-ft5 {
  flex-shrink: 0;
  color: var(--fill-hi);
  font-weight: 800}
	.rail-hd11 {
  transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out, padding 250ms ease-in-out;
  opacity: 0;
  line-height: 1.7;
  color: var(--ink-sub34);
  overflow: hidden;
  font-size: 12.9px;
  padding: 0 0 16px 19px;
  max-height: 0}
	.tier-ft.bay-out11 .rail-hd11,.cell-out83{
  padding: 0 0 15px 21px;
  opacity: 1;
  max-height: 500px}
	/* ---- Related Tags ---- */
.layer-a,.blk-rt{
  background: var(--wash-hi9);
  border-radius: 10px;
  padding: 21px;
  margin-top: 36px;
  animation: fadeIn 400ms ease-out both;
}
	.bay-up59,.slot-in41{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
	.slot-z,.blk-rt{
  display: inline-block;
  background: var(--trim-o43);
  border: 1px solid var(--tone-a);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 500;
  color: var(--grade-hi);
  transition: border-color 150ms ease, color 150ms ease;
}
	.slot-z:hover,.tier-lt63{
  border-color: var(--fill-hi);
  color: var(--fill-hi);
}
	/* ---- Sidebar ---- */
.rail-out9 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 24px;
  height: fit-content;
  animation: fadeIn 400ms 200ms ease-out both;
}
	.blk-up43 {
  background: var(--trim-o43);
  border: 1px solid var(--tone-a);
  border-radius: 9px;
  padding: 18px;
}
	.blk-up43 .unit-lg54 {
  font-size: 15px;
  margin-bottom: 12px;
}
	.shelf-md {
  display: flex;
  gap: 2px;
  flex-direction: column}
	.shelf-md a {
  font-size: 13px;
  font-weight: 500;
  color: var(--grade-hi);
  padding: 6.7px 0;
  transition: color 150ms ease;
}
	.shelf-md a:hover {
  color: var(--fill-hi);
}
	/* ---- Trust Box ---- */
.shelf-x,.bay-z22{
  background: var(--ink-1);
  border: 1px solid #C8E6C9;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}
	.panel-lt68 {
  font-size: 22px;
  color: var(--accent-y21);
  margin-bottom: 4px;
}
	.grp-225 {
  font-size: 14px;
  color: var(--accent-y21);
  font-weight: 700;
  margin-bottom: 6.1px}
	.grp-z {
  color: var(--grade-hi);
  line-height: 1.6;
  font-size: 12px}
	/* ---- Telegram CTA ---- */
.zone-b2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 4.4px;
}
	.shelf-lt67 {
  font-weight: 700;
  font-size: 12px;
  color: var(--shade-112);
  margin-bottom: 6.4px;
  text-align: center}
	.zone-b15 {
  font-size: 11px;
  color: var(--ink-sub34);
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.5;
}
	.grp-hd {
  color: #fff7f7;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
  border-radius: 7px;
  background: #0088CC;
  display: block;
  transition: background 150ms ease}
	.grp-hd:hover {
  background: #0077B3;
  color: #fff7f7;
}
	/* ---- Footer ---- */
.node-x26,.grp-rt57{
  color: #fff7f7;
  padding: 39px 14px 25px;
  background: #140b0b}
	.node-a {
  max-width: var(--fill-y);
  margin: 0 auto;
}
	.grp-c47 {
  margin-bottom: 29px;
}
	.field-2 {
  color: #fff7f7;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 800}
	.field-2 span {
  color: var(--fill-hi);
}
	.layer-a76 {
  font-size: 11px;
  color: #d7c9c9;
  line-height: 1.6;
  max-width: 400px;
}
	.panel-up {
  margin-bottom: 34px;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  display: grid}
	.panel-a21 h4,.blk-rt{
  font-size: 13px;
  font-weight: 700;
  color: #fff7f7;
  margin-bottom: 13px;
}
	.panel-a21 a,.slot-up{
  display: block;
  font-size: 13px;
  color: #d7c9c9;
  padding: 4.4px 0;
  transition: color 150ms ease;
}
	.panel-a21 a:hover,.blk-rt{
  color: var(--fill-hi);
}
	.band-ct76 {
  border-top: 1px solid #333;
  padding-top: 20px;
  text-align: center;
}
	.band-ct76 p,.shelf-c56{
  margin-bottom: 4.1px;
  font-size: 12px;
  color: #ac9f9f}
	.band-ct76 a,.grp-x76{
  color: #d7c9c9;
}
	.band-ct76 a:hover {
  color: var(--fill-hi);
}
	/* ---- Animations ---- */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
	/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .unit-up {
    grid-template-columns: 1fr;
  }

  .rail-out9 {
    display: none;
  }
}
	@media (max-width: 768px) {
  :root {
    --tone-i55: 16px;
  }

  .unit-up {
    padding-top: 18px;
    padding-bottom: 28px;
  }

  .stack-lg {
    padding-top: 21px;
  }

  .stack-lg h1 {
    font-size: 20px;
  }

  .rail-hd65 {
    display: none;
  }

  .cell-z {
    display: flex;
  }

  .bay-rt {
    display: none;
  }

  .slot-out40 {
    display: flex;
  }

  .unit-in {
    max-width: 200px;
  }

  .bay-ft45 {
    padding: 1rem 1.25rem;
  }

  .panel-y77 {
    font-size: 14px;
  }

  .bay-ct87 {
    font-size: 13px;
  }

  .panel-up {
    grid-template-columns: 1fr 1fr;
  }

  .zone-a {
    padding: 15px;
  }
}
	@media (max-width: 480px) {
  .panel-up {
    grid-template-columns: 1fr;
  }

  .stack-lg h1 {
    font-size: 20px;
  }
}
	/* ── Editörün Tavsiyesi Kutusu ─────────────────────────────────────── */
.bay-hd{background:linear-gradient(135deg,rgba(255,148,136,.04),transparent 60%);overflow:hidden;margin-bottom:17px;border:1px solid rgba(255,148,136,.35);border-radius:9px}
	.blk-md{padding:13px 15px;font-size:12px;font-weight:700;background:rgba(255,148,136,.08);color:#b84967;align-items:center;display:flex;gap:7px;border-bottom:1px solid rgba(255,148,136,.2)}
	.tier-dn{text-transform:uppercase;background:rgba(255,148,136,.14);margin-left:auto;letter-spacing:.5.2px;padding:3px 11px;border-radius:895px;font-weight:700;color:#b84967;border:1px solid rgba(255,148,136,.3);font-size:10px}
	.bay-hd .bay-rt{margin:0}
	.bay-hd .bay-rt thead th,.layer-in54{background:rgba(255,148,136,.06)}
	.bay-hd .bay-rt tbody tr:hover,.deck-md{background:rgba(255,148,136,.05)}
	.bay-ct{background:linear-gradient(135deg,#ff9488,#e66775);color:#fff7f7}
	.cell-y{background:linear-gradient(135deg,#ff9488,#e66775)!important}
	.slot-lg4{border-color:rgba(255,148,136,.3)!important}
	h1,h2,h3,h4{font-family:Georgia, 'Times New Roman', 'Liberation Serif', serif}
	.wrap-lg14{--gap-309e: 3}
	.stack-a73{--edge-7a9c: 2}
	.slot-ft{--tone-271f: 5}
	.deck-in56{--tone-271f: 1}
	.pane-hd46{--flow-4e70: 2}

/*826dbf9445ba8ea8b1*/

.sk-beccee{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.sk-beccee: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}