/* =========================================================
   VergiNext - Vergi & Muhasebe Teması
   ========================================================= */

:root {
  --green-950: #01150c;
  --green-900: #04201a;
  --green-850: #062a20;
  --green-800: #0a3326;
  --green-700: #184121;
  --gold: #a8894f;
  --gold-light: #c4a56d;
  --gold-dark: #8c6f3c;
  --ink: #0d1b16;
  --text: #4a524f;
  --muted: #6b7470;
  --line: #e6e8e7;
  --bg: #ffffff;
  --bg-soft: #f7f7f6;
  --bg-box: #f1f2f1;
  --white: #ffffff;

  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-logo: "Montserrat", var(--font);

  --container: 1260px;
  --radius: 6px;
  --radius-lg: 10px;
  --shadow: 0 6px 24px rgba(10, 30, 20, 0.06);
  --shadow-hover: 0 14px 34px rgba(10, 30, 20, 0.12);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; color: var(--ink); line-height: 1.2; }
p { margin: 0; }
button, input, select, textarea { font: inherit; }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

.ico {
  width: 18px; height: 18px;
  fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}
.ico--sm { width: 15px; height: 15px; }

/* ---------- Giriş animasyonları ---------- */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .9s var(--ease), transform .9s var(--ease);
  transition-delay: var(--d, 0s);
}
.js [data-reveal="left"] { transform: translateX(-40px); }
.js [data-reveal="zoom"] { transform: scale(1.06); transition-duration: 1.4s; }
.js [data-reveal].is-visible { opacity: 1; transform: none; }

/* Sayfa açılışı */
@keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes lineUp { from { transform: translateY(105%); } to { transform: none; } }
@keyframes growLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes kenburns { from { scale: 1; } to { scale: 1.07; } }
@keyframes pulseRing { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.9); opacity: 0; } }
@keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes hop { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-7px); } 70% { transform: translateY(1px); } }
@keyframes glowMove { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }

.js .topbar { animation: slideDown .7s var(--ease) backwards; }
.js .header { animation: slideDown .7s var(--ease) .1s backwards; }
.js .hero__title .line > span { animation: lineUp 1.1s var(--ease) both; animation-delay: .3s; }
.js .hero__title .line--gold > span { animation-delay: .45s; }
.js .eyebrow--line::after { transform-origin: left; animation: growLine 1s var(--ease) .6s both; }

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
  *, *::before, *::after { animation: none !important; }
  .js .stat__icon { stroke-dashoffset: 0; }
  html { scroll-behavior: auto; }
}

/* Kaydırma çubuğu ve yukarı çık */
.scroll-progress {
  position: fixed; top: 0; left: 0; right: 0; z-index: 300;
  height: 3px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  transform: scaleX(var(--p, 0)); transform-origin: left;
  pointer-events: none;
}
.to-top {
  position: fixed; right: 24px; bottom: 24px; z-index: 90;
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--green-950); color: var(--gold-light);
  border: 0; cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  opacity: 0; visibility: hidden; transform: translateY(16px);
  transition: opacity .3s, visibility .3s, transform .3s var(--ease), background .2s;
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: var(--green-800); }
.to-top:hover .ico { animation: hop .6s var(--ease); }
.to-top .ico { width: 20px; height: 20px; }
.to-top__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.to-top__ring circle {
  fill: none; stroke: var(--gold); stroke-width: 2;
  stroke-dasharray: 150.8; stroke-dashoffset: calc(150.8 - 150.8 * var(--p, 0));
}

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  height: 52px; padding: 0 28px;
  font-size: 15px; font-weight: 600;
  border-radius: var(--radius);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
  white-space: nowrap;
  position: relative; overflow: hidden;
}
.btn::after {
  content: ""; position: absolute; top: 0; left: -80%;
  width: 50%; height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.28), transparent);
  transform: skewX(-20deg);
  transition: left .75s var(--ease);
  pointer-events: none;
}
.btn:hover::after { left: 140%; }
.btn .ico { transition: transform .25s var(--ease); }
.btn:hover .ico { transform: translateX(4px); }
.btn--gold { background: var(--gold); color: var(--white); }
.btn--gold:hover { background: var(--gold-dark); }
.btn--dark { background: var(--green-900); color: var(--white); }
.btn--dark:hover { background: var(--green-800); }
.btn--outline { background: transparent; color: var(--ink); border-color: #c9cdcb; }
.btn--outline:hover { border-color: var(--green-900); background: var(--green-900); color: var(--white); }

.link-arrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 14px; font-weight: 600; color: var(--ink);
  transition: color .2s;
}
.link-arrow .ico { width: 17px; height: 17px; transition: transform .25s var(--ease); }
.link-arrow:hover { color: var(--gold); }
.link-arrow:hover .ico { transform: translateX(4px); }

/* ---------- Başlıklar ---------- */
.eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  font-size: 13px; font-weight: 600; letter-spacing: .04em;
  color: var(--gold);
  margin-bottom: 12px;
}
.eyebrow--line { color: var(--ink); }
.eyebrow--line::after {
  content: ""; width: 48px; height: 1px; background: var(--gold);
}
.section-title {
  font-size: 38px; font-weight: 800; letter-spacing: -.02em;
}
.section-title--sm { font-size: 32px; line-height: 1.25; }

.section { padding: 64px 0; }

/* =========================================================
   TOPBAR
   ========================================================= */
.topbar {
  background: var(--green-950);
  color: rgba(255,255,255,.72);
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.topbar__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  min-height: 42px;
}
.topbar__info, .topbar__right { display: flex; align-items: center; gap: 28px; }
.topbar__info li, .topbar__hours { display: inline-flex; align-items: center; gap: 8px; }
.topbar .ico { width: 15px; height: 15px; color: var(--gold); }
.topbar a { transition: color .2s; }
.topbar a:hover { color: var(--gold-light); }
.topbar__social { display: flex; gap: 6px; padding-left: 22px; border-left: 1px solid rgba(255,255,255,.12); }
.topbar__social a {
  width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
}
.topbar__social a .ico { color: rgba(255,255,255,.75); transition: color .2s; }
.topbar__social a:hover .ico { color: var(--gold-light); }

/* =========================================================
   HEADER
   ========================================================= */
.header {
  position: sticky; top: 0; z-index: 100;
  background: var(--green-950);
  transition: box-shadow .3s;
}
.header.is-scrolled { box-shadow: 0 8px 30px rgba(0,0,0,.25); }
.header__inner {
  display: flex; align-items: center; gap: 40px;
  height: 92px;
}

/* Logo */
.logo { display: inline-flex; align-items: center; gap: 14px; flex-shrink: 0; }
.logo__mark { width: 58px; height: 54px; }
.logo__divider { width: 1px; height: 46px; background: rgba(255,255,255,.35); }
.logo__text { display: flex; flex-direction: column; line-height: 1; }
.logo__name {
  font-family: var(--font-logo); font-weight: 400;
  font-size: 27px; letter-spacing: .06em; color: var(--white);
}
.logo__name b { font-weight: 400; color: var(--gold-light); }
.logo__sub {
  font-family: var(--font-logo); font-weight: 500;
  font-size: 9.5px; letter-spacing: .38em; color: rgba(255,255,255,.8);
  margin-top: 7px; text-align: center;
}

/* Menü */
.nav { margin-left: auto; }
.nav__list { display: flex; align-items: center; gap: 6px; }
.nav__list > li { position: relative; }
.nav__link {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 14px;
  font-size: 15px; font-weight: 600; color: var(--white);
  white-space: nowrap;
  transition: color .2s;
}
.nav__link:hover, .nav__link.is-active { color: var(--gold-light); }
.has-dropdown .ico { transition: transform .25s; }
.has-dropdown:hover .ico { transform: rotate(180deg); }

.dropdown {
  position: absolute; top: calc(100% + 18px); left: 8px;
  min-width: 250px;
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
  padding: 10px;
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: all .25s var(--ease);
}
.dropdown::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.has-dropdown:hover .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown a {
  display: block; padding: 10px 14px; border-radius: var(--radius);
  font-size: 14px; font-weight: 500; color: var(--ink);
  transition: background .2s, color .2s, padding .2s;
}
.dropdown a:hover { background: var(--bg-soft); color: var(--gold-dark); padding-left: 18px; }

.header__cta { height: 48px; padding: 0 30px; }
.nav__cta-mobile { display: none; }
.nav-toggle {
  display: none;
  width: 46px; height: 46px; margin-left: auto;
  border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius);
  background: transparent; color: var(--white); cursor: pointer;
  place-items: center;
}
.nav-toggle .ico { width: 24px; height: 24px; }

/* =========================================================
   HERO
   ========================================================= */
.hero {
  position: relative; overflow: hidden;
  background: var(--bg-soft);
  min-height: 740px;
  display: flex; align-items: center;
}
.hero__media {
  position: absolute; top: 0; right: 0; bottom: 0;
  width: 53%;
}
.hero__media img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: left center;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%);
          mask-image: linear-gradient(to right, transparent 0, #000 6%);
}
.hero__inner { position: relative; z-index: 2; }
.hero__content { max-width: 600px; padding: 80px 0; }
.hero__title {
  font-size: 58px; font-weight: 800; letter-spacing: -.03em; line-height: 1.12;
  margin: 18px 0 26px;
}
.hero__title .line { display: block; overflow: hidden; padding-bottom: .08em; margin-bottom: -.08em; }
.hero__title .line > span { display: inline-block; }
.hero__title .line--gold { color: var(--gold); }
.hero__title em { font-style: normal; color: var(--ink); }
.hero__text { font-size: 18px; line-height: 1.7; color: var(--text); max-width: 520px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
.hero__features { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 72px; }
.hero__features li {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 14px; font-weight: 500; color: var(--ink);
}
.hero__features li + li { padding-left: 28px; border-left: 1px solid #d4d8d6; }
.hero__feature-icon {
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid #c9cdcb; color: var(--ink);
}
.hero__feature-icon .ico { width: 16px; height: 16px; }
.hero__feature-icon--dark { position: relative; background: var(--green-900); border-color: var(--green-900); color: var(--white); }
.hero__feature-icon--dark::after {
  content: ""; position: absolute; inset: -1px; border-radius: 50%;
  border: 1px solid var(--green-900);
  animation: pulseRing 2.4s ease-out infinite;
}
.hero__media img { animation: kenburns 16s ease-in-out infinite alternate; translate: 0 var(--parallax, 0px); }

/* =========================================================
   UZMANLIK ALANLARI
   ========================================================= */
.services { background: var(--bg-soft); padding-top: 56px; padding-bottom: 50px; }
.services__head {
  display: flex; align-items: flex-end; gap: 40px;
  margin-bottom: 36px;
}
.services__head > div:first-child { flex: 1; }
.services__desc { max-width: 330px; font-size: 14.5px; color: var(--text); padding-bottom: 6px; }
.slider-nav { display: flex; gap: 14px; padding-bottom: 4px; }
.slider-btn {
  width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  background: transparent; border: 1px solid #cfd3d1; color: var(--muted);
  cursor: pointer; transition: all .2s;
}
.slider-btn--active, .slider-btn:hover { border-color: var(--ink); color: var(--ink); }
.slider-btn:hover { background: var(--green-900); color: var(--white); border-color: var(--green-900); }
.slider-btn:disabled { opacity: .4; cursor: default; }

.services__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 4 * 18px) / 5);
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 6px 4px 24px;
  margin: -6px -4px -24px;
}
.services__track::-webkit-scrollbar { display: none; }
.service-card {
  scroll-snap-align: start;
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 36px 22px 32px;
  display: flex; flex-direction: column;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.service-card { position: relative; overflow: hidden; }
.service-card::before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  transform: scaleX(0); transform-origin: left;
  transition: transform .45s var(--ease);
}
.service-card:hover::before { transform: scaleX(1); }
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.service-card:hover .service-card__icon { transform: translateY(-4px) rotate(-4deg); }
.service-card__icon {
  width: 56px; height: 56px; margin-bottom: 26px;
  fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
  transition: stroke .3s, transform .4s var(--ease);
}
.service-card:hover .service-card__icon { stroke: var(--gold); }
.service-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 14px; letter-spacing: -.01em; white-space: nowrap; }
.service-card p { font-size: 13.5px; line-height: 1.75; color: var(--muted); margin-bottom: 26px; }
.service-card .link-arrow { margin-top: auto; font-size: 13.5px; }

/* =========================================================
   İSTATİSTİKLER
   ========================================================= */
.stats {
  background: var(--green-950);
  background-image: radial-gradient(circle at 50% 50%, rgba(24,65,33,.45), transparent 35%);
  background-size: 200% 100%;
  animation: glowMove 14s ease-in-out infinite alternate;
  padding: 50px 0;
}
.js .stat__icon { stroke-dasharray: 260; stroke-dashoffset: 260; }
.stat.is-drawn .stat__icon { stroke-dashoffset: 0; transition: stroke-dashoffset 2.2s ease; }
.stat:hover .stat__icon { animation: hop .7s var(--ease); }
.stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.stat {
  display: flex; align-items: center; justify-content: center; gap: 22px;
  padding: 14px 20px;
}
.stat + .stat { border-left: 1px solid rgba(255,255,255,.14); }
.stat__icon {
  width: 58px; height: 58px;
  fill: none; stroke: var(--gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
.stat__num {
  display: block;
  font-size: 40px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em;
  color: var(--gold-light);
}
.stat span { display: block; font-size: 16px; font-weight: 500; color: var(--white); margin-top: 4px; }

/* =========================================================
   BLOG
   ========================================================= */
.blog { background: var(--bg-soft); padding-top: 60px; padding-bottom: 56px; }
.blog__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;
  margin-bottom: 36px;
}
.blog__head .link-arrow { padding-bottom: 8px; }
.blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.post-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.post-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.post-card__media { position: relative; display: block; aspect-ratio: 2.12 / 1; overflow: hidden; }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.post-card:hover .post-card__media img { transform: scale(1.06); }
.tag {
  position: absolute; left: 14px; bottom: 0;
  background: var(--green-700); color: var(--white);
  font-size: 10.5px; font-weight: 700; letter-spacing: .04em;
  padding: 5px 12px; border-radius: 4px 4px 0 0;
}
.post-card__body { padding: 26px 26px 0; display: flex; flex-direction: column; flex: 1; }
.post-card h3 { font-size: 20px; font-weight: 700; line-height: 1.35; margin-bottom: 16px; }
.post-card h3 a { transition: color .2s; }
.post-card h3 a:hover { color: var(--gold-dark); }
.post-card p { font-size: 14px; line-height: 1.75; color: var(--muted); margin-bottom: 26px; }
.post-card__foot {
  margin-top: auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 0 24px;
  border-top: 1px solid var(--line);
}
.post-card time { font-size: 13px; color: var(--muted); }
.post-card .link-arrow { font-size: 13.5px; }

/* =========================================================
   HESAPLAMA ARAÇLARI
   ========================================================= */
.tools-section { background: var(--bg-soft); padding-bottom: 40px; }
.tools {
  display: grid; grid-template-columns: 0.82fr 1.5fr; gap: 56px; align-items: center;
  background: var(--bg-box);
  border-radius: var(--radius-lg);
  padding: 34px 34px 34px 56px;
}
.tools__intro .section-title { margin-bottom: 18px; }
.tools__intro p { font-size: 14.5px; line-height: 1.75; color: var(--text); margin-bottom: 30px; max-width: 360px; }
.tools__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.tool-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  min-height: 136px;
  padding: 22px 16px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  text-align: center;
  font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.4;
  border: 1px solid transparent;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
}
.tool-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(168,137,79,.35); }
.tool-card__icon {
  width: 42px; height: 42px;
  fill: none; stroke: var(--ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
  transition: stroke .3s;
}
.tool-card:hover .tool-card__icon { stroke: var(--gold); animation: hop .6s var(--ease); }
.post-card .tag { transition: padding .3s var(--ease), background .3s; }
.post-card:hover .tag { background: var(--gold); padding-left: 16px; padding-right: 16px; }

/* =========================================================
   BÜLTEN
   ========================================================= */
.newsletter-section { background: var(--bg-soft); padding-bottom: 32px; }
.newsletter {
  display: flex; align-items: center; gap: 36px;
  background: var(--green-950);
  background-image: radial-gradient(circle at 50% 50%, rgba(24,65,33,.5), transparent 30%);
  background-size: 200% 100%;
  animation: glowMove 12s ease-in-out infinite alternate;
  border-radius: var(--radius-lg);
  padding: 44px 56px;
}
.newsletter__icon {
  width: 64px; height: 64px; flex-shrink: 0;
  fill: none; stroke: var(--gold); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;
  animation: floaty 4s ease-in-out infinite;
}
.newsletter__text { flex: 1; }
.newsletter__text h2 { color: var(--white); font-size: 21px; font-weight: 700; margin-bottom: 10px; }
.newsletter__text p { color: rgba(255,255,255,.78); font-size: 14.5px; line-height: 1.7; max-width: 440px; }
.newsletter__form { display: flex; width: 100%; max-width: 520px; }
.newsletter__form input {
  flex: 1; min-width: 0;
  height: 58px; padding: 0 26px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12); border-right: 0;
  border-radius: var(--radius) 0 0 var(--radius);
  color: var(--white); outline: none;
  transition: border-color .2s;
}
.newsletter__form input::placeholder { color: rgba(255,255,255,.55); }
.newsletter__form input:focus { border-color: var(--gold); }
.newsletter__form .btn { height: 58px; border-radius: 0 var(--radius) var(--radius) 0; padding: 0 34px; }

/* =========================================================
   FOOTER
   ========================================================= */
.footer {
  background: var(--green-950);
  color: rgba(255,255,255,.78);
  padding-top: 52px;
}
.footer__grid {
  display: grid;
  grid-template-columns: 1.45fr .85fr 1fr 1fr 1.15fr;
  gap: 40px;
  padding-bottom: 50px;
}
.footer__brand p { font-size: 14px; line-height: 1.75; margin: 24px 0 26px; max-width: 290px; }
.footer__social { display: flex; gap: 12px; }
.footer__social a {
  width: 36px; height: 36px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.85);
  transition: all .2s;
}
.footer__social a .ico { width: 16px; height: 16px; }
.footer__social a:hover { background: var(--gold); border-color: var(--gold); color: var(--white); }
.footer h4 {
  color: var(--gold); font-size: 13px; font-weight: 700; letter-spacing: .04em;
  margin: 12px 0 22px;
}
.footer__col li + li { margin-top: 12px; }
.footer__col a { font-size: 14.5px; transition: color .2s, padding .2s; }
.footer__col a:hover { color: var(--gold-light); }
.footer__contact li { display: flex; gap: 14px; align-items: flex-start; font-size: 14.5px; line-height: 1.6; }
.footer__contact li + li { margin-top: 20px; }
.footer__contact .ico { color: var(--gold); width: 18px; height: 18px; margin-top: 3px; }
.footer__bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  text-align: center;
  padding: 24px 0;
  font-size: 13px; color: rgba(255,255,255,.7);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1240px) {
  .nav__link { padding: 10px 9px; font-size: 14.5px; }
  .header__inner { gap: 20px; }
  .header__cta { padding: 0 22px; }
  .hero__title { font-size: 50px; }
  .services__track { grid-auto-columns: calc((100% - 3 * 18px) / 4); }
  .footer__grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 1080px) {
  .topbar__info li:first-child { display: none; }

  .header__inner { height: 80px; }
  .header__cta { display: none; }
  .nav-toggle { display: grid; }
  .nav {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: min(360px, 88vw);
    background: var(--green-950);
    padding: 90px 24px 30px;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .35s var(--ease);
    z-index: 110;
  }
  .nav.is-open { transform: translateX(0); box-shadow: -20px 0 50px rgba(0,0,0,.3); }
  .nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .nav__list > li { border-bottom: 1px solid rgba(255,255,255,.08); }
  .nav__link { width: 100%; justify-content: space-between; padding: 16px 4px; font-size: 16px; }
  .dropdown {
    position: static; opacity: 1; visibility: visible; transform: none;
    background: transparent; box-shadow: none; padding: 0 0 10px 10px;
    display: none;
  }
  .has-dropdown.is-open .dropdown { display: block; }
  .has-dropdown:hover .ico { transform: none; }
  .has-dropdown.is-open .ico { transform: rotate(180deg); }
  .dropdown a { color: rgba(255,255,255,.75); }
  .dropdown a:hover { background: rgba(255,255,255,.05); color: var(--gold-light); }
  .nav__cta-mobile { display: flex; margin-top: 28px; width: 100%; }
  .nav-toggle.is-open { position: relative; z-index: 120; }
  body.nav-open::after {
    content: ""; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 105;
  }

  .hero { min-height: 0; flex-direction: column; align-items: stretch; }
  .hero__media { position: relative; width: 100%; height: 420px; order: -1; }   /* mobilde görsel üstte, metin altında */
  .hero__media img { -webkit-mask-image: none; mask-image: none; object-position: center; }
  .hero__content { max-width: 680px; padding: 40px 0 56px; }
  .hero__features { margin-top: 48px; }

  .services__head { flex-wrap: wrap; }
  .services__head > div:first-child { flex-basis: 100%; }
  .services__desc { flex: 1; max-width: none; }
  .services__track { grid-auto-columns: calc((100% - 2 * 18px) / 3); }

  .stats__grid { grid-template-columns: repeat(2, 1fr); row-gap: 20px; }
  .stat:nth-child(3) { border-left: 0; }
  .stat { justify-content: flex-start; padding-left: 40px; }

  .blog__grid { grid-template-columns: repeat(2, 1fr); }
  .tools { grid-template-columns: 1fr; padding: 40px; gap: 36px; }
  .tools__intro p { max-width: 520px; }

  .newsletter { flex-wrap: wrap; padding: 40px; }
  .newsletter__text { flex-basis: calc(100% - 100px); }
  .newsletter__form { max-width: none; }
}

@media (max-width: 768px) {
  .topbar__inner { justify-content: center; }
  .topbar__info { gap: 18px; }
  .topbar__right { display: none; }

  .section-title { font-size: 30px; }
  .section-title--sm { font-size: 27px; }
  .hero__title { font-size: 40px; }
  .hero__text { font-size: 16.5px; }
  .hero__media { height: 320px; }

  .services__track { grid-auto-columns: calc((100% - 18px) / 2); }
  .blog__grid { grid-template-columns: 1fr; }
  .tools__grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .container { padding: 0 16px; }
  .topbar__info li:nth-child(3) { display: none; }
  .header__inner { height: 72px; }
  .logo__mark { width: 46px; height: 43px; }
  .logo__divider { height: 38px; }
  .logo__name { font-size: 22px; }
  .logo__sub { font-size: 8px; }

  .hero__title { font-size: 34px; }
  .hero__actions .btn { flex: 1; padding: 0 18px; }
  .hero__features { flex-direction: column; gap: 14px; margin-top: 36px; }
  .hero__features li + li { padding-left: 0; border-left: 0; }
  .hero__media { height: 260px; }

  .services__head { gap: 18px; }
  .services__track { grid-auto-columns: 82%; }

  .stats__grid { grid-template-columns: 1fr; }
  .stat, .stat + .stat { border-left: 0; padding-left: 0; }
  .stat + .stat { border-top: 1px solid rgba(255,255,255,.1); padding-top: 26px; }
  .stats__grid { row-gap: 12px; }

  .tools { padding: 28px 20px; }
  .tool-card { min-height: 120px; font-size: 14px; }
  .newsletter { padding: 32px 22px; gap: 22px; }
  .newsletter__text { flex-basis: 100%; }
  .newsletter__form { flex-direction: column; gap: 12px; }
  .newsletter__form input { border-right: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); }
  .newsletter__form .btn { border-radius: var(--radius); }

  .footer__grid { grid-template-columns: 1fr; gap: 30px; }
}

/* =========================================================
   İÇ SAYFA BAŞLIĞI
   ========================================================= */
.page-hero {
  position: relative; overflow: hidden;
  background: var(--green-950);
  padding: 96px 0 104px;
  color: rgba(255,255,255,.78);
}
.page-hero::before {
  content: ""; position: absolute; top: 0; bottom: 0; right: -10%; width: 55%;
  background: linear-gradient(105deg, transparent 0 18%, rgba(24,65,33,.55) 18.1% 100%);
}
.page-hero::after {
  content: ""; position: absolute; top: -20%; bottom: -20%; right: 34%; width: 1px;
  background: linear-gradient(transparent, var(--gold), transparent);
  transform: rotate(18deg); opacity: .55;
}
.page-hero__mark {
  position: absolute; right: 8%; top: 50%; width: 340px; height: 320px;
  margin-top: -160px; opacity: .09;
  animation: floaty 7s ease-in-out infinite;
}
.page-hero__inner { position: relative; z-index: 2; }
.breadcrumb {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: 14px; margin-bottom: 22px;
}
.breadcrumb a { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.75); transition: color .2s; }
.breadcrumb a:hover { color: var(--gold-light); }
.breadcrumb .ico { width: 16px; height: 16px; }
.breadcrumb .ico--sm { color: var(--gold); width: 14px; height: 14px; }
.breadcrumb span { color: var(--gold-light); font-weight: 600; }
.page-hero__title { color: var(--white); font-size: 60px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.page-hero__title .line { display: block; overflow: hidden; padding-bottom: .08em; }
.page-hero__title .line > span { display: inline-block; }
.js .page-hero__title .line > span { animation: lineUp 1.1s var(--ease) .25s both; }
.page-hero__text { max-width: 560px; font-size: 17px; line-height: 1.7; margin-top: 18px; }

/* Ortak ortalı başlık */
.section-head--center { text-align: center; max-width: 660px; margin: 0 auto 56px; }
.section-head--center p { margin-top: 16px; color: var(--muted); font-size: 15.5px; }

/* =========================================================
   HAKKIMIZDA
   ========================================================= */
.about-intro { padding: 100px 0; }
.about-intro__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.about-intro__media { position: relative; height: 560px; }
.about-intro__img { position: absolute; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-hover); }
.about-intro__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.about-intro__img:hover img { transform: scale(1.05); }
.about-intro__img--main { top: 0; left: 0; width: 78%; height: 440px; }
.about-intro__img--sub { right: 0; bottom: 0; width: 54%; height: 260px; border: 8px solid var(--white); }
.exp-badge {
  position: absolute; left: 28px; bottom: 40px; z-index: 2;
  display: flex; align-items: center; gap: 14px;
  background: var(--gold); color: var(--white);
  padding: 20px 26px; border-radius: var(--radius-lg);
  box-shadow: 0 16px 40px rgba(140,111,60,.35);
  animation: floaty 5s ease-in-out infinite;
}
.exp-badge .stat__num { color: var(--white); font-size: 46px; }
.exp-badge span { font-size: 14px; font-weight: 600; line-height: 1.3; }
.about-intro__dots {
  position: absolute; top: -26px; right: 4%; width: 130px; height: 130px; z-index: -1;
  background-image: radial-gradient(var(--gold) 1.6px, transparent 1.7px);
  background-size: 16px 16px; opacity: .45;
}
.about-intro__content .section-title { margin-bottom: 22px; }
.about-intro__content p { font-size: 15.5px; line-height: 1.8; color: var(--muted); }
.about-intro__content .lead { font-size: 18px; font-weight: 500; color: var(--ink); line-height: 1.7; margin-bottom: 16px; }
.check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; margin: 30px 0 38px; }
.check-list li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--ink); }
.check-list .ico {
  width: 24px; height: 24px; padding: 5px; border-radius: 50%;
  background: rgba(168,137,79,.14); color: var(--gold-dark); stroke-width: 2.6;
}
.about-intro__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 32px; }
.call-box { display: inline-flex; align-items: center; gap: 14px; }
.call-box__icon {
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid var(--gold); color: var(--gold);
  transition: background .25s, color .25s;
}
.call-box:hover .call-box__icon { background: var(--gold); color: var(--white); }
.call-box small { display: block; font-size: 13px; color: var(--muted); }
.call-box strong { display: block; font-size: 18px; color: var(--ink); }

/* Misyon / Vizyon / Değerler */
.mvv { background: var(--bg-soft); padding: 96px 0; }
.mvv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.mvv-card {
  position: relative; overflow: hidden;
  background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow);
  padding: 44px 36px 40px;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.mvv-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.mvv-card__num {
  position: absolute; top: 22px; right: 30px;
  font-size: 64px; font-weight: 800; line-height: 1;
  color: transparent; -webkit-text-stroke: 1px #dfe2e0;
  transition: -webkit-text-stroke-color .3s;
}
.mvv-card:hover .mvv-card__num { -webkit-text-stroke-color: var(--gold); }
.mvv-card__icon {
  width: 66px; height: 66px; border-radius: 14px;
  display: grid; place-items: center;
  background: rgba(168,137,79,.12); color: var(--gold-dark);
  margin-bottom: 28px;
  transition: transform .4s var(--ease);
}
.mvv-card:hover .mvv-card__icon { transform: rotate(-8deg) scale(1.05); }
.mvv-card__icon svg, .why-item__icon svg, .step__icon svg {
  width: 30px; height: 30px;
  fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.mvv-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 14px; }
.mvv-card p { font-size: 15px; line-height: 1.8; color: var(--muted); }
.mvv-card--dark { background: var(--green-950); }
.mvv-card--dark h3 { color: var(--white); }
.mvv-card--dark p { color: rgba(255,255,255,.72); }
.mvv-card--dark .mvv-card__icon { background: var(--gold); color: var(--white); }
.mvv-card--dark .mvv-card__num { -webkit-text-stroke-color: rgba(255,255,255,.16); }

/* Neden biz */
.why { padding: 100px 0; }
.why__grid { display: grid; grid-template-columns: .9fr 1.4fr; gap: 70px; align-items: center; }
.why__intro p { font-size: 15.5px; line-height: 1.8; color: var(--muted); margin: 20px 0 34px; }
.why__list { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.why-item {
  display: flex; gap: 18px; align-items: flex-start;
  padding: 28px 26px;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  transition: border-color .3s, box-shadow .3s, transform .3s var(--ease);
}
.why-item:hover { border-color: rgba(168,137,79,.5); box-shadow: var(--shadow-hover); transform: translateY(-4px); }
.why-item__icon {
  flex-shrink: 0; width: 54px; height: 54px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--green-950); color: var(--gold-light);
  transition: background .3s, color .3s;
}
.why-item__icon svg { width: 24px; height: 24px; }
.why-item:hover .why-item__icon { background: var(--gold); color: var(--white); }
.why-item h3 { font-size: 17.5px; font-weight: 700; margin-bottom: 8px; }
.why-item p { font-size: 14px; line-height: 1.7; color: var(--muted); }

/* Çalışma süreci */
.process { background: var(--bg-soft); padding: 96px 0; }
.process__steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; list-style: none; margin: 0; padding: 0; }
.process__steps::before {
  content: ""; position: absolute; top: 46px; left: 12.5%; right: 12.5%;
  border-top: 2px dashed #cfd3d1;
}
.step { position: relative; text-align: center; padding: 0 10px; }
.step__icon {
  position: relative; width: 92px; height: 92px; margin: 0 auto 26px;
  display: grid; place-items: center; border-radius: 50%;
  background: var(--white); color: var(--ink);
  box-shadow: var(--shadow);
  transition: background .3s, color .3s, transform .3s var(--ease);
}
.step__icon svg { width: 34px; height: 34px; }
.step__icon b {
  position: absolute; top: 0; right: 0;
  width: 28px; height: 28px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--gold); color: var(--white); font-size: 13px;
}
.step:hover .step__icon { background: var(--green-950); color: var(--gold-light); transform: translateY(-6px); }
.step h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; }
.step p { font-size: 14.5px; line-height: 1.7; color: var(--muted); max-width: 250px; margin: 0 auto; }

/* Ekip */
.team { padding: 96px 0; }
.team__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.member { text-align: center; }
.member__photo {
  position: relative; overflow: hidden;
  aspect-ratio: 4 / 4.6; border-radius: var(--radius-lg);
  display: grid; place-items: center;
  background: linear-gradient(160deg, var(--green-800), var(--green-950));
}
.member__photo > span {
  font-family: var(--font-logo); font-weight: 300; font-size: 72px; letter-spacing: .06em;
  color: var(--gold-light); transition: transform .5s var(--ease);
}
.member:hover .member__photo > span { transform: scale(1.08); }
.member__social {
  position: absolute; left: 0; right: 0; bottom: 18px;
  display: flex; justify-content: center; gap: 10px;
  opacity: 0; transform: translateY(20px);
  transition: opacity .35s, transform .35s var(--ease);
}
.member:hover .member__social { opacity: 1; transform: none; }
.member__social a {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--white); color: var(--ink);
  transition: background .2s, color .2s;
}
.member__social a:hover { background: var(--gold); color: var(--white); }
.member__social .ico { width: 16px; height: 16px; }
.member h3 { font-size: 19px; font-weight: 700; margin-top: 20px; }
.member p { font-size: 14px; font-weight: 600; color: var(--gold); margin-top: 4px; }

/* CTA */
.cta-section { background: var(--bg-soft); padding: 80px 0 40px; }
.cta {
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
  padding: 52px 56px; border-radius: var(--radius-lg);
  background: linear-gradient(120deg, var(--gold-dark), var(--gold-light));
}
.cta::after {
  content: ""; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px;
  border-radius: 50%; border: 40px solid rgba(255,255,255,.08);
}
.cta h2 { color: var(--white); font-size: 32px; font-weight: 800; letter-spacing: -.02em; }
.cta p { color: rgba(255,255,255,.88); margin-top: 8px; font-size: 15.5px; }
.cta__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 14px; }
.btn--ghost { background: transparent; color: var(--white); border-color: rgba(255,255,255,.6); }
.btn--ghost:hover { background: var(--white); color: var(--ink); }

@media (max-width: 1080px) {
  .page-hero { padding: 72px 0 80px; }
  .page-hero__title { font-size: 48px; }
  .page-hero__mark { width: 240px; height: 226px; margin-top: -113px; right: 4%; }
  .about-intro { padding: 72px 0; }
  .about-intro__grid { grid-template-columns: 1fr; gap: 56px; }
  .about-intro__media { max-width: 640px; }
  .mvv__grid { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; }
  .why__grid { grid-template-columns: 1fr; gap: 44px; }
  .process__steps { grid-template-columns: repeat(2, 1fr); row-gap: 48px; }
  .process__steps::before { display: none; }
  .team__grid { grid-template-columns: repeat(2, 1fr); }
  .cta { flex-direction: column; align-items: flex-start; padding: 44px 40px; }
}
@media (max-width: 768px) {
  .mvv, .why, .process, .team { padding: 72px 0; }
  .why__list { grid-template-columns: 1fr; }
  .cta h2 { font-size: 26px; }
}
@media (max-width: 560px) {
  .page-hero__title { font-size: 38px; }
  .page-hero__text { font-size: 15.5px; }
  .page-hero__mark { opacity: .06; }
  .about-intro__media { height: 420px; }
  .about-intro__img--main { width: 88%; height: 320px; }
  .about-intro__img--sub { width: 62%; height: 180px; }
  .exp-badge { left: 12px; bottom: 24px; padding: 14px 18px; }
  .exp-badge .stat__num { font-size: 34px; }
  .check-list { grid-template-columns: 1fr; }
  .process__steps { grid-template-columns: 1fr; }
  .team__grid { grid-template-columns: 1fr 1fr; gap: 18px; }
  .member__photo > span { font-size: 48px; }
  .member__social { opacity: 1; transform: none; }
  .cta { padding: 34px 24px; }
  .cta__actions, .cta__actions .btn { width: 100%; }
}

/* =========================================================
   İLETİŞİM
   ========================================================= */
.contact-cards-section { position: relative; z-index: 3; margin-top: -56px; }
.contact-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.contact-card {
  position: relative; overflow: hidden;
  background: var(--white); border-radius: var(--radius-lg);
  box-shadow: 0 14px 40px rgba(10,30,20,.10);
  padding: 32px 28px;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.contact-card::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease);
}
.contact-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.contact-card:hover::after { transform: scaleX(1); }
.contact-card__icon {
  width: 56px; height: 56px; border-radius: 50%;
  display: grid; place-items: center; margin-bottom: 20px;
  background: var(--green-950); color: var(--gold-light);
  transition: background .3s, color .3s, transform .4s var(--ease);
}
.contact-card__icon .ico { width: 24px; height: 24px; stroke-width: 1.6; }
.contact-card:hover .contact-card__icon { background: var(--gold); color: var(--white); transform: rotate(-8deg); }
.contact-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.contact-card p { font-size: 14.5px; line-height: 1.7; color: var(--muted); }

.contact { padding: 90px 0 100px; }
.contact__grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 50px; align-items: start; }
.contact-form-wrap__text { color: var(--muted); font-size: 15.5px; margin: 14px 0 34px; }

/* Form */
.contact-form { display: grid; gap: 22px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.field label { display: block; font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.field label i { font-style: normal; color: var(--gold); }
.field__control { position: relative; }
.field__control > .ico {
  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; color: #9aa29f; pointer-events: none;
  transition: color .2s;
}
.field input, .field select, .field textarea {
  width: 100%; height: 56px;
  padding: 0 18px 0 50px;
  background: var(--bg-soft);
  border: 1px solid var(--line); border-radius: var(--radius);
  color: var(--ink); font-size: 15px;
  outline: none; appearance: none; -webkit-appearance: none;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.field textarea { height: auto; min-height: 150px; padding: 16px 18px; resize: vertical; line-height: 1.6; }
.field select { cursor: pointer; padding-right: 44px; }
.field select:invalid { color: #8a928f; }
.field__control > .field__chevron { left: auto; right: 18px; color: var(--muted); }
.field input::placeholder, .field textarea::placeholder { color: #8a928f; }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: var(--gold); background: var(--white);
  box-shadow: 0 0 0 4px rgba(168,137,79,.12);
}
.field__control:focus-within > .ico { color: var(--gold); }
.field__error { display: none; margin-top: 6px; font-size: 13px; color: #b3412f; }
.field.is-invalid input, .field.is-invalid select, .field.is-invalid textarea { border-color: #c9533f; background: #fdf6f4; }
.field.is-invalid .field__error { display: block; }

.field .checkbox { display: flex; margin-bottom: 0; }
.checkbox { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 14px; line-height: 1.6; color: var(--muted); font-weight: 400 !important; }
.checkbox input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.checkbox__box {
  flex-shrink: 0; width: 22px; height: 22px; margin-top: 1px;
  display: grid; place-items: center;
  border: 1px solid #c5cac8; border-radius: 5px; background: var(--white);
  transition: background .2s, border-color .2s;
}
.checkbox__box .ico { width: 14px; height: 14px; color: var(--white); stroke-width: 3; opacity: 0; transform: scale(.5); transition: all .2s var(--ease); }
.checkbox input:checked + .checkbox__box { background: var(--green-900); border-color: var(--green-900); }
.checkbox input:checked + .checkbox__box .ico { opacity: 1; transform: none; }
.checkbox input:focus-visible + .checkbox__box { box-shadow: 0 0 0 4px rgba(168,137,79,.2); }
.checkbox a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.field--check.is-invalid .checkbox__box { border-color: #c9533f; }

.contact-form__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 6px; }
.contact-form__foot .btn { height: 56px; padding: 0 34px; }
.btn.is-loading { pointer-events: none; opacity: .75; }
.form-success {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 14.5px; font-weight: 600; color: var(--green-700);
  animation: lineUp .5s var(--ease) both;
}
.form-success[hidden] { display: none; }
.form-success .ico { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: var(--green-700); color: var(--white); stroke-width: 3; }

/* Yan kart */
.contact-aside { position: sticky; top: 120px; }
.contact-aside__card {
  position: relative; overflow: hidden;
  background: var(--green-950);
  background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.22), transparent 45%);
  border-radius: var(--radius-lg);
  padding: 44px 38px;
  color: rgba(255,255,255,.75);
}
.contact-aside__badge {
  display: inline-block; padding: 6px 12px; border-radius: 4px;
  background: rgba(168,137,79,.18); color: var(--gold-light);
  font-size: 11.5px; font-weight: 700; letter-spacing: .06em;
}
.contact-aside h3 { color: var(--white); font-size: 25px; font-weight: 800; line-height: 1.3; margin: 18px 0 14px; }
.contact-aside p { font-size: 14.5px; line-height: 1.75; }
.contact-aside__phone { display: flex; align-items: center; gap: 14px; margin: 28px 0; }
.contact-aside__phone small { display: block; font-size: 13px; color: rgba(255,255,255,.6); }
.contact-aside__phone strong { display: block; font-size: 21px; color: var(--white); }
.contact-aside__phone:hover .call-box__icon { background: var(--gold); color: var(--white); }
.hours { border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; }
.hours li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; font-size: 14.5px; border-bottom: 1px dashed rgba(255,255,255,.1); }
.hours b { color: var(--white); font-weight: 600; }
.hours b.is-closed { color: var(--gold-light); }
.contact-aside__social { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 26px; font-size: 14px; }

/* Harita */
.map-section { padding-bottom: 100px; }
.map {
  position: relative; height: 460px; overflow: hidden;
  border-radius: var(--radius-lg); background: var(--bg-box);
}
.map iframe {
  width: 100%; height: 100%; border: 0; display: block;
  filter: grayscale(1) contrast(1.05) brightness(.98);
  transition: filter .5s;
}
.map:hover iframe { filter: none; }
.map__card {
  position: absolute; left: 32px; bottom: 32px;
  display: flex; align-items: center; gap: 18px;
  max-width: calc(100% - 64px);
  background: var(--green-950); color: rgba(255,255,255,.75);
  padding: 18px 18px 18px 22px; border-radius: var(--radius-lg);
  box-shadow: 0 20px 50px rgba(0,0,0,.3);
}
.map__card .logo__mark { width: 44px; height: 41px; flex-shrink: 0; }
.map__card strong { display: block; color: var(--white); font-size: 16px; }
.map__card span { font-size: 13.5px; }
.map__card .btn { height: 46px; padding: 0 20px; margin-left: 10px; }

/* SSS */
.faq { background: var(--bg-soft); padding: 96px 0; }
.faq__grid { display: grid; grid-template-columns: .8fr 1.4fr; gap: 70px; align-items: start; }
.faq__intro p { font-size: 15.5px; line-height: 1.8; color: var(--muted); margin-top: 20px; }
.faq__list { display: grid; gap: 14px; }
.faq-item {
  background: var(--white); border-radius: var(--radius-lg);
  border: 1px solid transparent;
  transition: border-color .3s, box-shadow .3s;
}
.faq-item[open] { border-color: rgba(168,137,79,.35); box-shadow: var(--shadow); }
.faq-item summary {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 22px 26px; cursor: pointer; list-style: none;
  font-size: 16.5px; font-weight: 700; color: var(--ink);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item__icon {
  flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--bg-soft); color: var(--ink);
  transition: transform .35s var(--ease), background .3s, color .3s;
}
.faq-item__icon .ico { width: 16px; height: 16px; }
.faq-item[open] .faq-item__icon { transform: rotate(45deg); background: var(--gold); color: var(--white); }
.faq-item__body { padding: 0 26px 24px; }
.faq-item__body p { font-size: 15px; line-height: 1.8; color: var(--muted); }
.faq-item[open] .faq-item__body { animation: faqIn .4s var(--ease); }
@keyframes faqIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

@media (max-width: 1080px) {
  .contact-cards { grid-template-columns: repeat(2, 1fr); }
  .contact__grid { grid-template-columns: 1fr; }
  .contact-aside { position: static; }
  .faq__grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 768px) {
  .form-row { grid-template-columns: 1fr; }
  .map { height: 420px; }
  .map__card { flex-wrap: wrap; left: 16px; right: 16px; bottom: 16px; max-width: none; }
  .map__card .btn { margin-left: 0; width: 100%; }
  .contact, .faq { padding: 72px 0; }
  .map-section { padding-bottom: 72px; }
}
@media (max-width: 560px) {
  .contact-cards { grid-template-columns: 1fr; }
  .contact-aside__card { padding: 34px 24px; }
  .contact-form__foot .btn { width: 100%; }
  .faq-item summary { padding: 18px 20px; font-size: 15.5px; }
  .faq-item__body { padding: 0 20px 20px; }
}

/* =========================================================
   PAKETLER
   ========================================================= */
.page-hero--center { text-align: center; padding-bottom: 150px; }
.page-hero--center .breadcrumb { justify-content: center; }
.page-hero--center .page-hero__text { margin-left: auto; margin-right: auto; }
.page-hero--center .page-hero__mark { right: auto; left: 50%; margin-left: -170px; opacity: .05; }
.text-link { color: var(--gold-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.pricing { padding-top: 0; padding-bottom: 90px; background: var(--bg-soft); }
.billing-toggle {
  position: relative; z-index: 3;
  display: flex; width: max-content; margin: -28px auto 56px;
  padding: 6px; border-radius: 999px;
  background: var(--white); box-shadow: 0 14px 40px rgba(10,30,20,.12);
}
.billing-toggle__btn {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; gap: 10px;
  height: 44px; padding: 0 26px; border: 0; border-radius: 999px;
  background: transparent; color: var(--ink);
  font-size: 15px; font-weight: 600; cursor: pointer;
  transition: color .3s;
}
.billing-toggle__btn.is-active { color: var(--white); }
.billing-toggle__save {
  padding: 3px 8px; border-radius: 999px;
  background: rgba(168,137,79,.16); color: var(--gold-dark);
  font-size: 11.5px; font-weight: 700;
  transition: background .3s, color .3s;
}
.billing-toggle__btn.is-active .billing-toggle__save { background: var(--gold); color: var(--white); }
.billing-toggle__pill {
  position: absolute; top: 6px; bottom: 6px; left: 0;
  border-radius: 999px; background: var(--green-950);
  transition: transform .45s var(--ease), width .45s var(--ease);
}

.pricing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; align-items: stretch; }
.plan {
  position: relative;
  display: flex; flex-direction: column;
  background: var(--white); border-radius: 14px;
  border: 1px solid var(--line);
  padding: 40px 34px 36px;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s;
}
.plan:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: rgba(168,137,79,.4); }
.plan__icon {
  width: 58px; height: 58px; border-radius: 14px;
  display: grid; place-items: center; margin-bottom: 22px;
  background: rgba(168,137,79,.12); color: var(--gold-dark);
}
.plan__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.plan__name { font-size: 24px; font-weight: 800; }
.plan__desc { font-size: 14.5px; line-height: 1.7; color: var(--muted); margin-top: 10px; min-height: 50px; }
.plan__price { display: flex; align-items: flex-start; gap: 4px; margin-top: 28px; color: var(--ink); }
.plan__currency { font-size: 24px; font-weight: 700; margin-top: 8px; }
.plan__amount { font-size: 56px; font-weight: 800; line-height: 1; letter-spacing: -.03em; display: inline-block; }
.plan__amount.is-switching { animation: priceSwap .45s var(--ease); }
@keyframes priceSwap { 0% { opacity: 0; transform: translateY(14px); } 100% { opacity: 1; transform: none; } }
.plan__period { align-self: flex-end; font-size: 15px; color: var(--muted); margin-bottom: 8px; margin-left: 4px; }
.plan__billed { font-size: 13px; color: var(--muted); margin-top: 8px; min-height: 20px; }
.plan__btn { width: 100%; margin: 26px 0 30px; }
.plan__features { display: grid; gap: 14px; padding-top: 28px; border-top: 1px solid var(--line); }
.plan__features li { display: flex; align-items: center; gap: 12px; font-size: 14.5px; color: var(--ink); }
.plan__features .ico {
  width: 22px; height: 22px; padding: 4px; border-radius: 50%;
  background: rgba(24,65,33,.1); color: var(--green-700); stroke-width: 2.8;
}
.plan__features li.is-off { color: #9aa29f; text-decoration: line-through; text-decoration-color: rgba(0,0,0,.15); }
.plan__features li.is-off .ico { background: #f0f1f0; color: #a9b0ad; }

.plan--featured {
  background: var(--green-950);
  background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.25), transparent 50%);
  border-color: var(--green-950);
  transform: translateY(-16px);
  box-shadow: 0 30px 60px rgba(1,21,12,.28);
}
.plan--featured:hover { transform: translateY(-24px); border-color: var(--gold); box-shadow: 0 36px 70px rgba(1,21,12,.34); }
.plan--featured .plan__name, .plan--featured .plan__price { color: var(--white); }
.plan--featured .plan__desc, .plan--featured .plan__period, .plan--featured .plan__billed { color: rgba(255,255,255,.65); }
.plan--featured .plan__icon { background: var(--gold); color: var(--white); }
.plan--featured .plan__features { border-top-color: rgba(255,255,255,.12); }
.plan--featured .plan__features li { color: rgba(255,255,255,.9); }
.plan--featured .plan__features .ico { background: rgba(168,137,79,.25); color: var(--gold-light); }
.plan__ribbon {
  position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);
  padding: 8px 18px; border-radius: 999px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  color: var(--white); font-size: 11.5px; font-weight: 800; letter-spacing: .06em; white-space: nowrap;
  box-shadow: 0 8px 20px rgba(140,111,60,.35);
}

.pricing__trust { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px 40px; margin-top: 56px; }
.pricing__trust li { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--ink); }
.pricing__trust .ico { color: var(--gold); width: 20px; height: 20px; }

/* Karşılaştırma tablosu */
.compare { padding: 96px 0; }
.compare__wrap { overflow-x: auto; border-radius: 14px; border: 1px solid var(--line); background: var(--white); }
.compare__table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 14.5px; }
.compare__table th, .compare__table td { padding: 17px 24px; text-align: center; border-bottom: 1px solid var(--line); }
.compare__table tbody th { text-align: left; font-weight: 500; color: var(--ink); }
.compare__table td { color: var(--text); font-weight: 600; }
.compare__table thead th {
  position: sticky; top: 0;
  padding: 26px 24px; background: var(--white);
  font-size: 17px; font-weight: 800; color: var(--ink);
}
.compare__table thead th:first-child { text-align: left; font-size: 14px; font-weight: 700; color: var(--muted); letter-spacing: .02em; }
.compare__table .is-featured { background: rgba(168,137,79,.07); }
.compare__table thead th.is-featured { background: var(--green-950); color: var(--gold-light); }
.compare__group th {
  text-align: left !important;
  background: var(--bg-soft); color: var(--gold-dark) !important;
  font-size: 12.5px; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase;
  padding: 13px 24px !important;
}
.compare__table tbody tr:not(.compare__group) { transition: background .2s; }
.compare__table tbody tr:not(.compare__group):hover { background: #fbfbfa; }
.compare__table .ico { width: 22px; height: 22px; padding: 4px; border-radius: 50%; stroke-width: 2.8; vertical-align: middle; }
.compare__table .ico.yes { background: rgba(24,65,33,.1); color: var(--green-700); }
.compare__table .ico.no { background: #f3f4f3; color: #b1b7b4; }
.compare__table tfoot td, .compare__table tfoot th { border-bottom: 0; padding: 24px; }
.compare__table tfoot .btn { width: 100%; height: 46px; }

@media (max-width: 1080px) {
  .pricing__grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; gap: 40px; }
  .plan--featured, .plan--featured:hover { transform: none; }
  .plan__desc { min-height: 0; }
}
@media (max-width: 560px) {
  .page-hero--center { padding-bottom: 120px; }
  .billing-toggle__btn { padding: 0 16px; font-size: 14px; }
  .plan { padding: 36px 24px 30px; }
  .plan__amount { font-size: 48px; }
  .compare { padding: 72px 0; }
  .compare__table th, .compare__table td { padding: 14px 16px; }
}

/* =========================================================
   HESAPLAMA ARAÇLARI
   ========================================================= */
.page-hero--tool { padding-bottom: 150px; }
.tool-section { position: relative; z-index: 3; margin-top: -90px; padding-bottom: 30px; }
.calc { display: grid; grid-template-columns: 1.45fr 1fr; gap: 28px; align-items: start; }

.calc-card {
  background: var(--white); border-radius: 14px;
  box-shadow: 0 20px 50px rgba(10,30,20,.10);
  padding: 38px 40px 36px;
  display: grid; gap: 22px;
}
.calc-card__head { display: flex; align-items: center; gap: 18px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.calc-card__icon {
  flex-shrink: 0; width: 62px; height: 62px; border-radius: 14px;
  display: grid; place-items: center;
  background: var(--green-950); color: var(--gold-light);
}
.calc-card__icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.calc-card__head h2 { font-size: 22px; font-weight: 800; }
.calc-card__head p { font-size: 14px; color: var(--muted); margin-top: 4px; }
.calc-card__foot { display: flex; flex-wrap: wrap; gap: 14px; padding-top: 6px; }
.calc-card__foot .btn--dark { flex: 1; min-width: 200px; }

.field__label { display: block; font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 10px; }
.field__hint { display: flex; gap: 8px; align-items: flex-start; margin-top: 8px; font-size: 13px; line-height: 1.6; color: var(--muted); }
p.field__hint { margin-top: -6px; }
.field__hint .ico { width: 16px; height: 16px; color: var(--gold); margin-top: 2px; }
.field__control--money input, .field__control--plain select { padding-left: 18px; }
.field__control--money input { padding-right: 70px; font-size: 17px; font-weight: 600; }
.field__suffix {
  position: absolute; right: 8px; top: 8px; bottom: 8px;
  min-width: 44px; padding: 0 12px; border-radius: 4px;
  display: grid; place-items: center;
  background: var(--white); border: 1px solid var(--line);
  font-size: 13.5px; font-weight: 700; color: var(--muted);
  pointer-events: none;
}
.field input[type="number"]::-webkit-inner-spin-button { opacity: .4; }

/* Segment seçici */
.segmented {
  position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
  padding: 5px; border-radius: 10px; background: var(--bg-soft); border: 1px solid var(--line);
}
.segmented__item { position: relative; cursor: pointer; }
.segmented__item input { position: absolute; opacity: 0; pointer-events: none; }
.segmented__item span {
  display: flex; align-items: center; justify-content: center; text-align: center;
  height: 46px; padding: 0 12px; border-radius: 7px;
  font-size: 14.5px; font-weight: 600; color: var(--muted);
  transition: background .3s var(--ease), color .3s, box-shadow .3s;
}
.segmented__item:hover span { color: var(--ink); }
.segmented__item input:checked + span { background: var(--green-950); color: var(--white); box-shadow: 0 6px 16px rgba(1,21,12,.2); }
.segmented__item input:focus-visible + span { box-shadow: 0 0 0 3px rgba(168,137,79,.4); }

/* Oran çipleri */
.chips { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.chip { cursor: pointer; }
.chip input { position: absolute; opacity: 0; pointer-events: none; }
.chip span {
  display: grid; place-items: center;
  min-width: 74px; height: 48px; padding: 0 18px; border-radius: 8px;
  border: 1px solid var(--line); background: var(--white);
  font-size: 15px; font-weight: 700; color: var(--ink);
  transition: all .25s var(--ease);
}
.chip:hover span { border-color: var(--gold); }
.chip input:checked + span { background: var(--gold); border-color: var(--gold); color: var(--white); transform: translateY(-2px); box-shadow: 0 8px 18px rgba(168,137,79,.3); }
.chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(168,137,79,.35); }
.chip-custom { position: relative; animation: lineUp .35s var(--ease); }
.chip-custom[hidden] { display: none; }
.chip-custom input {
  width: 110px; height: 48px; padding: 0 34px 0 16px;
  border: 1px solid var(--gold); border-radius: 8px; outline: none;
  font-size: 15px; font-weight: 700; color: var(--ink);
}
.chip-custom span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-weight: 700; color: var(--muted); }

/* Adım seçici */
.stepper { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--bg-soft); }
.stepper button {
  width: 48px; height: 48px; border: 0; background: transparent; cursor: pointer;
  font-size: 20px; color: var(--ink); transition: background .2s, color .2s;
}
.stepper button:hover { background: var(--green-950); color: var(--white); }
.stepper input {
  width: 64px; height: 48px; border: 0; border-left: 1px solid var(--line); border-right: 1px solid var(--line);
  text-align: center; font-size: 16px; font-weight: 700; color: var(--ink); background: var(--white);
  -moz-appearance: textfield; outline: none;
}
.stepper input::-webkit-inner-spin-button, .stepper input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Dilim tablosu */
.brackets__table { width: 100%; border-collapse: collapse; font-size: 14px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.brackets__table th { background: var(--bg-soft); text-align: left; padding: 11px 14px; font-size: 12.5px; color: var(--muted); font-weight: 700; letter-spacing: .02em; }
.brackets__table td { padding: 11px 14px; border-top: 1px solid var(--line); color: #a3aaa7; transition: color .3s, background .3s; }
.brackets__table th:last-child, .brackets__table td:last-child { text-align: right; }
.brackets__table tr.is-used td { color: var(--ink); font-weight: 600; }
.brackets__table tr.is-used td:last-child { color: var(--gold-dark); }

/* Sonuç kartı */
.calc-result {
  position: sticky; top: 120px;
  border-radius: 14px; overflow: hidden;
  background: var(--green-950);
  background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.28), transparent 50%);
  padding: 36px 34px 30px;
  color: rgba(255,255,255,.72);
  box-shadow: 0 30px 60px rgba(1,21,12,.25);
}
.calc-result::before {
  content: ""; position: absolute; right: -50px; bottom: -50px; width: 200px; height: 200px;
  border-radius: 50%; border: 30px solid rgba(255,255,255,.03);
}
.calc-result__label { display: block; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--gold-light); text-transform: uppercase; }
.calc-result__main {
  display: block; margin: 10px 0 26px;
  font-size: 46px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: var(--white);
  word-break: break-word; font-variant-numeric: tabular-nums;
}
.calc-result__main small { font-size: 24px; font-weight: 700; color: var(--gold-light); }
.calc-result.is-pulse .calc-result__main { animation: resultPulse .6s var(--ease); }
@keyframes resultPulse { 0% { transform: scale(.96); opacity: .6; } 60% { transform: scale(1.02); } 100% { transform: none; opacity: 1; } }
.calc-result__rows { position: relative; border-top: 1px solid rgba(255,255,255,.1); }
.calc-result__rows li {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px 0; border-bottom: 1px dashed rgba(255,255,255,.1);
  font-size: 14.5px;
}
.calc-result__rows b { color: var(--white); font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.calc-result__rows li.is-accent b { color: var(--gold-light); }
.calc-result__rows li.is-total { border-bottom: 0; margin-top: 8px; padding: 16px 18px; border-radius: 8px; background: rgba(255,255,255,.06); }
.calc-result__rows li.is-total span { color: var(--white); font-weight: 600; }
.calc-result__rows li.is-total b { font-size: 17px; color: var(--gold-light); }
.calc-result__actions { position: relative; margin-top: 22px; }
.btn--sm { height: 44px; padding: 0 18px; font-size: 14px; width: 100%; }
.calc-result__note { position: relative; display: flex; gap: 10px; margin-top: 18px; font-size: 12.5px; line-height: 1.6; color: rgba(255,255,255,.55); }
.calc-result__note .ico { width: 16px; height: 16px; color: var(--gold); margin-top: 2px; }

/* Bordro tablosu */
.payroll { margin-top: 28px; background: var(--white); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; }
.payroll__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 28px; border-bottom: 1px solid var(--line); }
.payroll__head h3 { font-size: 19px; font-weight: 800; }
.payroll__head span { font-size: 13px; color: var(--muted); }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.payroll__table { width: 100%; min-width: 1000px; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.payroll__table th { background: var(--bg-soft); padding: 13px 14px; text-align: right; font-size: 12px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.payroll__table td { padding: 12px 14px; text-align: right; border-top: 1px solid var(--line); color: var(--text); white-space: nowrap; }
.payroll__table th:first-child, .payroll__table td:first-child { text-align: left; font-weight: 600; color: var(--ink); }
.payroll__table tbody tr:hover td { background: #fbfbf9; }
.payroll__table .is-net { color: var(--green-700); font-weight: 700; background: rgba(24,65,33,.05); }
.payroll__table thead .is-net { color: var(--green-700); }
.payroll__table tfoot td { background: var(--green-950); color: var(--white); font-weight: 700; border-top: 0; }
.payroll__table tfoot td:first-child { color: var(--gold-light); }
.payroll__table tfoot .is-net { background: var(--gold); color: var(--white); }

/* Bilgi içeriği */
.tool-info { padding: 80px 0 96px; }
.tool-info__grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 50px; align-items: start; }
.prose h2 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 18px; }
.prose h3 { font-size: 20px; font-weight: 700; margin: 36px 0 14px; }
.prose p { font-size: 15.5px; line-height: 1.85; color: var(--text); margin-bottom: 14px; }
.prose b { color: var(--ink); }
.formula {
  display: grid; gap: 1px; margin: 24px 0 8px;
  border-radius: 10px; overflow: hidden; background: var(--line); border: 1px solid var(--line);
}
.formula > div { display: flex; align-items: center; gap: 18px; padding: 16px 20px; background: var(--bg-soft); }
.formula span { flex-shrink: 0; min-width: 150px; font-size: 13px; font-weight: 700; color: var(--gold-dark); text-transform: uppercase; letter-spacing: .03em; }
.formula code { font-family: var(--font); font-size: 15px; font-weight: 600; color: var(--ink); }
.info-table { width: 100%; border-collapse: collapse; font-size: 14.5px; border: 1px solid var(--line); }
.info-table th { background: var(--green-950); color: var(--white); text-align: left; padding: 13px 18px; font-size: 13px; font-weight: 700; }
.info-table td { padding: 13px 18px; border-top: 1px solid var(--line); color: var(--text); }
.info-table tbody tr:nth-child(even) td { background: var(--bg-soft); }
.info-table b { color: var(--gold-dark); }
.prose__list { display: grid; gap: 12px; margin-top: 8px; }
.prose__list li { position: relative; padding-left: 26px; font-size: 15px; line-height: 1.75; color: var(--text); }
.prose__list li::before { content: ""; position: absolute; left: 4px; top: 10px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }

.tool-side { position: sticky; top: 120px; display: grid; gap: 22px; }
.tool-side__card { background: var(--bg-soft); border-radius: 14px; padding: 28px 24px; }
.tool-side__card h3 { font-size: 18px; font-weight: 800; margin-bottom: 16px; }
.tool-side__list { display: grid; gap: 8px; }
.tool-side__list a {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px; border-radius: 10px; background: var(--white);
  font-size: 14.5px; font-weight: 600; color: var(--ink);
  border: 1px solid transparent;
  transition: border-color .25s, transform .25s var(--ease), box-shadow .25s;
}
.tool-side__list a span { flex: 1; }
.tool-side__list a .ico--sm { color: var(--muted); transition: transform .25s var(--ease); }
.tool-side__list a:hover { border-color: rgba(168,137,79,.4); transform: translateX(4px); box-shadow: var(--shadow); }
.tool-side__list a:hover .ico--sm { transform: translateX(3px); color: var(--gold); }
.tool-side__list a.is-current { background: var(--green-950); color: var(--white); }
.tool-side__list a.is-current .ico--sm { color: var(--gold-light); }
.tool-side__icon { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.tool-side__list a:not(.is-current) .tool-side__icon { color: var(--gold-dark); }
.tool-side__promo {
  border-radius: 14px; padding: 30px 26px;
  background: var(--green-950);
  background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.25), transparent 50%);
  color: rgba(255,255,255,.72);
}
.tool-side__promo h3 { color: var(--white); font-size: 21px; font-weight: 800; line-height: 1.3; margin: 16px 0 10px; }
.tool-side__promo p { font-size: 14px; line-height: 1.7; margin-bottom: 22px; }
.tool-side__promo .btn { width: 100%; }

/* Araçlar listesi */
.hub { background: var(--bg-soft); padding-top: 0; }
.hub__grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.hub__bar {
  position: relative; z-index: 3; margin: -60px 0 34px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  background: var(--white); border-radius: 14px; padding: 14px;
  box-shadow: 0 14px 40px rgba(10,30,20,.10);
}
.hub__filters { display: flex; flex-wrap: wrap; gap: 4px; }
.hub__filter {
  display: inline-flex; align-items: center; gap: 8px;
  height: 44px; padding: 0 12px; border: 0; border-radius: 9px;
  background: transparent; color: var(--muted); font-size: 13.5px; font-weight: 600; cursor: pointer;
  transition: background .25s, color .25s;
}
.hub__filter span { min-width: 24px; height: 22px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; background: var(--bg-soft); font-size: 12px; font-weight: 700; color: var(--muted); transition: inherit; }
.hub__filter:hover { color: var(--ink); background: var(--bg-soft); }
.hub__filter.is-active { background: var(--green-950); color: var(--white); }
.hub__filter.is-active span { background: var(--gold); color: var(--white); }
.hub__search { width: 220px; flex: 1; max-width: 260px; min-width: 180px; }
.hub-card[hidden] { display: none; }
.hub-card.is-filtered-in { animation: lineUp .45s var(--ease) both; }
.hub-card__cat { display: inline-block; align-self: flex-start; margin-bottom: 12px; padding: 4px 10px; border-radius: 999px; background: var(--bg-soft); font-size: 11.5px; font-weight: 700; color: var(--gold-dark); letter-spacing: .02em; }
.tool-side__all { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 14px; font-weight: 700; color: var(--gold-dark); }
.tool-side__all .ico { width: 16px; height: 16px; transition: transform .25s var(--ease); }
.tool-side__all:hover .ico { transform: translateX(4px); }

/* Ek araç parçaları */
.payroll__table tr.is-highlight td { background: rgba(168,137,79,.09); font-weight: 700; color: var(--ink); }
.payroll__table tr.is-upcoming td { color: var(--muted); font-style: italic; }
.segmented--grid { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); }
.sentence {
  padding: 18px 20px; border-radius: 10px;
  background: rgba(168,137,79,.08); border: 1px dashed rgba(168,137,79,.45);
  font-size: 15.5px; line-height: 1.7; color: var(--text);
}
.sentence b { color: var(--ink); }
.sentence:empty { display: none; }
.checkbox--box { min-height: 56px; align-items: center; padding: 0 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-soft); }
[data-group][hidden] { display: none; }
[data-group] { display: grid; gap: 22px; }

/* Birikim grafiği */
.growth__legend { display: flex; gap: 18px; font-size: 13px; color: var(--muted); }
.growth__legend span { display: inline-flex; align-items: center; gap: 8px; }
.growth__legend span::before { content: ""; width: 12px; height: 12px; border-radius: 3px; }
.growth__legend .is-invested::before { background: var(--green-800); }
.growth__legend .is-interest::before { background: var(--gold); }
.growth__chart {
  display: flex; align-items: flex-end; gap: 8px;
  height: 300px; padding: 30px 28px 40px;
  border-bottom: 1px solid var(--line);
  background-image: repeating-linear-gradient(to top, transparent 0 59px, #eef0ef 59px 60px);
  background-position: 0 -40px;
}
.growth__bar { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; }
.growth__fill {
  width: 100%; height: var(--h); max-width: 46px; margin: 0 auto;
  display: flex; flex-direction: column; border-radius: 6px 6px 0 0; overflow: hidden;
  transform-origin: bottom; animation: barGrow .7s var(--ease) both;
  transition: height .5s var(--ease), filter .2s;
}
.growth__bar:hover .growth__fill { filter: brightness(1.12); }
.growth__fill .is-interest { background: linear-gradient(180deg, var(--gold-light), var(--gold)); transition: height .5s var(--ease); }
.growth__fill .is-invested { background: var(--green-800); transition: height .5s var(--ease); }
.growth__bar em { position: absolute; left: 0; right: 0; bottom: -26px; text-align: center; font-style: normal; font-size: 12px; color: var(--muted); }
@keyframes barGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }

@media (max-width: 768px) {
  .hub__bar { margin-top: -50px; }
  .hub__filters { overflow-x: auto; flex-wrap: nowrap; width: 100%; }
  .hub__filter { flex-shrink: 0; }
  .hub__search { width: 100%; }
  .segmented--grid { grid-template-columns: 1fr 1fr; }
  .growth__chart { gap: 4px; padding: 24px 16px 36px; height: 240px; }
}
.hub-card {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  background: var(--white); border-radius: 14px;
  box-shadow: 0 14px 40px rgba(10,30,20,.08);
  padding: 38px 34px 34px;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.hub-card::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease);
}
.hub-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); }
.hub-card:hover::after { transform: scaleX(1); }
.hub-card__num {
  position: absolute; top: 24px; right: 28px;
  font-size: 54px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px #e2e5e3;
  transition: -webkit-text-stroke-color .3s;
}
.hub-card:hover .hub-card__num { -webkit-text-stroke-color: var(--gold); }
.hub-card__icon {
  width: 68px; height: 68px; border-radius: 16px; margin-bottom: 26px;
  display: grid; place-items: center;
  background: rgba(168,137,79,.12); color: var(--gold-dark);
  transition: background .3s, color .3s, transform .4s var(--ease);
}
.hub-card__icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hub-card:hover .hub-card__icon { background: var(--green-950); color: var(--gold-light); transform: rotate(-6deg); }
.hub-card h2 { font-size: 21px; font-weight: 800; margin-bottom: 10px; }
.hub-card p { font-size: 14.5px; line-height: 1.75; color: var(--muted); margin-bottom: 26px; }
.hub-card .link-arrow { margin-top: auto; }

@media (max-width: 1080px) {
  .calc { grid-template-columns: 1fr; }
  .calc-result { position: static; }
  .tool-info__grid { grid-template-columns: 1fr; }
  .tool-side { position: static; grid-template-columns: 1fr 1fr; }
  .hub__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .calc-card { padding: 30px 24px; }
  .formula > div { flex-direction: column; align-items: flex-start; gap: 6px; }
  .tool-side { grid-template-columns: 1fr; }
  .payroll__head { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
  .page-hero--tool { padding-bottom: 130px; }
  .calc-card__head { flex-direction: column; align-items: flex-start; }
  .calc-result { padding: 30px 22px 24px; }
  .calc-result__main { font-size: 36px; }
  .segmented__item span { font-size: 13px; padding: 0 6px; }
  .chip span { min-width: 60px; padding: 0 12px; }
  .hub__grid { grid-template-columns: 1fr; }
  .prose h2 { font-size: 25px; }
}

/* ---------- Ek araç bileşenleri ---------- */
.field__control--plain input { padding-left: 18px; }
.field input[type="date"] { cursor: pointer; }
.field input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .55; }

/* Kaydırıcı */
.range-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.range-head label { margin-bottom: 0 !important; }
.range-head output { font-size: 18px; font-weight: 800; color: var(--gold-dark); font-variant-numeric: tabular-nums; }
.field .range, .range {
  -webkit-appearance: none; appearance: none;
  display: block; padding: 0; border: 0; box-shadow: none;
  width: 100%; height: 8px; margin: 14px 0 4px; border-radius: 999px; outline: none; cursor: pointer;
  background: linear-gradient(90deg, var(--gold) 0 var(--p, 50%), #e4e7e5 var(--p, 50%) 100%);
}
.range::-webkit-slider-thumb {
  -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%;
  background: var(--white); border: 6px solid var(--green-950);
  box-shadow: 0 4px 12px rgba(1,21,12,.3);
  transition: transform .2s var(--ease);
}
.range::-moz-range-thumb {
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--white); border: 6px solid var(--green-950);
  box-shadow: 0 4px 12px rgba(1,21,12,.3);
}
.range:hover::-webkit-slider-thumb, .range:focus-visible::-webkit-slider-thumb { transform: scale(1.15); }
.field .range:focus { border: 0; box-shadow: none; background: linear-gradient(90deg, var(--gold) 0 var(--p, 50%), #e4e7e5 var(--p, 50%) 100%); }

/* Banka teklifleri */
.banks { margin-top: 28px; background: var(--white); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; }
.banks__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding: 24px 28px; border-bottom: 1px solid var(--line); }
.banks__head h3 { font-size: 19px; font-weight: 800; }
.banks__head p { font-size: 13.5px; color: var(--muted); margin-top: 4px; }
.banks__sort { display: inline-flex; padding: 4px; border-radius: 10px; background: var(--bg-soft); border: 1px solid var(--line); }
.banks__sort button {
  height: 38px; padding: 0 14px; border: 0; border-radius: 7px; background: transparent;
  font-size: 13.5px; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .25s;
}
.banks__sort button.is-active { background: var(--green-950); color: var(--white); }
.banks__list { display: grid; }
.bank {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr auto; align-items: center; gap: 20px;
  padding: 18px 28px; border-bottom: 1px solid var(--line);
  transition: background .25s;
  animation: lineUp .45s var(--ease) both;
}
.bank:last-child { border-bottom: 0; }
.bank:hover { background: #fcfbf8; }
.bank__name { display: flex; align-items: center; gap: 14px; min-width: 0; }
.bank__logo {
  flex-shrink: 0; width: 46px; height: 46px; border-radius: 12px;
  display: grid; place-items: center;
  background: var(--bg-soft); border: 1px solid var(--line);
  font-size: 14px; font-weight: 800; color: var(--green-800); letter-spacing: .02em;
}
.bank__name strong { display: block; font-size: 15.5px; color: var(--ink); }
.bank__name small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.bank__cell span { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); letter-spacing: .03em; text-transform: uppercase; }
.bank__cell b { display: block; margin-top: 3px; font-size: 16px; color: var(--ink); font-variant-numeric: tabular-nums; }
.bank__cell b.is-gold { color: var(--gold-dark); }
.bank__btn { height: 42px; padding: 0 18px; font-size: 13.5px; }
.bank.is-best { background: linear-gradient(90deg, rgba(168,137,79,.10), rgba(168,137,79,0) 70%); box-shadow: inset 3px 0 0 var(--gold); }
.bank__badge {
  display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; vertical-align: middle;
  background: var(--gold); color: var(--white); font-size: 10.5px; font-weight: 800; letter-spacing: .04em;
}
.bank.is-out { opacity: .5; }
.bank.is-out .bank__btn { pointer-events: none; }
.bank.is-selected .bank__btn { background: var(--gold); border-color: var(--gold); color: var(--white); }
.banks__note { display: flex; gap: 10px; padding: 16px 28px; background: var(--bg-soft); font-size: 13px; color: var(--muted); }
.banks__note .ico { width: 16px; height: 16px; color: var(--gold); margin-top: 2px; }
@media (max-width: 900px) {
  .bank { grid-template-columns: 1fr 1fr; gap: 14px 20px; padding: 20px; }
  .bank__name { grid-column: 1 / -1; }
  .bank__btn { grid-column: 1 / -1; width: 100%; }
  .banks__head, .banks__note { padding-left: 20px; padding-right: 20px; }
}
.range-scale { display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px; color: var(--muted); }

/* Çevirici */
.convert { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 14px; }
.convert__swap {
  width: 56px; height: 56px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid var(--line); background: var(--white); color: var(--ink);
  cursor: pointer; transition: background .25s, color .25s, border-color .25s;
}
.convert__swap:hover { background: var(--green-950); border-color: var(--green-950); color: var(--gold-light); }
.convert__swap.is-spin .ico { animation: spinHalf .45s var(--ease); }
@keyframes spinHalf { from { transform: rotate(0); } to { transform: rotate(180deg); } }
.chips--sm { gap: 8px; }
.chip-btn {
  height: 38px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--bg-soft);
  font-size: 13px; font-weight: 700; color: var(--ink); cursor: pointer;
  transition: all .2s;
}
.chip-btn:hover { background: var(--gold); border-color: var(--gold); color: var(--white); }

/* Kur tabloları */
.rates .payroll__head > div { display: grid; gap: 4px; }
.rates__search { position: relative; display: block; width: 280px; max-width: 100%; }
.rates__search .ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: var(--muted); }
.rates__search input {
  width: 100%; height: 44px; padding: 0 14px 0 42px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft);
  font-size: 14px; outline: none; transition: border-color .2s, background .2s;
}
.rates__search input:focus { border-color: var(--gold); background: var(--white); }
.rates__table { min-width: 640px; }
.rates__table th:nth-child(2), .rates__table td:nth-child(2) { text-align: left; }
.rates__table tr.is-clickable { cursor: pointer; }
.rates__table tr.is-clickable:hover td { background: rgba(168,137,79,.07); }
.rates__table td b { color: var(--ink); }
.code-badge {
  display: inline-block; min-width: 54px; padding: 4px 10px; border-radius: 6px; text-align: center;
  background: var(--green-950); color: var(--gold-light);
  font-size: 12px; font-weight: 800; letter-spacing: .04em;
}
.delta { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 700; }
.delta.is-up { background: rgba(31,138,76,.12); color: #1d7a45; }
.delta.is-down { background: rgba(201,83,63,.12); color: #b3412f; }
.table-wrap--tall { max-height: 560px; overflow: auto; }
.table-wrap--tall thead th { position: sticky; top: 0; z-index: 1; }

/* Geniş açılır menü */
.dropdown--wide { display: grid; grid-template-columns: 1fr 1fr; min-width: 480px; gap: 2px 6px; }
.dropdown--wide .dropdown__all { grid-column: 1 / -1; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }
.dropdown__all a { display: flex; align-items: center; justify-content: space-between; color: var(--gold-dark); font-weight: 700; }
.dropdown__all .ico { width: 16px; height: 16px; }

/* Araçlar penceresi */
.tools-modal { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 24px; }
.tools-modal[hidden] { display: none; }
.tools-modal__backdrop {
  position: absolute; inset: 0; background: rgba(1,21,12,.6);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  animation: fadeIn .3s ease both;
}
.tools-modal__panel {
  position: relative; width: min(980px, 100%); max-height: calc(100vh - 48px); overflow: auto;
  background: var(--white); border-radius: 18px; padding: 36px 36px 30px;
  box-shadow: 0 40px 100px rgba(0,0,0,.35);
  animation: modalIn .45s var(--ease) both;
}
.tools-modal.is-closing .tools-modal__backdrop { animation: fadeOut .25s ease both; }
.tools-modal.is-closing .tools-modal__panel { animation: modalOut .25s ease both; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes modalIn { from { opacity: 0; transform: translateY(30px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes modalOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(16px) scale(.98); } }
.tools-modal__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.tools-modal__head h2 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
.tools-modal__close {
  flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid var(--line); background: var(--white); color: var(--ink); cursor: pointer;
  transition: all .25s var(--ease);
}
.tools-modal__close:hover { background: var(--green-950); color: var(--white); transform: rotate(90deg); }
.tools-modal__search { position: relative; display: block; margin: 22px 0 24px; }
.tools-modal__search .ico { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--muted); }
.tools-modal__search input {
  width: 100%; height: 54px; padding: 0 18px 0 50px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft);
  font-size: 15px; outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
}
.tools-modal__search input:focus { border-color: var(--gold); background: var(--white); box-shadow: 0 0 0 4px rgba(168,137,79,.12); }
.tools-modal__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.tools-modal__item {
  display: flex; align-items: center; gap: 16px;
  padding: 16px 18px; border-radius: 12px;
  border: 1px solid var(--line);
  transition: border-color .25s, background .25s, transform .25s var(--ease), box-shadow .25s;
  animation: modalIn .5s var(--ease) both;
}
.tools-modal__item:nth-child(2) { animation-delay: .03s; } .tools-modal__item:nth-child(3) { animation-delay: .06s; }
.tools-modal__item:nth-child(4) { animation-delay: .09s; } .tools-modal__item:nth-child(5) { animation-delay: .12s; }
.tools-modal__item:nth-child(6) { animation-delay: .15s; } .tools-modal__item:nth-child(7) { animation-delay: .18s; }
.tools-modal__item:nth-child(8) { animation-delay: .21s; } .tools-modal__item:nth-child(9) { animation-delay: .24s; }
.tools-modal__item:nth-child(10) { animation-delay: .27s; } .tools-modal__item:nth-child(11) { animation-delay: .3s; }
.tools-modal__item:hover { border-color: rgba(168,137,79,.5); background: #fdfcf9; transform: translateY(-3px); box-shadow: var(--shadow); }
.tools-modal__item[hidden] { display: none; }
.tools-modal__icon {
  flex-shrink: 0; width: 52px; height: 52px; border-radius: 12px;
  display: grid; place-items: center;
  background: rgba(168,137,79,.12); color: var(--gold-dark);
  transition: background .25s, color .25s;
}
.tools-modal__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.tools-modal__item:hover .tools-modal__icon { background: var(--green-950); color: var(--gold-light); }
.tools-modal__item strong { display: block; font-size: 15.5px; color: var(--ink); }
.tools-modal__item small { display: block; font-size: 13px; line-height: 1.5; color: var(--muted); margin-top: 3px; }
.tools-modal__empty { text-align: center; color: var(--muted); padding: 30px 0; }
.tools-modal__empty[hidden] { display: none; }
.tools-modal__all { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; font-weight: 700; color: var(--gold-dark); }
.tools-modal__all:hover .ico { transform: translateX(4px); }
.tools-modal__all .ico { transition: transform .25s var(--ease); }
body.modal-open { overflow: hidden; }

@media (max-width: 1080px) {
  .dropdown--wide { min-width: 0; grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .convert { grid-template-columns: 1fr; }
  .convert__swap { justify-self: center; transform: rotate(90deg); }
  .rates__search { width: 100%; }
  .tools-modal__grid { grid-template-columns: 1fr; }
  .tools-modal__panel { padding: 26px 20px; }
}

/* ---------- Varlık ikonları (döviz, altın, kripto) ---------- */
.asset { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); white-space: nowrap; }
.asset b { font-weight: 700; }
a.asset:hover b { color: var(--gold-dark); }
.coin-icon, .flag-icon, .gold-icon {
  --s: 26px;
  position: relative; flex-shrink: 0;
  width: var(--s); height: var(--s); border-radius: 50%;
  display: inline-grid; place-items: center; overflow: hidden;
  background: var(--bg-soft);
}
.coin-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
.coin-icon.is-fallback { background: var(--green-950); }
.coin-icon.is-fallback::after {
  content: attr(data-letter);
  color: var(--gold-light); font-size: calc(var(--s) * .46); font-weight: 800; line-height: 1;
}
.flag-icon { box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.flag-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gold-icon { --s: 24px; background: transparent; border-radius: 0; overflow: visible; }
.gold-icon svg { width: 100%; height: 100%; display: block; }

/* Seçim kutusu içindeki küçük ikon */
.field__control--icon .sel-icon {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; display: grid; place-items: center; pointer-events: none; z-index: 1;
}
.field__control--icon .sel-icon > * { --s: 22px; }
.field .field__control--icon select { padding-left: 46px; }

/* Kripto tablosu */
.rates__table td { vertical-align: middle; }
.ex-filter { display: flex; flex-wrap: wrap; gap: 4px; padding: 12px 22px; border-bottom: 1px solid var(--line); background: #fcfcfb; }
.ex-filter .hub__filter { height: 38px; font-size: 13px; }
.ex-filter .hub__filter:disabled { opacity: .4; cursor: default; }
.ex-list { display: inline-flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.ex-badge {
  display: inline-block; padding: 2px 7px; border-radius: 5px;
  font-size: 11px; font-weight: 700; letter-spacing: .01em; white-space: nowrap;
  background: var(--bg-soft); color: var(--muted); border: 1px solid var(--line);
}
.ex-badge--binance { color: #a77b00; background: #fff8e1; border-color: #f5e2a8; }
.ex-badge--btcturk { color: #1f4fa3; background: #eef3fc; border-color: #d4e0f6; }
.ex-badge--paribu { color: #1b7a52; background: #ecf8f2; border-color: #cdebdc; }
.ex-badge--mexc { color: #1b6fd6; background: #eef5ff; border-color: #d3e4fb; }
.ex-badge--more { color: var(--ink); }
.row-convert {
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid var(--line); background: var(--white); color: var(--muted); cursor: pointer;
  transition: all .2s;
}
.row-convert .ico { width: 15px; height: 15px; }
.row-convert:hover { background: var(--green-950); border-color: var(--green-950); color: var(--gold-light); }
.rates__more { display: flex; margin: 0 auto; margin-top: 18px; margin-bottom: 22px; height: 46px; }
.rates__more[hidden] { display: none; }
.rates__empty { text-align: center !important; color: var(--muted); padding: 30px !important; }
.rates__table th:last-child, .rates__table td:last-child { width: 1%; }

/* ---------- İkonlu açılır liste ---------- */
.rs { position: relative; }
.rs .rs__native { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.rs > .field__chevron, .rs > .sel-icon { display: none; }
.rs__btn {
  width: 100%; height: 56px; padding: 0 44px 0 16px;
  display: flex; align-items: center; gap: 10px;
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius);
  font-size: 15px; color: var(--ink); text-align: left; cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.rs__btn > b { font-weight: 700; flex-shrink: 0; }
.rs__btn > span:not([class]) { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.rs__btn .coin-icon, .rs__btn .flag-icon, .rs__btn .gold-icon { --s: 22px; }
.rs__chev { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: var(--muted); transition: transform .25s var(--ease); }
.rs.is-open .rs__chev { transform: translateY(-50%) rotate(180deg); }
.rs__btn:hover { border-color: #cfd4d1; }
.rs__btn:focus-visible, .rs.is-open .rs__btn { outline: none; border-color: var(--gold); background: var(--white); box-shadow: 0 0 0 4px rgba(168,137,79,.12); }
.rs__panel {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 50;
  min-width: 260px;
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 24px 60px rgba(10,30,20,.18);
  overflow: hidden;
  animation: rsIn .2s var(--ease) both;
}
.rs__panel[hidden] { display: none; }
@keyframes rsIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.rs__search { position: relative; display: block; padding: 10px; border-bottom: 1px solid var(--line); }
.rs__search .ico { position: absolute; left: 22px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--muted); }
.field .rs__search input {
  height: 42px; padding: 0 12px 0 36px; font-size: 14px; font-weight: 500;
  background: var(--bg-soft); border-radius: 8px;
}
.rs__list { list-style: none; margin: 0; padding: 6px; max-height: 320px; overflow-y: auto; overscroll-behavior: contain; }
.rs__group { padding: 10px 10px 6px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-dark); }
.rs__opt {
  position: relative;
  display: flex; align-items: center; gap: 10px;
  padding: 9px 10px; border-radius: 8px; cursor: pointer;
  font-size: 14px; color: var(--ink);
}
.rs__opt .coin-icon, .rs__opt .flag-icon, .rs__opt .gold-icon { --s: 24px; }
.rs__opt b { font-weight: 700; flex-shrink: 0; }
.rs__opt span:not([class]) { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.rs__opt:hover, .rs__opt.is-active { background: var(--bg-soft); }
.rs__opt.is-selected { background: rgba(168,137,79,.1); }
.rs__check { margin-left: auto; width: 16px; height: 16px; color: var(--gold-dark); stroke-width: 2.6; }
.rs__empty { padding: 20px; text-align: center; color: var(--muted); font-size: 14px; }

/* =========================================================
   KRİPTO DETAY
   ========================================================= */
.coin-hero {
  background: var(--green-950);
  background-image: radial-gradient(circle at 85% 20%, rgba(168,137,79,.18), transparent 45%);
  color: rgba(255,255,255,.75);
  padding: 36px 0 32px;
}
.coin-head { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 24px; }
.coin-id { display: flex; align-items: center; gap: 18px; }
.coin-id__icon .coin-icon { --s: 56px; background: rgba(255,255,255,.06); }
.coin-id h1 { color: var(--white); font-size: 34px; font-weight: 800; letter-spacing: -.02em; }
.coin-id h1 small { font-size: 16px; font-weight: 700; color: var(--gold-light); margin-left: 6px; padding: 3px 9px; border-radius: 6px; background: rgba(168,137,79,.16); vertical-align: middle; }
.coin-id__meta { display: flex; align-items: center; gap: 14px; margin-top: 6px; font-size: 13px; }
.coin-rank { padding: 2px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.8); font-weight: 600; }
.coin-rank[hidden] { display: none; }
.live-dot { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: rgba(255,255,255,.6); }
.live-dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #8a928f; }
.live-dot.is-live { color: #6fd39b; }
.live-dot.is-live::before { background: #2ecc71; animation: livePulse 1.8s infinite; }
@keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(46,204,113,.55); } 70% { box-shadow: 0 0 0 8px rgba(46,204,113,0); } 100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); } }
.coin-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.icon-btn {
  position: relative; display: inline-flex; align-items: center; gap: 8px;
  height: 48px; padding: 0 16px; border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); color: var(--white);
  font-size: 14px; font-weight: 600; cursor: pointer; transition: all .2s;
}
.icon-btn:hover { border-color: var(--gold); background: rgba(168,137,79,.12); }
.icon-btn .ico { width: 18px; height: 18px; }
.icon-btn.is-on { border-color: var(--gold); color: var(--gold-light); }
.icon-btn.is-on .ico { fill: var(--gold-light); }
.icon-btn em {
  position: absolute; top: -9px; right: -8px;
  padding: 2px 7px; border-radius: 999px; font-style: normal;
  background: var(--gold); color: var(--white); font-size: 10px; font-weight: 800; letter-spacing: .03em;
}
.icon-btn--bell:hover .ico { animation: bellRing .8s var(--ease); transform-origin: top center; }
@keyframes bellRing { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(14deg); } 40% { transform: rotate(-12deg); } 60% { transform: rotate(8deg); } 80% { transform: rotate(-4deg); } }
.coin-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin-top: 26px; }
.coin-price strong { color: var(--white); font-size: 46px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; border-radius: 6px; padding: 0 4px; margin-left: -4px; }
.coin-price strong.flash-up { animation: flashUp 1s ease; }
.coin-price strong.flash-down { animation: flashDown 1s ease; }
@keyframes flashUp { 0% { background: rgba(46,204,113,.35); } 100% { background: transparent; } }
@keyframes flashDown { 0% { background: rgba(201,83,63,.4); } 100% { background: transparent; } }
.coin-price .delta { font-size: 14px; }
.coin-price__alt { font-size: 16px; color: rgba(255,255,255,.6); font-variant-numeric: tabular-nums; }
.coin-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin: 28px 0 0; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.08); }
.coin-stats > div { background: rgba(1,21,12,.6); padding: 16px 20px; }
.coin-stats dt { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.55); }
.coin-stats dd { margin: 4px 0 0; font-size: 16px; font-weight: 700; color: var(--white); font-variant-numeric: tabular-nums; }

.coin-body { background: var(--bg-soft); padding: 32px 0 80px; }
.coin-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 26px; align-items: start; }
.chart-card, .sentiment, .chat, .side-card { background: var(--white); border-radius: 14px; box-shadow: var(--shadow); }
.chart-card { padding: 20px 20px 12px; }
.chart-card__bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.chart-card__right { display: flex; gap: 10px; }
.seg-tabs { display: inline-flex; padding: 4px; border-radius: 10px; background: var(--bg-soft); border: 1px solid var(--line); }
.seg-tabs button {
  height: 34px; min-width: 42px; padding: 0 12px; border: 0; border-radius: 7px;
  background: transparent; color: var(--muted); font-size: 13px; font-weight: 700; cursor: pointer; transition: all .2s;
}
.seg-tabs button:hover { color: var(--ink); }
.seg-tabs button.is-active { background: var(--green-950); color: var(--white); }
.chart-card__legend { display: flex; flex-wrap: wrap; gap: 6px 16px; min-height: 22px; margin: 14px 4px 4px; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.chart-card__legend b { color: var(--ink); }
.chart { position: relative; height: 440px; transition: opacity .3s; }
.chart.is-loading { opacity: .45; }
.chart__loading { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 12px; color: var(--muted); font-size: 14px; }
.chart__loading span { width: 30px; height: 30px; border-radius: 50%; border: 3px solid var(--line); border-top-color: var(--gold); animation: spin 0.9s linear infinite; }
.chart__loading--empty { background: var(--bg-soft); border-radius: 10px; }
@keyframes spin { to { transform: rotate(360deg); } }

.community { display: grid; gap: 22px; margin-top: 22px; }
.sentiment { padding: 24px 26px; }
.sentiment__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.sentiment__head h2 { font-size: 19px; font-weight: 800; }
.sentiment__count { font-size: 13px; color: var(--muted); }
.sentiment__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 16px; }
.vote { height: 50px; border-radius: var(--radius); cursor: pointer; font-size: 15px; font-weight: 700; border: 1px solid; transition: all .2s; }
.vote--up { color: #1d7a45; border-color: rgba(29,122,69,.35); background: rgba(29,122,69,.06); }
.vote--down { color: #b3412f; border-color: rgba(201,83,63,.35); background: rgba(201,83,63,.06); }
.vote--up:hover:not(:disabled), .vote--up.is-picked { background: #1d7a45; color: var(--white); }
.vote--down:hover:not(:disabled), .vote--down.is-picked { background: #c9533f; color: var(--white); }
.vote:disabled:not(.is-picked) { opacity: .45; cursor: default; }
.sentiment__bar { display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--line); }
.sentiment__bar span { transition: width .8s var(--ease); }
.sentiment__bar .is-up { background: #1d7a45; }
.sentiment__bar .is-down { background: #c9533f; }
.sentiment__legend { display: flex; justify-content: space-between; margin-top: 8px; font-size: 13px; font-weight: 700; }
.sentiment__legend span:first-child { color: #1d7a45; }
.sentiment__legend span:last-child { color: #b3412f; }

.chat { overflow: hidden; }
.chat__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.chat__head h2 { font-size: 19px; font-weight: 800; margin-bottom: 4px; }
.chat__head .live-dot { color: #1d7a45; }
.chat__list { list-style: none; margin: 0; padding: 10px 14px; height: 440px; overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; }
.msg { display: flex; gap: 12px; padding: 12px 10px; border-radius: 10px; animation: lineUp .35s var(--ease) both; }
.msg:hover { background: #fafaf8; }
.msg.is-mine { background: rgba(168,137,79,.06); }
.msg.is-team { background: rgba(1,21,12,.03); }
.avatar {
  flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--green-800); color: var(--gold-light); font-size: 15px; font-weight: 800;
}
.msg__body { flex: 1; min-width: 0; }
.msg__head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13.5px; }
.msg__head b { color: var(--ink); }
.msg__head time { margin-left: auto; font-size: 12px; color: #9aa29f; }
.msg__team { padding: 1px 7px; border-radius: 5px; background: var(--gold); color: var(--white); font-size: 10.5px; font-weight: 800; }
.msg__mood { padding: 1px 7px; border-radius: 5px; font-size: 11px; font-weight: 700; }
.msg__mood.is-up { background: rgba(29,122,69,.1); color: #1d7a45; }
.msg__mood.is-down { background: rgba(201,83,63,.1); color: #b3412f; }
.msg p { margin: 5px 0 6px; font-size: 14.5px; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }
.msg__like { border: 0; background: transparent; padding: 0; font-size: 12.5px; color: #9aa29f; cursor: pointer; transition: color .2s; }
.msg__like:hover { color: #c9533f; }
.msg__like.is-liked { color: #c9533f; font-weight: 700; }
.chat__empty { padding: 40px; text-align: center; color: var(--muted); }
.chat__form { padding: 16px 20px 18px; border-top: 1px solid var(--line); background: #fcfcfb; }
.chat__who { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.chat__who input { height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--white); font-size: 14px; outline: none; width: 200px; }
.chat__who input:focus, .chat__compose textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(168,137,79,.12); }
.chat__compose textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); font-size: 14.5px; line-height: 1.5; resize: none; outline: none; }
.chat__actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.chat__actions .btn { height: 44px; padding: 0 20px; }
.chat__mood { display: flex; gap: 6px; }
.chat__mood input { position: absolute; opacity: 0; pointer-events: none; }
.chat__mood span { display: inline-block; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); font-size: 12.5px; font-weight: 700; color: var(--muted); cursor: pointer; transition: all .2s; }
.chat__mood input:checked + span { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.chat__mood input:checked + span.is-up { background: #1d7a45; border-color: #1d7a45; }
.chat__mood input:checked + span.is-down { background: #c9533f; border-color: #c9533f; }
.chat__note { display: flex; gap: 8px; margin-top: 10px; font-size: 12px; color: #9aa29f; }
.chat__note .ico { width: 14px; height: 14px; color: var(--gold); margin-top: 1px; }

.coin-side { position: sticky; top: 110px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; min-width: 0; }
.side-card { padding: 22px; }
.side-card h3 { font-size: 16.5px; font-weight: 800; }
.side-card__sub { font-size: 12.5px; color: var(--muted); margin: 2px 0 12px; }
.ex-prices { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ex-prices li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); font-size: 13px; }
.ex-prices li.is-best { border-color: rgba(29,122,69,.4); background: rgba(29,122,69,.05); }
.ex-prices__pair { color: var(--muted); font-size: 12px; }
.ex-prices__val { text-align: right; font-variant-numeric: tabular-nums; }
.ex-prices__val b { display: block; color: var(--ink); font-size: 14px; }
.ex-prices__val small { font-size: 11.5px; color: var(--muted); }
.ex-prices li.is-best small { color: #1d7a45; font-weight: 700; }
.ex-prices .ex-prices__empty, .ex-prices .ex-prices__spread { display: block; border: 0; text-align: center; color: var(--muted); padding: 8px; }
.ex-prices__spread b { color: var(--gold-dark); }
.mini-convert { margin-top: 12px; }
.mini-convert label { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--bg-soft); }
.mini-convert input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 0; background: transparent; font-size: 16px; font-weight: 700; outline: none; }
.mini-convert label b { padding: 0 14px; color: var(--gold-dark); font-size: 13px; }
.mini-convert__out { display: grid; gap: 4px; margin-top: 10px; padding: 12px 14px; border-radius: 8px; background: var(--green-950); }
.mini-convert__out span { color: var(--white); font-weight: 700; font-variant-numeric: tabular-nums; }
.mini-convert__out span + span { color: var(--gold-light); font-size: 13px; font-weight: 600; }
.pop-coins { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 2px; }
.pop-coins a { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 10px; padding: 8px 6px; border-radius: 8px; font-size: 13.5px; transition: background .2s; }
.pop-coins a:hover { background: var(--bg-soft); }
.pop-coins__price { text-align: right; color: var(--text); font-variant-numeric: tabular-nums; }
.pop-coins .delta { font-size: 11.5px; padding: 2px 7px; }
.coin-disclaimer { display: flex; gap: 8px; font-size: 12px; color: var(--muted); }
.coin-disclaimer .ico { width: 14px; height: 14px; color: var(--gold); margin-top: 1px; }

.toast {
  position: fixed; left: 50%; bottom: 28px; z-index: 500; transform: translateX(-50%);
  max-width: calc(100% - 32px); padding: 14px 20px; border-radius: 10px;
  background: var(--green-950); color: var(--white); font-size: 14px; font-weight: 600;
  box-shadow: 0 20px 50px rgba(0,0,0,.3);
}
.toast[hidden] { display: none; }
.toast.is-show { animation: toastIn .35s var(--ease) both; }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%, 16px); } to { opacity: 1; transform: translate(-50%, 0); } }

@media (max-width: 1080px) {
  .coin-grid { grid-template-columns: minmax(0, 1fr); }
  .coin-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coin-stats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .coin-side { grid-template-columns: minmax(0, 1fr); }
  .coin-stats { grid-template-columns: repeat(2, 1fr); }
  .coin-price strong { font-size: 34px; }
  .chart { height: 340px; }
  .chart-card__right { width: 100%; justify-content: space-between; }
}
@media (max-width: 560px) {
  .coin-id h1 { font-size: 26px; }
  .coin-actions { width: 100%; }
  .coin-actions .btn, .icon-btn { flex: 1; justify-content: center; }
  .chat__who input { flex: 1; width: auto; }
  .chat__actions .btn { width: 100%; }
}

/* =========================================================
   BLOG LİSTESİ
   ========================================================= */
.blog-hero {
  position: relative; overflow: hidden;
  background: var(--green-950);
  background-image: radial-gradient(circle at 80% 0%, rgba(168,137,79,.22), transparent 45%);
  padding: 70px 0 110px; color: rgba(255,255,255,.75);
}
.blog-hero__inner { position: relative; z-index: 2; max-width: 860px; }
.blog-search {
  position: relative; display: flex; align-items: center; margin-top: 30px;
  background: var(--white); border-radius: 14px; padding: 6px 8px 6px 56px;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.blog-search__ico { position: absolute; left: 20px; width: 22px; height: 22px; color: var(--muted); }
.blog-search input { flex: 1; min-width: 0; height: 56px; border: 0; outline: none; background: transparent; font-size: 16.5px; color: var(--ink); }
.blog-search input::-webkit-search-cancel-button { display: none; }
.blog-search kbd {
  display: grid; place-items: center; width: 30px; height: 30px; margin-right: 8px;
  border: 1px solid var(--line); border-radius: 7px; background: var(--bg-soft);
  font-family: var(--font); font-size: 14px; font-weight: 700; color: var(--muted);
}
.blog-search:focus-within { box-shadow: 0 0 0 4px rgba(168,137,79,.45), 0 20px 50px rgba(0,0,0,.25); }
.blog-search:focus-within kbd { display: none; }
.blog-search__clear { width: 40px; height: 40px; border: 0; border-radius: 10px; background: var(--bg-soft); color: var(--ink); cursor: pointer; display: grid; place-items: center; }
.blog-search__clear[hidden] { display: none; }
.blog-hero__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; font-size: 13.5px; }
.blog-hero__chips span { color: rgba(255,255,255,.55); margin-right: 4px; }
.blog-hero__chips button {
  height: 34px; padding: 0 14px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); color: var(--white);
  font-size: 13px; font-weight: 600; transition: all .2s;
}
.blog-hero__chips button:hover { background: var(--gold); border-color: var(--gold); }
.blog-hero__stats { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 30px; font-size: 14px; }
.blog-hero__stats b { color: var(--gold-light); font-size: 20px; font-weight: 800; margin-right: 4px; }

/* Öne çıkanlar */
.blog-featured { position: relative; z-index: 3; margin-top: -64px; }
.blog-featured[hidden] { display: none; }
.featured-grid { display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; }
.feat {
  position: relative; display: block; overflow: hidden; border-radius: 16px; min-height: 230px;
  background: var(--green-950); color: var(--white); box-shadow: 0 20px 50px rgba(10,30,20,.18);
}
.feat--main { grid-row: span 2; min-height: 480px; }
.feat__media, .feat__media img, .feat__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; }
.feat__media img { object-fit: cover; transition: transform .8s var(--ease); }
.feat:hover .feat__media img, .feat:hover .cover__icon { transform: scale(1.06); }
.feat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,21,12,0) 25%, rgba(1,21,12,.92) 100%); }
.feat__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 28px; }
.feat--main .feat__body { padding: 36px 40px; }
.feat__label { display: inline-block; padding: 5px 11px; border-radius: 6px; background: var(--gold); font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.feat h2 { color: var(--white); font-size: 20px; font-weight: 800; line-height: 1.3; margin: 12px 0 10px; }
.feat--main h2 { font-size: 32px; letter-spacing: -.02em; }
.feat p { font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.78); max-width: 560px; margin-bottom: 14px; }
.feat__meta { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,.75); }

/* Yerleşim */
.blog-body { background: var(--bg-soft); padding: 44px 0 70px; }
.blog-layout { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 30px; align-items: start; }

/* Filtre paneli */
.blog-filters {
  position: sticky; top: 108px;
  background: var(--white); border-radius: 16px; box-shadow: var(--shadow);
  display: flex; flex-direction: column; max-height: calc(100vh - 128px);
}
.blog-filters__head { display: flex; align-items: center; gap: 10px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.blog-filters__head h2 { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 800; margin-right: auto; }
.blog-filters__head h2 .ico { color: var(--gold-dark); }
.blog-filters__reset { border: 0; background: none; color: var(--gold-dark); font-size: 13px; font-weight: 700; cursor: pointer; }
.blog-filters__reset[hidden] { display: none; }
.blog-filters__close { display: none; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); cursor: pointer; place-items: center; }
.blog-filters__scroll { overflow-y: auto; padding: 6px 20px 18px; overscroll-behavior: contain; }
.blog-filters__foot { display: none; }
.fgroup { border-bottom: 1px solid var(--line); }
.fgroup summary {
  display: flex; align-items: center; gap: 8px; padding: 16px 0; cursor: pointer; list-style: none;
  font-size: 14px; font-weight: 800; color: var(--ink);
}
.fgroup summary::-webkit-details-marker { display: none; }
.fgroup__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; background: var(--gold); color: var(--white); font-size: 11px; }
.fgroup__badge[hidden] { display: none; }
.fgroup__chev { margin-left: auto; width: 16px; height: 16px; color: var(--muted); transition: transform .25s var(--ease); }
.fgroup[open] .fgroup__chev { transform: rotate(180deg); }
.fgroup__body { padding-bottom: 16px; }
.fcheck { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.fcheck label { display: flex; align-items: center; gap: 10px; padding: 7px 8px; margin: 0 -8px; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--text); transition: background .2s; }
.fcheck label:hover { background: var(--bg-soft); }
.fcheck label.is-empty { opacity: .45; }
.fcheck input { position: absolute; opacity: 0; pointer-events: none; }
.fcheck__box { flex-shrink: 0; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #c5cac8; display: grid; place-items: center; background: var(--white); transition: all .2s; }
.fcheck__box .ico { width: 13px; height: 13px; stroke-width: 3; color: var(--white); opacity: 0; transform: scale(.4); transition: all .2s var(--ease); }
.fcheck input:checked + .fcheck__box { background: var(--green-950); border-color: var(--green-950); }
.fcheck input:checked + .fcheck__box .ico { opacity: 1; transform: none; }
.fcheck input:focus-visible + .fcheck__box { box-shadow: 0 0 0 3px rgba(168,137,79,.35); }
.fcheck input:checked ~ .fcheck__label { color: var(--ink); font-weight: 700; }
.fcheck__label { flex: 1; min-width: 0; }
.fcheck em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--muted); background: var(--bg-soft); padding: 1px 8px; border-radius: 999px; }
.fcheck__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.fcheck--authors .avatar { flex-shrink: 0; }
.ftags { display: flex; flex-wrap: wrap; gap: 6px; }
.ftag, .fpill {
  height: 32px; padding: 0 11px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--line); background: var(--white); color: var(--text);
  font-size: 12.5px; font-weight: 600; transition: all .2s;
}
.ftag em, .fpill em { font-style: normal; font-size: 11px; color: var(--muted); margin-left: 2px; }
.ftag:hover, .fpill:hover { border-color: var(--gold); color: var(--ink); }
.ftag.is-on, .fpill.is-on { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.ftag.is-on em, .fpill.is-on em { color: var(--gold-light); }
.ftag.is-empty { opacity: .4; }
.ftags__more { margin-top: 10px; border: 0; background: none; padding: 0; color: var(--gold-dark); font-size: 13px; font-weight: 700; cursor: pointer; }
.fpills { display: flex; flex-wrap: wrap; gap: 6px; }
.fswitch { display: flex; align-items: center; gap: 12px; padding: 16px 0 4px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--ink); }
.fswitch input { position: absolute; opacity: 0; pointer-events: none; }
.fswitch__track { flex-shrink: 0; position: relative; width: 42px; height: 24px; border-radius: 999px; background: #d6dad8; transition: background .25s; }
.fswitch__track span { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--white); box-shadow: 0 2px 6px rgba(0,0,0,.2); transition: transform .25s var(--ease); }
.fswitch input:checked + .fswitch__track { background: var(--gold); }
.fswitch input:checked + .fswitch__track span { transform: translateX(18px); }
.fswitch input:focus-visible + .fswitch__track { box-shadow: 0 0 0 3px rgba(168,137,79,.35); }
.fswitch > span:last-child { display: inline-flex; align-items: center; gap: 6px; }
.fswitch .ico { width: 16px; height: 16px; color: var(--gold-dark); }
.fswitch em { font-style: normal; font-size: 12px; color: var(--muted); }

/* Sonuç çubuğu */
.results-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }
.results-bar__info { font-size: 15px; color: var(--text); }
.results-bar__info b { color: var(--ink); font-size: 17px; }
.results-bar__info span { color: var(--muted); font-size: 13.5px; }
.results-bar__tools { display: flex; align-items: center; gap: 10px; }
.results-bar__filter { display: none; height: 44px; padding: 0 16px; }
.results-bar__filter span { min-width: 20px; height: 20px; border-radius: 999px; background: var(--gold); color: var(--white); font-size: 11px; display: grid; place-items: center; }
.results-bar__filter span[hidden] { display: none; }
.sort-select { position: relative; display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 38px 0 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); font-size: 13.5px; color: var(--muted); }
.sort-select select { border: 0; outline: none; background: transparent; font-weight: 700; color: var(--ink); cursor: pointer; appearance: none; -webkit-appearance: none; padding-right: 4px; }
.sort-select .ico { position: absolute; right: 12px; width: 16px; height: 16px; pointer-events: none; }
.sort-select:focus-within { border-color: var(--gold); }
.view-toggle { display: inline-flex; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); }
.view-toggle button { width: 36px; height: 34px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; display: grid; place-items: center; transition: all .2s; }
.view-toggle button.is-active { background: var(--green-950); color: var(--white); }

.active-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.active-chips[hidden] { display: none; }
.achip {
  display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px 0 14px;
  border: 1px solid rgba(168,137,79,.4); border-radius: 999px; background: rgba(168,137,79,.1);
  color: var(--ink); font-size: 13px; font-weight: 700; cursor: pointer; animation: rsIn .25s var(--ease) both;
  transition: background .2s;
}
.achip .ico { width: 14px; height: 14px; color: var(--gold-dark); }
.achip:hover { background: rgba(168,137,79,.2); }
.achip--clear { background: transparent; border-color: transparent; color: var(--gold-dark); text-decoration: underline; text-underline-offset: 3px; padding: 0 8px; }

/* Kartlar */
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.bcard {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--white); border-radius: 14px; box-shadow: var(--shadow);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
  animation: lineUp .5s var(--ease) both; animation-delay: calc(var(--i, 0) * 45ms);
}
.bcard:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.bcard__media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--green-950); }
.bcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.bcard:hover .bcard__media img, .bcard:hover .cover__icon { transform: scale(1.07); }
.bcard__cat { position: absolute; left: 14px; bottom: 14px; padding: 5px 10px; border-radius: 6px; background: rgba(1,21,12,.82); backdrop-filter: blur(4px); color: var(--white); font-size: 11.5px; font-weight: 700; }
.bcard__new { position: absolute; top: 14px; right: 14px; padding: 4px 9px; border-radius: 6px; background: var(--gold); color: var(--white); font-size: 10.5px; font-weight: 800; letter-spacing: .05em; }
.bcard__body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 18px; }
.bcard__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 12.5px; color: var(--muted); }
.bcard__meta span { display: inline-flex; align-items: center; gap: 5px; }
.bcard__meta .ico { width: 14px; height: 14px; }
.bcard__type { color: var(--gold-dark); font-weight: 700; }
.bcard h3 { font-size: 18px; font-weight: 800; line-height: 1.38; margin: 10px 0 8px; }
.bcard h3 a { background-image: linear-gradient(var(--gold), var(--gold)); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .4s var(--ease), color .2s; }
.bcard h3 a:hover { color: var(--gold-dark); background-size: 100% 2px; }
.bcard p { font-size: 14px; line-height: 1.7; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bcard mark, .post-hero mark { background: rgba(168,137,79,.28); color: inherit; border-radius: 3px; padding: 0 2px; }
.bcard__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 16px; }
.bcard__tags button { border: 0; padding: 3px 8px; border-radius: 6px; background: var(--bg-soft); color: var(--text); font-size: 12px; font-weight: 600; cursor: pointer; transition: all .2s; }
.bcard__tags button:hover { background: var(--green-950); color: var(--white); }
.bcard__foot { margin-top: auto; display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.bcard__author { display: flex; align-items: center; gap: 9px; min-width: 0; margin-right: auto; }
.bcard__author b { display: block; font-size: 13px; color: var(--ink); white-space: nowrap; }
.bcard__author small { display: block; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bcard__views { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--muted); }
.bcard__views .ico { width: 14px; height: 14px; }
.bcard__save { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: var(--white); color: var(--muted); cursor: pointer; display: grid; place-items: center; transition: all .2s; }
.bcard__save .ico { width: 16px; height: 16px; }
.bcard__save:hover { border-color: var(--gold); color: var(--gold-dark); }
.bcard__save.is-saved { background: var(--gold); border-color: var(--gold); color: var(--white); }
.bcard__save.is-saved .ico { fill: currentColor; }
.bcard .avatar, .feat .avatar, .fcheck .avatar { color: var(--gold-light); font-weight: 800; }

/* Liste görünümü */
.post-grid.is-list { grid-template-columns: 1fr; gap: 16px; }
.post-grid.is-list .bcard { flex-direction: row; }
.post-grid.is-list .bcard__media { width: 300px; flex-shrink: 0; aspect-ratio: auto; min-height: 200px; }
.post-grid.is-list .bcard__body { padding: 22px 26px; }
.post-grid.is-list .bcard h3 { font-size: 20px; }
.post-grid.is-list .bcard p { -webkit-line-clamp: 2; }

/* Kategori kapakları */
.cover { position: relative; width: 100%; height: 100%; min-height: 100%; display: grid; place-items: center; overflow: hidden; background: var(--c1, #04201a); }
.cover::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 85% 15%, var(--c2, rgba(168,137,79,.4)), transparent 50%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 14px);
}
.cover__icon { position: relative; width: 34%; max-width: 120px; aspect-ratio: 1; fill: none; stroke: var(--c3, #c4a56d); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; opacity: .9; transition: transform .7s var(--ease); }
.cover__word { position: absolute; right: -6px; bottom: -14px; font-size: 64px; font-weight: 800; letter-spacing: -.04em; color: rgba(255,255,255,.05); white-space: nowrap; }
.cover--big .cover__icon { max-width: 180px; }
.cover--big .cover__word { font-size: 120px; }
.cover--green { --c1: #04201a; --c2: rgba(168,137,79,.42); --c3: #c4a56d; }
.cover--bronze { --c1: #3b2c14; --c2: rgba(232,196,128,.35); --c3: #e8c480; }
.cover--teal { --c1: #0b2f2c; --c2: rgba(110,190,170,.3); --c3: #8fd0bf; }
.cover--olive { --c1: #262c12; --c2: rgba(196,190,110,.3); --c3: #d4cf8c; }
.cover--forest { --c1: #0a3326; --c2: rgba(196,165,109,.35); --c3: #c4a56d; }
.cover--gold { --c1: #4a3812; --c2: rgba(255,214,128,.4); --c3: #ffd680; }
.cover--slate { --c1: #1c2624; --c2: rgba(160,180,175,.3); --c3: #b6c7c2; }
.cover--ink { --c1: #01150c; --c2: rgba(168,137,79,.5); --c3: #c4a56d; }
.fcheck__dot.cover--green, .fcheck__dot.cover--forest, .fcheck__dot.cover--ink { background: #0a3326; }
.fcheck__dot.cover--bronze { background: #8c6f3c; }
.fcheck__dot.cover--teal { background: #2a8a7a; }
.fcheck__dot.cover--olive { background: #8a8a3a; }
.fcheck__dot.cover--gold { background: #c99a3e; }
.fcheck__dot.cover--slate { background: #6b7d78; }

/* Boş durum ve sayfalama */
.empty-state { grid-column: 1 / -1; text-align: center; background: var(--white); border-radius: 16px; padding: 56px 24px; box-shadow: var(--shadow); }
.empty-state__icon { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-soft); color: var(--gold-dark); }
.empty-state__icon .ico { width: 30px; height: 30px; }
.empty-state h3 { font-size: 21px; font-weight: 800; }
.empty-state p { color: var(--muted); margin: 8px auto 22px; max-width: 420px; }
.empty-state p .ico { width: 14px; height: 14px; vertical-align: -2px; }
.empty-state__tags { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 22px; font-size: 13px; color: var(--muted); }
.empty-state__tags button { border: 1px solid var(--line); background: var(--white); border-radius: 999px; padding: 5px 11px; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.empty-state__tags button:hover { border-color: var(--gold); }
.pager { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 34px; }
.pager:empty { display: none; }
.pager button { min-width: 44px; height: 44px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--white); color: var(--ink); font-weight: 700; cursor: pointer; display: grid; place-items: center; transition: all .2s; }
.pager button:hover:not(:disabled) { border-color: var(--gold); }
.pager button.is-active { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.pager button:disabled { opacity: .35; cursor: default; }
.pager span { color: var(--muted); padding: 0 4px; }
.drawer-backdrop { position: fixed; inset: 0; z-index: 290; background: rgba(1,21,12,.55); backdrop-filter: blur(3px); }
.drawer-backdrop[hidden] { display: none; }

/* =========================================================
   YAZI DETAYI
   ========================================================= */
.post-hero { background: var(--green-950); background-image: radial-gradient(circle at 85% 10%, rgba(168,137,79,.2), transparent 45%); padding: 44px 0 150px; color: rgba(255,255,255,.75); }
.post-hero__inner { max-width: 900px; }
.post-hero__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.post-badge { padding: 5px 11px; border-radius: 6px; background: var(--gold); color: var(--white); font-size: 12px; font-weight: 800; }
.post-badge--ghost { background: rgba(255,255,255,.08); color: rgba(255,255,255,.85); }
.post-badge--new { background: #1d7a45; }
.post-hero__title { color: var(--white); font-size: 46px; font-weight: 800; line-height: 1.15; letter-spacing: -.025em; margin: 16px 0 14px; }
.post-hero__excerpt { font-size: 18px; line-height: 1.7; max-width: 760px; }
.post-hero__excerpt a { color: var(--gold-light); text-decoration: underline; }
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 30px; }
.post-meta[hidden] { display: none; }
.post-meta__author { display: flex; align-items: center; gap: 12px; }
.post-meta__author b { display: block; color: var(--white); font-size: 15px; }
.post-meta__author small { color: rgba(255,255,255,.6); font-size: 13px; }
.post-meta .avatar { color: var(--gold-light); font-weight: 800; }
.post-meta__info { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13.5px; }
.post-meta__info li { display: inline-flex; align-items: center; gap: 6px; }
.post-meta__info .ico { width: 16px; height: 16px; color: var(--gold); }
.post-meta__actions { display: flex; gap: 10px; margin-left: auto; }
.post-meta__actions .icon-btn { height: 42px; }
.post-meta__actions .icon-btn.is-on .ico { fill: var(--gold-light); }
.post-cover { position: relative; z-index: 2; margin: -110px 0 0; aspect-ratio: 21 / 8; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 70px rgba(1,21,12,.25); background: var(--green-950); }
.post-cover img { width: 100%; height: 100%; object-fit: cover; }
.post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 50px; align-items: start; padding: 40px 24px 60px; }
.post-layout[hidden] { display: none; }
.post-main { max-width: 780px; }
.post-tools { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid var(--line); }
.font-size { display: inline-flex; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.font-size button { width: 42px; height: 36px; border: 0; border-right: 1px solid var(--line); background: var(--white); cursor: pointer; font-weight: 800; color: var(--ink); font-size: 14px; }
.font-size button:last-child { border-right: 0; }
.font-size button:hover:not(:disabled) { background: var(--bg-soft); }
.font-size button.is-active { background: var(--green-950); color: var(--white); }
.font-size button:disabled { opacity: .35; cursor: default; }
.post-tools__read { font-size: 13px; font-weight: 700; color: var(--gold-dark); }
.post-body { --prose-size: 17px; }
.post-body p, .post-body li { font-size: var(--prose-size); line-height: 1.85; }
.post-body .lead { font-size: calc(var(--prose-size) + 2px); color: var(--ink); font-weight: 500; }
.post-body h2 { font-size: 27px; margin: 42px 0 16px; scroll-margin-top: 110px; }
.post-body h3 { font-size: 20px; margin: 30px 0 12px; }
.post-body ul, .post-body ol { padding-left: 22px; margin: 0 0 20px; display: grid; gap: 8px; color: var(--text); }
.post-body li::marker { color: var(--gold); font-weight: 800; }
.post-body a { color: var(--gold-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.post-body blockquote { margin: 28px 0; padding: 22px 26px; border-left: 4px solid var(--gold); border-radius: 0 12px 12px 0; background: rgba(168,137,79,.08); font-size: calc(var(--prose-size) + 1px); font-weight: 600; color: var(--ink); line-height: 1.7; }
.post-body .callout { margin: 26px 0; padding: 18px 22px; border-radius: 12px; background: var(--green-950); color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.7; }
.post-body .callout b { color: var(--gold-light); }
.post-body .callout a { color: var(--gold-light); }
.post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 36px; font-size: 14px; font-weight: 700; color: var(--ink); }
.post-tags a { padding: 6px 12px; border-radius: 999px; background: var(--bg-soft); color: var(--text); font-weight: 600; font-size: 13px; transition: all .2s; }
.post-tags a:hover { background: var(--green-950); color: var(--white); }
.post-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 30px; padding: 18px 22px; border-radius: 12px; background: var(--bg-soft); font-weight: 700; color: var(--ink); }
.post-feedback button { height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); cursor: pointer; font-weight: 700; transition: all .2s; }
.post-feedback button:hover:not(:disabled) { border-color: var(--gold); }
.post-feedback button.is-on { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.post-feedback button:disabled:not(.is-on) { opacity: .4; }
.post-feedback em { font-style: normal; font-weight: 600; color: #1d7a45; font-size: 14px; }
.post-share { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 22px; font-weight: 700; color: var(--ink); }
.post-share a, .post-share button { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); background: var(--white); color: var(--ink); font-weight: 800; font-size: 16px; cursor: pointer; transition: all .2s; }
.post-share a:hover, .post-share button:hover { background: var(--green-950); color: var(--gold-light); border-color: var(--green-950); transform: translateY(-2px); }
.post-share .ico { width: 17px; height: 17px; }
.author-box { display: flex; gap: 22px; margin-top: 40px; padding: 28px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); border: 1px solid var(--line); }
.author-box .avatar { color: var(--gold-light); font-weight: 800; }
.author-box .eyebrow { margin-bottom: 4px; }
.author-box h3 { font-size: 20px; font-weight: 800; }
.author-box small { color: var(--gold-dark); font-weight: 700; font-size: 13px; }
.author-box p { margin: 10px 0 12px; font-size: 14.5px; line-height: 1.7; color: var(--muted); }
.post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 30px; }
.post-nav__item { display: block; padding: 20px 22px; border-radius: 14px; border: 1px solid var(--line); background: var(--white); transition: all .25s var(--ease); }
.post-nav__item:hover { border-color: var(--gold); transform: translateY(-3px); box-shadow: var(--shadow); }
.post-nav__item small { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--gold-dark); }
.post-nav__item small .ico { width: 14px; height: 14px; }
.post-nav__item b { display: block; margin-top: 6px; font-size: 15px; line-height: 1.45; color: var(--ink); }
.post-nav__item--next { text-align: right; }
.comments { margin-top: 50px; }
.comments h2 { font-size: 24px; font-weight: 800; margin-bottom: 18px; }
.comments h2 span { color: var(--muted); font-weight: 600; }
.comment-form { display: grid; gap: 12px; padding: 22px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); }
.comment-form input, .comment-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); font-size: 14.5px; outline: none; resize: vertical; transition: border-color .2s, background .2s; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--gold); background: var(--white); }
.comment-form .form-row { gap: 12px; }
.comment-form__foot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.comment-form__foot small { display: flex; gap: 6px; align-items: center; font-size: 12px; color: var(--muted); }
.comment-form__foot small .ico { width: 14px; height: 14px; color: var(--gold); }
.comment-list { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 4px; }
.comment { display: flex; gap: 14px; padding: 18px 4px; border-bottom: 1px solid var(--line); animation: lineUp .4s var(--ease) both; }
.comment--reply { margin-left: 54px; padding-left: 18px; border-left: 2px solid var(--gold); border-bottom: 0; background: rgba(168,137,79,.05); border-radius: 0 10px 10px 0; }
.comment .avatar { width: 40px; height: 40px; color: var(--gold-light); }
.comment__head { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.comment__head b { color: var(--ink); }
.comment__head time { font-size: 12px; color: #9aa29f; }
.comment p { margin-top: 6px; font-size: 15px; line-height: 1.7; color: var(--text); overflow-wrap: anywhere; }

.post-side { position: sticky; top: 110px; display: grid; gap: 20px; }
.toc { padding: 22px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); }
.toc[hidden] { display: none; }
.toc h3 { font-size: 15px; font-weight: 800; margin-bottom: 12px; }
.toc__list { list-style: none; margin: 0; padding: 0; counter-reset: toc; display: grid; gap: 2px; }
.toc__list a { position: relative; display: block; padding: 8px 10px 8px 34px; border-radius: 8px; font-size: 13.5px; line-height: 1.45; color: var(--muted); transition: all .2s; counter-increment: toc; }
.toc__list a::before { content: counter(toc); position: absolute; left: 8px; top: 8px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-soft); font-size: 10.5px; font-weight: 800; color: var(--muted); transition: all .2s; }
.toc__list a:hover { background: var(--bg-soft); color: var(--ink); }
.toc__list a.is-done { color: var(--text); }
.toc__list a.is-done::before { background: rgba(168,137,79,.25); color: var(--gold-dark); }
.toc__list a.is-active { background: rgba(168,137,79,.1); color: var(--ink); font-weight: 700; }
.toc__list a.is-active::before { background: var(--gold); color: var(--white); }
.toc__progress { height: 4px; margin-top: 14px; border-radius: 999px; background: var(--bg-soft); overflow: hidden; }
.toc__progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gold-dark), var(--gold-light)); transition: width .15s; }
.tool-cta { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 16px; background: var(--green-950); color: var(--white); transition: transform .25s var(--ease); }
.tool-cta:hover { transform: translateY(-3px); }
.tool-cta__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--gold); }
.tool-cta__icon svg { width: 28px; height: 28px; fill: none; stroke: var(--white); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tool-cta small { display: block; font-size: 12px; color: rgba(255,255,255,.6); }
.tool-cta b { display: block; font-size: 15px; }
.tool-cta > .ico { margin-left: auto; color: var(--gold-light); }
.mini-posts { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 4px; }
.mini-posts a { display: flex; gap: 12px; padding: 10px 6px; border-radius: 10px; transition: background .2s; }
.mini-posts a:hover { background: var(--bg-soft); }
.mini-posts em { flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); font-style: normal; font-weight: 800; font-size: 13px; }
.mini-posts b { display: block; font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.mini-posts small { font-size: 12px; color: var(--muted); }
.mini-posts__empty { font-size: 13px; color: var(--muted); }
.related { background: var(--bg-soft); padding: 70px 0; }

@media (max-width: 1180px) {
  .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
  .blog-layout { grid-template-columns: 1fr; }
  .blog-filters {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 300; width: min(380px, 92vw); max-height: none;
    border-radius: 0 18px 18px 0; transform: translateX(-102%); transition: transform .35s var(--ease);
  }
  .blog-filters.is-open { transform: none; box-shadow: 30px 0 60px rgba(0,0,0,.25); }
  .blog-filters__close { display: grid; }
  .blog-filters__scroll { flex: 1; }
  .blog-filters__foot { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line); }
  .results-bar__filter { display: inline-flex; }
  .featured-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .feat--main { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
  .post-layout { grid-template-columns: 1fr; }
  .post-side { position: static; grid-row: 1; }
  .post-side .side-card { display: none; }
  .post-hero__title { font-size: 36px; }
}
@media (max-width: 768px) {
  .post-grid { grid-template-columns: 1fr; }
  .post-grid.is-list .bcard { flex-direction: column; }
  .post-grid.is-list .bcard__media { width: 100%; aspect-ratio: 16 / 9; min-height: 0; }
  .featured-grid { grid-template-columns: 1fr; }
  .feat--main h2 { font-size: 24px; }
  .feat--main .feat__body { padding: 24px; }
  .results-bar__tools { width: 100%; }
  .sort-select { flex: 1; }
  .post-cover { aspect-ratio: 16 / 9; margin-top: -90px; }
  .post-hero { padding-bottom: 120px; }
  .post-meta__actions { margin-left: 0; }
  .post-nav { grid-template-columns: 1fr; }
  .author-box { flex-direction: column; }
}
@media (max-width: 560px) {
  .blog-search { padding-left: 46px; }
  .blog-search__ico { left: 16px; }
  .blog-search kbd { display: none; }
  .post-hero__title { font-size: 28px; }
  .post-hero__excerpt { font-size: 16px; }
  .comment--reply { margin-left: 20px; }
}

/* ---------- Blog: öne çıkanlar (yeşil alandan ayrık) ---------- */
.blog-hero { padding-bottom: 72px; }
.blog-featured { margin-top: 0; background: var(--white); padding: 64px 0 56px; }
.blog-featured .blog__head { margin-bottom: 28px; }
.featured-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); grid-template-rows: none; gap: 28px; align-items: stretch; }
#blogResults { scroll-margin-top: 110px; }

.fmain {
  display: grid; grid-template-columns: 1fr 1.15fr; overflow: hidden;
  background: var(--white); border: 1px solid var(--line); border-radius: 18px;
  box-shadow: var(--shadow);
  transition: box-shadow .35s var(--ease), transform .35s var(--ease);
}
.fmain:hover { box-shadow: var(--shadow-hover); transform: translateY(-4px); }
.fmain__media { position: relative; display: block; min-height: 380px; overflow: hidden; background: var(--green-950); }
.fmain__media img, .fmain__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.fmain:hover .fmain__media img { transform: scale(1.05); }
.fmain__flag { position: absolute; left: 18px; top: 18px; padding: 6px 12px; border-radius: 8px; background: var(--gold); color: var(--white); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.fmain__body { display: flex; flex-direction: column; padding: 34px 34px 30px; }
.fmain__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--muted); }
.fmain__meta span { display: inline-flex; align-items: center; gap: 5px; }
.fmain__meta .ico { width: 14px; height: 14px; }
.fmain__cat { padding: 4px 10px; border-radius: 6px; background: rgba(168,137,79,.12); color: var(--gold-dark); font-weight: 800; font-size: 12px; }
.fmain h3 { font-size: 27px; font-weight: 800; line-height: 1.25; letter-spacing: -.02em; margin: 16px 0 14px; }
.fmain h3 a { transition: color .2s; }
.fmain h3 a:hover { color: var(--gold-dark); }
.fmain p { font-size: 15.5px; line-height: 1.75; color: var(--muted); }
.fmain__foot { margin-top: auto; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.fmain__foot .btn { height: 46px; padding: 0 22px; }

.fside { display: flex; flex-direction: column; gap: 14px; }
.fside__item {
  position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: center;
  padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--white);
  transition: border-color .25s, box-shadow .25s, transform .25s var(--ease);
}
.fside__item { flex: 1; }
.fside__item:hover { border-color: rgba(168,137,79,.45); box-shadow: var(--shadow); transform: translateX(4px); }
.fside__num { position: absolute; right: 16px; top: 12px; font-size: 26px; font-weight: 800; color: transparent; -webkit-text-stroke: 1px #dfe2e0; }
.fside__thumb { position: relative; display: block; width: 112px; height: 96px; border-radius: 12px; overflow: hidden; background: var(--green-950); }
.fside__thumb img, .fside__thumb .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fside__thumb .cover__word { display: none; }
.fside__body small { display: block; font-size: 12px; font-weight: 700; color: var(--gold-dark); padding-right: 36px; }
.fside__body b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 6px 0; font-size: 15.5px; line-height: 1.4; color: var(--ink); }
.fside__body em { display: block; font-style: normal; font-size: 12.5px; color: var(--muted); }
.fside__more { display: flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 8px; height: 52px; border-radius: 14px; background: var(--bg-soft); font-size: 14px; font-weight: 700; color: var(--ink); transition: background .2s, color .2s; }
.fside__more:hover { background: var(--green-950); color: var(--white); }
.fside__more .ico { width: 16px; height: 16px; }
.blog-body { padding-top: 56px; }

@media (max-width: 1080px) {
  .featured-grid { grid-template-columns: 1fr; }
  .fside { display: grid; grid-template-columns: 1fr 1fr; }
  .fside__more { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .fmain { grid-template-columns: 1fr; }
  .fmain__media { min-height: 0; aspect-ratio: 16 / 9; }
  .fmain__body { padding: 24px; }
  .fmain h3 { font-size: 22px; }
  .fside { grid-template-columns: 1fr; }
  .blog-featured { padding: 44px 0 36px; }
}

/* =========================================================
   BLOG VİTRİNİ: hikâyeler, mozaik, trendler, akış sekmeleri
   ========================================================= */
.showcase { background: var(--white); padding: 26px 0 60px; }
.showcase[hidden] { display: none; }

/* Hikâyeler */
.stories {
  display: flex; gap: 18px; overflow-x: auto; padding: 4px 2px 14px; margin-bottom: 14px;
  scrollbar-width: none; scroll-snap-type: x proximity;
}
.stories::-webkit-scrollbar { display: none; }
.story { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 78px; padding: 0; border: 0; background: none; cursor: pointer; scroll-snap-align: start; }
.story__ring {
  position: relative; width: 74px; height: 74px; border-radius: 50%; padding: 3px;
  background: conic-gradient(from 210deg, var(--gold-light), var(--gold-dark), #1d7a45, var(--gold-light));
  transition: transform .3s var(--ease);
}
.story__ring::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; border: 3px solid var(--white); pointer-events: none; }
.story:hover .story__ring { transform: scale(1.06) rotate(-4deg); }
.story.is-seen .story__ring { background: #d6dad8; }
.story__img { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: var(--green-950); }
.story__img img, .story__img .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.story__img .cover__word { display: none; }
.story__img .cover__icon { width: 46%; }
.story__label { max-width: 78px; font-size: 11.5px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.story.is-seen .story__label { color: var(--muted); font-weight: 600; }
.story:focus-visible .story__ring { box-shadow: 0 0 0 3px rgba(168,137,79,.5); }

/* Mozaik */
.mosaic { position: relative; }
.mosaic__track {
  display: flex; gap: 6px; height: 520px; overflow-x: auto; scrollbar-width: none;
  scroll-behavior: smooth; cursor: grab; user-select: none;
}
.mosaic__track::-webkit-scrollbar { display: none; }
.mosaic__track.is-grabbing { cursor: grabbing; scroll-behavior: auto; }
.mcol { flex-shrink: 0; display: flex; flex-direction: column; gap: 6px; height: 100%; }
.mcol--pair { width: 380px; }
.mcol--big { width: min(760px, 70vw); }
.mtile { position: relative; flex: 1; display: block; overflow: hidden; background: var(--green-950); color: var(--white); -webkit-user-drag: none; }
.mtile__media, .mtile__media img, .mtile__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mtile__media img { transition: transform .9s var(--ease); pointer-events: none; }
.mtile:hover .mtile__media img, .mtile:hover .cover__icon { transform: scale(1.06); }
.mtile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,21,12,.05) 30%, rgba(1,21,12,.9) 100%); transition: background .4s; }
.mtile:hover::after { background: linear-gradient(180deg, rgba(1,21,12,.15) 20%, rgba(1,21,12,.95) 100%); }
.mtile__cat { position: absolute; top: 18px; right: 18px; z-index: 2; padding: 5px 11px; border-radius: 6px; background: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.mtile__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 22px 24px; }
.mtile__body b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 19px; font-weight: 800; line-height: 1.35; }
.mtile--big .mtile__body { padding: 36px 40px; }
.mtile--big .mtile__body b { font-size: 36px; line-height: 1.18; letter-spacing: -.02em; -webkit-line-clamp: 3; }
.mtile__body small { display: block; margin-bottom: 10px; font-size: 13px; color: rgba(255,255,255,.75); }
.mtile .cover__word { font-size: 90px; }
.mosaic__nav {
  position: absolute; top: 50%; z-index: 5; width: 50px; height: 64px; transform: translateY(-50%);
  border: 0; background: rgba(255,255,255,.92); color: var(--ink); cursor: pointer;
  display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.2); transition: all .25s;
}
.mosaic__nav .ico { width: 24px; height: 24px; }
.mosaic__nav--prev { left: 0; border-radius: 0 10px 10px 0; }
.mosaic__nav--prev .ico { transform: rotate(180deg); }
.mosaic__nav--next { right: 0; border-radius: 10px 0 0 10px; }
.mosaic__nav:hover:not(:disabled) { background: var(--gold); color: var(--white); }
.mosaic__nav:disabled { opacity: 0; pointer-events: none; }

/* Trendler: uzun dikey kartlar */
.trend { margin-top: 56px; }
.trend__head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 18px; }
.trend__head h2 { display: inline-flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.trend__head h2 .ico { width: 24px; height: 24px; color: var(--gold); }
.trend__head span { color: var(--muted); font-size: 14px; }
.tall-row { display: grid; grid-template-columns: repeat(4, 1fr); border-radius: 14px; overflow: hidden; box-shadow: 0 24px 60px rgba(1,21,12,.18); }
.ttile { position: relative; display: block; height: 480px; overflow: hidden; background: var(--green-950); color: var(--white); }
.ttile + .ttile { border-left: 1px solid rgba(255,255,255,.08); }
.ttile__media, .ttile__media img, .ttile__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ttile__media img { transition: transform .9s var(--ease); }
.ttile:hover .ttile__media img, .ttile:hover .cover__icon { transform: scale(1.07); }
.ttile .cover__word { font-size: 80px; writing-mode: vertical-rl; right: 6px; bottom: auto; top: 10px; }
.ttile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,21,12,0) 35%, rgba(1,21,12,.92) 100%); }
.ttile__rank { position: absolute; top: 18px; left: 20px; z-index: 2; font-size: 44px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.7); }
.ttile__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 26px 28px; }
.ttile__cat { display: inline-block; padding: 5px 10px; border-radius: 6px; background: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.ttile__body b { display: block; margin: 14px 0 10px; font-size: 21px; font-weight: 800; line-height: 1.35; }
.ttile__body small { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: rgba(255,255,255,.7); }
.ttile__body small .ico { width: 14px; height: 14px; }
.ttile:hover .ttile__body b { color: var(--gold-light); }

/* Akış sekmeleri */
.feed-tabs {
  position: relative; display: flex; overflow-x: auto; scrollbar-width: none;
  margin-bottom: 20px; padding: 6px; border-radius: 14px;
  background: var(--green-950);
  background-image: linear-gradient(100deg, var(--green-950), #0a3326 60%, #183d2a);
  box-shadow: 0 14px 34px rgba(1,21,12,.2);
}
.feed-tabs::-webkit-scrollbar { display: none; }
.feed-tabs button {
  position: relative; z-index: 1; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 52px; padding: 0 22px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; white-space: nowrap;
  color: rgba(255,255,255,.72); font-size: 14.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  transition: color .25s;
}
.feed-tabs button .ico { width: 21px; height: 21px; }
.feed-tabs button:hover { color: var(--white); }
.feed-tabs button.is-active { color: var(--white); }
.feed-tabs button.is-active .ico { color: var(--gold-light); }
.feed-tabs__ink {
  position: absolute; top: 6px; bottom: 6px; left: 0; z-index: 0; border-radius: 10px;
  background: rgba(255,255,255,.1); box-shadow: inset 0 -3px 0 var(--gold);
  transition: transform .4s var(--ease), width .4s var(--ease), opacity .3s;
}

/* Hikâye görüntüleyici */
.story-viewer { position: fixed; inset: 0; z-index: 600; display: grid; place-items: center; background: rgba(1,10,6,.94); animation: fadeIn .25s ease both; }
.story-viewer[hidden] { display: none; }
.sv__frame {
  position: relative; width: min(420px, 100vw); height: min(760px, 100vh); overflow: hidden;
  border-radius: 18px; background: var(--green-950); box-shadow: 0 40px 100px rgba(0,0,0,.6);
  animation: modalIn .35s var(--ease) both;
}
.sv__media, .sv__media img, .sv__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sv__media img { animation: kenburns 7s ease-out both; }
.sv__frame::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(1,21,12,.7) 0%, rgba(1,21,12,0) 22%, rgba(1,21,12,0) 40%, rgba(1,21,12,.95) 100%); pointer-events: none; }
.sv__bars { position: absolute; top: 12px; left: 12px; right: 12px; z-index: 4; display: flex; gap: 4px; }
.sv__bars span { flex: 1; height: 3px; border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; }
.sv__bars i { display: block; height: 100%; background: var(--white); }
.sv__top { position: absolute; top: 26px; left: 14px; right: 10px; z-index: 4; display: flex; align-items: center; gap: 10px; color: var(--white); }
.sv__top .avatar { color: var(--gold-light); }
.sv__top b { display: block; font-size: 14px; }
.sv__top small { font-size: 12px; color: rgba(255,255,255,.7); }
.sv__top > span:not(.avatar) { margin-right: auto; }
.sv__btn { width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: var(--white); cursor: pointer; display: grid; place-items: center; font-size: 12px; }
.sv__btn:hover { background: rgba(255,255,255,.25); }
.sv__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; padding: 26px 24px 28px; color: var(--white); }
.sv__cat { display: inline-block; padding: 5px 10px; border-radius: 6px; background: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.sv__body h3 { color: var(--white); font-size: 25px; font-weight: 800; line-height: 1.25; margin: 14px 0 10px; }
.sv__body p { font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.8); margin-bottom: 18px; }
.sv__body .btn { width: 100%; }
.sv__hit { position: absolute; top: 80px; bottom: 190px; z-index: 3; width: 40%; border: 0; background: transparent; cursor: pointer; }
.sv__hit--prev { left: 0; }
.sv__hit--next { right: 0; width: 60%; }
.sv__arrow { position: absolute; top: 50%; width: 52px; height: 52px; margin-top: -26px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: var(--white); cursor: pointer; display: grid; place-items: center; transition: background .2s; }
.sv__arrow:hover { background: var(--gold); }
.sv__arrow--prev { left: calc(50% - 280px); }
.sv__arrow--next { right: calc(50% - 280px); }
.story-viewer.is-paused .sv__bars i { opacity: .7; }

@media (max-width: 1080px) {
  .tall-row { grid-template-columns: repeat(2, 1fr); }
  .ttile { height: 400px; }
  .ttile:nth-child(3) { border-left: 0; }
  .feed-tabs button { flex: none; }
}
@media (max-width: 768px) {
  .mosaic__track { height: 420px; }
  .mcol--pair { width: 280px; }
  .mcol--big { width: 86vw; }
  .mtile--big .mtile__body b { font-size: 25px; }
  .mtile--big .mtile__body { padding: 24px; }
  .mtile__body b { font-size: 16px; }
  .mosaic__nav { display: none; }
  .tall-row { grid-template-columns: 1fr; }
  .ttile { height: 340px; }
  .ttile + .ttile { border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }
  .sv__arrow { display: none; }
  .sv__frame { border-radius: 0; height: 100vh; }
  .story__ring { width: 64px; height: 64px; }
  .story { width: 68px; }
}

/* Hikâyeler: yalnızca tam sığanlar görünsün (sığmayan alt satıra geçip gizlenir) */
.stories {
  flex-wrap: wrap; justify-content: center; overflow: hidden;
  height: 114px; row-gap: 60px; padding: 4px 2px 0;
  scroll-snap-type: none;
}
@media (max-width: 768px) {
  .stories { height: 102px; gap: 14px; row-gap: 60px; }
}

/* Blog kartı: istatistikler görselde, alt satırda yazar + kaydet */
.bcard__stats {
  position: absolute; right: 12px; bottom: 12px; z-index: 2;
  display: inline-flex; gap: 10px; padding: 5px 10px; border-radius: 999px;
  background: rgba(1,21,12,.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  color: var(--white); font-size: 12px; font-weight: 700;
}
.bcard__stats span { display: inline-flex; align-items: center; gap: 4px; }
.bcard__stats .ico { width: 13px; height: 13px; }
.bcard__author { flex: 1; min-width: 0; }
.bcard__author > span:last-child { min-width: 0; }
.bcard__author b, .bcard__author small { overflow: hidden; text-overflow: ellipsis; }
.bcard__save { flex-shrink: 0; }

/* =========================================================
   MOBİL DÜZELTMELERİ (responsive denetimi sonrası)
   ========================================================= */
/* Kapalı mobil menü ve benzeri ekran dışı öğeler yatay kaydırma oluşturmasın */
html, body { overflow-x: clip; }
@media (max-width: 1080px) {
  .nav { visibility: hidden; transition: transform .35s var(--ease), visibility 0s linear .35s; }
  .nav.is-open { visibility: visible; transition: transform .35s var(--ease), visibility 0s; }
}
/* Gizli radyo/onay kutuları kendi kutusunun içinde kalsın */
.chip, .segmented__item, .checkbox, .fcheck label, .chat__mood label, .fswitch { position: relative; }
.chip input, .segmented__item input, .checkbox input, .fcheck input, .chat__mood input, .fswitch input { left: 0; top: 0; width: 1px; height: 1px; }
/* Uzun formül satırları kırılsın */
.tool-info__grid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
.prose { min-width: 0; }
.formula code { overflow-wrap: anywhere; }
@media (max-width: 1080px) { .tool-info__grid { grid-template-columns: minmax(0, 1fr); } }
/* Blog sonuç çubuğu telefonda alt alta */
@media (max-width: 560px) {
  .results-bar__tools { flex-wrap: wrap; }
  .results-bar__filter { flex: 1 1 100%; justify-content: center; }
  .sort-select { flex: 1 1 auto; min-width: 0; }
  .sort-select > span { display: none; }
}

/* =========================================================
   CANLI PİYASA ŞERİDİ
   ========================================================= */
.market { background: #04201a; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.85); }
.market[hidden] { display: none; }
.market__inner { display: flex; align-items: center; gap: 18px; height: 48px; }
.market__label { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; padding-right: 18px; border-right: 1px solid rgba(255,255,255,.12); font-size: 13px; }
.market__label b { color: var(--gold-light); letter-spacing: .03em; }
.market__label .live-dot { font-size: 12px; }
.market__viewport {
  flex: 1; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.market__track { display: flex; width: max-content; opacity: 0; transition: opacity .5s; }
.market.is-ready .market__track { opacity: 1; animation: marquee var(--dur, 40s) linear infinite; }
.market__viewport:hover .market__track, .market__track:focus-within { animation-play-state: paused; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.market__group { display: flex; }
.mk {
  display: inline-flex; align-items: center; gap: 9px; height: 48px; padding: 0 22px;
  border-right: 1px solid rgba(255,255,255,.07); white-space: nowrap; font-size: 13.5px;
  transition: background .2s;
}
.mk:hover { background: rgba(255,255,255,.05); }
.mk__icon { width: 20px; height: 20px; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; overflow: hidden; }
.mk__icon img, .mk__icon svg { width: 100%; height: 100%; object-fit: cover; display: block; }
.mk__icon--flag { box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); }
.mk__name { color: rgba(255,255,255,.65); font-weight: 600; }
.mk__price { color: var(--white); font-weight: 800; font-variant-numeric: tabular-nums; border-radius: 4px; padding: 1px 3px; }
.mk.is-flash-up .mk__price { animation: flashUp 1.2s ease; }
.mk.is-flash-down .mk__price { animation: flashDown 1.2s ease; }
.mk__chg { font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mk__chg.is-up { color: #4fd18b; }
.mk__chg.is-down { color: #f07a66; }
@media (prefers-reduced-motion: reduce) {
  .market__viewport { overflow-x: auto; scrollbar-width: none; }
}
@media (max-width: 560px) {
  .market__label b { display: none; }
  .market__label { padding-right: 12px; }
  .mk { padding: 0 16px; }
}
@media (max-width: 1080px) { .blog-layout { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Blog: özel sıralama menüsü ---------- */
.sort-select.sortdd { position: relative; padding: 0; border: 0; background: none; height: auto; }
.sortdd > span, .sortdd > select, .sortdd > .ico { display: none; }
.sortdd__btn {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--white); cursor: pointer;
  font-size: 13.5px; color: var(--ink); white-space: nowrap; transition: border-color .2s, box-shadow .2s;
}
.sortdd__btn:hover { border-color: #cfd4d1; }
.sortdd.is-open .sortdd__btn, .sortdd__btn:focus-visible { outline: none; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(168,137,79,.12); }
.sortdd__k { color: var(--muted); font-weight: 500; }
.sortdd__ico { width: 16px; height: 16px; color: var(--gold-dark); }
.sortdd__btn b { font-weight: 800; }
.sortdd__chev { width: 16px; height: 16px; color: var(--muted); margin-left: 4px; transition: transform .25s var(--ease); }
.sortdd.is-open .sortdd__chev { transform: rotate(180deg); }
.sortdd__menu {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; width: 250px;
  padding: 8px; border-radius: 14px; background: var(--white); border: 1px solid var(--line);
  box-shadow: 0 24px 60px rgba(10,30,20,.18);
  animation: rsIn .2s var(--ease) both;
}
.sortdd__menu[hidden] { display: none; }
.sortdd__group { padding: 10px 10px 6px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--gold-dark); }
.sortdd__group:not(:first-child) { margin-top: 4px; border-top: 1px solid var(--line); padding-top: 12px; }
.sortdd__opt {
  width: 100%; display: flex; align-items: center; gap: 11px; padding: 10px 10px; border: 0; border-radius: 9px;
  background: transparent; cursor: pointer; text-align: left; font-size: 14px; font-weight: 600; color: var(--text);
  transition: background .15s, color .15s;
}
.sortdd__opt .ico { width: 17px; height: 17px; color: var(--muted); flex-shrink: 0; }
.sortdd__opt span { flex: 1; }
.sortdd__opt:hover, .sortdd__opt:focus-visible { outline: none; background: var(--bg-soft); color: var(--ink); }
.sortdd__opt:hover .ico { color: var(--gold-dark); }
.sortdd__opt.is-selected { background: rgba(168,137,79,.1); color: var(--ink); font-weight: 800; }
.sortdd__opt.is-selected .ico { color: var(--gold-dark); }
.sortdd__check { color: var(--gold-dark) !important; stroke-width: 2.6; }
@media (max-width: 560px) {
  .sort-select.sortdd { flex: 1 1 auto; }
  .sortdd__btn { width: 100%; }
  .sortdd__btn b { overflow: hidden; text-overflow: ellipsis; }
  .sortdd__chev { margin-left: auto; }
  .sortdd__menu { left: 0; right: auto; width: min(280px, calc(100vw - 32px)); }
}

/* =========================================================
   BLOG: YAZI İÇİ ZENGİN BİLEŞENLER
   ========================================================= */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.post-meta__who { display: flex; align-items: center; gap: 12px; }
.post-meta__who:hover b { color: var(--gold-light); }
.post-meta__info li.is-updated { color: #6fd39b; }
.post-meta__info li.is-updated .ico { color: #6fd39b; }
a.bcard__author:hover b { color: var(--gold-dark); }

.post-summary { margin: 26px 0 30px; padding: 22px 24px; border-radius: 14px; background: var(--bg-soft); border: 1px solid var(--line); }
.post-summary b { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--ink); margin-bottom: 10px; }
.post-summary b::before { content: "✦"; color: var(--gold); }
.post-summary ul { margin: 0; gap: 6px; }
.post-summary li { font-size: calc(var(--prose-size) - 1px) !important; }

.post-figure { margin: 30px 0; }
.post-figure img { width: 100%; border-radius: 14px; aspect-ratio: 16 / 8; object-fit: cover; }
.post-figure figcaption { display: flex; gap: 8px; margin-top: 10px; font-size: 13.5px; line-height: 1.6; color: var(--muted); font-style: italic; }
.post-figure figcaption::before { content: ""; flex-shrink: 0; width: 18px; height: 2px; margin-top: 10px; background: var(--gold); }

.post-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 6px 0; font-size: 15px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.post-table th { background: var(--green-950); color: var(--white); text-align: left; padding: 14px 18px; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.post-table td { padding: 14px 18px; border-top: 1px solid var(--line); color: var(--text); vertical-align: top; }
.post-table tbody tr:nth-child(even) td { background: var(--bg-soft); }
.post-table tbody tr:hover td { background: rgba(168,137,79,.08); }
.post-table td b { color: var(--gold-dark); font-size: 16px; }
.table-note { font-size: 13px !important; color: var(--muted); margin-top: 8px; }

/* Gömülü hesaplayıcı */
.inline-calc { margin: 28px 0; border-radius: 16px; overflow: hidden; border: 1px solid rgba(168,137,79,.35); background: var(--white); box-shadow: 0 16px 40px rgba(10,30,20,.08); }
.ic__head { display: flex; align-items: center; gap: 14px; padding: 16px 20px; background: var(--green-950); color: var(--white); }
.ic__icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; background: var(--gold); }
.ic__icon svg { width: 26px; height: 26px; fill: none; stroke: var(--white); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ic__head b { display: block; font-size: 16px; }
.ic__head small { font-size: 12.5px; color: rgba(255,255,255,.65); }
.ic__more { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--gold-light) !important; text-decoration: none !important; white-space: nowrap; }
.ic__more .ico { width: 15px; height: 15px; }
.ic__body { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 18px 20px 6px; }
.ic__seg, .ic__rates { display: inline-flex; padding: 4px; border-radius: 10px; background: var(--bg-soft); border: 1px solid var(--line); }
.ic__seg button, .ic__rates button { height: 36px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--muted); transition: all .2s; }
.ic__seg button.is-on { background: var(--green-950); color: var(--white); }
.ic__rates button.is-on { background: var(--gold); color: var(--white); }
.ic__amount { flex: 1; min-width: 160px; display: flex; align-items: center; height: 46px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); overflow: hidden; }
.ic__amount:focus-within { border-color: var(--gold); background: var(--white); }
.ic__amount input { flex: 1; min-width: 0; height: 100%; padding: 0 14px; border: 0; outline: none; background: transparent; font-size: 17px; font-weight: 800; color: var(--ink); }
.ic__amount em { padding: 0 14px; font-style: normal; font-weight: 800; color: var(--muted); }
.ic__result { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 14px 20px 20px; border-radius: 12px; overflow: hidden; background: var(--line); }
.ic__result > div { padding: 14px 16px; background: var(--bg-soft); }
.ic__result small { display: block; font-size: 12px; font-weight: 700; color: var(--muted); }
.ic__result b { display: block; margin-top: 4px; font-size: 17px; color: var(--ink); font-variant-numeric: tabular-nums; }
.ic__result .is-main { background: var(--green-950); }
.ic__result .is-main small { color: rgba(255,255,255,.6); }
.ic__result .is-main b { color: var(--gold-light); font-size: 19px; }

/* Video */
.post-video { position: relative; margin: 30px 0; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: var(--green-950); }
.post-video__poster, .post-video__poster img, .post-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.post-video__poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,21,12,.15), rgba(1,21,12,.75)); }
.post-video__play { position: absolute; left: 50%; top: 50%; z-index: 2; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; border: 0; cursor: pointer; background: var(--gold); box-shadow: 0 0 0 12px rgba(168,137,79,.25); transition: transform .3s var(--ease), box-shadow .3s; }
.post-video__play span { position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -7px; border-left: 22px solid var(--white); border-top: 13px solid transparent; border-bottom: 13px solid transparent; }
.post-video__play:hover { transform: scale(1.08); box-shadow: 0 0 0 18px rgba(168,137,79,.2); }
.post-video__play::after { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 2px solid rgba(168,137,79,.6); animation: pulseRing 2s ease-out infinite; }
.post-video__cap { position: absolute; left: 24px; bottom: 20px; z-index: 2; color: var(--white); }
.post-video__cap b { display: block; font-size: 17px; }
.post-video__cap small { font-size: 13px; color: rgba(255,255,255,.75); }

.post-body .callout--warn { background: #fdf3ef; color: #7a3326; border: 1px solid #f3cfc4; }
.post-body .callout--warn b { color: #b3412f; }

.post-faq { margin-top: 44px; }
.post-faq .faq-item { margin-bottom: 10px; border: 1px solid var(--line); }
.post-faq .faq-item summary { font-size: 16px; }
.post-faq .faq-item__body p { font-size: calc(var(--prose-size) - 1px) !important; }

.sources { margin-top: 34px; padding: 20px 24px; border-radius: 14px; border: 1px dashed #c9cdcb; background: #fcfcfb; }
.sources h4 { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ink); margin-bottom: 10px; text-transform: uppercase; letter-spacing: .04em; }
.sources h4::before { content: "§"; color: var(--gold); font-size: 18px; }
.sources ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.sources li { font-size: 14px !important; line-height: 1.6 !important; color: var(--muted); }

/* Sesli dinle */
.post-tools { gap: 12px; flex-wrap: wrap; }
.listen { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; margin-left: 12px; }
.listen[hidden] { display: none; }
.listen__btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); cursor: pointer; font-size: 13px; font-weight: 700; color: var(--ink); transition: all .2s; }
.listen__btn .ico { width: 17px; height: 17px; color: var(--gold-dark); }
.listen__btn:hover { border-color: var(--gold); }
.listen.is-playing .listen__btn { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.listen.is-playing .listen__btn .ico { color: var(--gold-light); animation: hop 1s ease-in-out infinite; }
.listen__rate, .listen__stop { height: 36px; min-width: 36px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); cursor: pointer; font-size: 12.5px; font-weight: 800; color: var(--ink); display: inline-grid; place-items: center; }
.listen__rate[hidden], .listen__stop[hidden] { display: none; }
.listen__stop .ico { width: 14px; height: 14px; }
.post-body .is-reading { background: linear-gradient(90deg, rgba(168,137,79,.16), rgba(168,137,79,.04)); box-shadow: -8px 0 0 rgba(168,137,79,.16), 8px 0 0 rgba(168,137,79,.04); border-radius: 6px; transition: background .3s; }

/* =========================================================
   BLOG: ARAMA ÖNERİLERİ
   ========================================================= */
.blog-search { z-index: 20; }
.blog-search.is-suggesting { border-radius: 14px 14px 14px 14px; }
.suggest {
  position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 30;
  max-height: min(520px, 70vh); overflow-y: auto; overscroll-behavior: contain;
  padding: 8px; border-radius: 14px; background: var(--white);
  box-shadow: 0 30px 70px rgba(0,0,0,.3); text-align: left;
  animation: rsIn .2s var(--ease) both;
}
.suggest[hidden] { display: none; }
.sg__sec + .sg__sec { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--line); }
.sg__title { display: flex; align-items: center; gap: 8px; padding: 10px 10px 6px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--gold-dark); }
.sg__title em { font-style: normal; padding: 1px 7px; border-radius: 999px; background: var(--bg-soft); color: var(--muted); letter-spacing: 0; }
.sg__clear { margin-left: auto; border: 0; background: none; color: var(--muted); font-size: 11.5px; font-weight: 700; cursor: pointer; text-transform: none; letter-spacing: 0; }
.sg__clear:hover { color: var(--ink); }
.sg__item {
  width: 100%; display: flex; align-items: center; gap: 12px; padding: 9px 10px; border: 0; border-radius: 10px;
  background: transparent; cursor: pointer; text-align: left; font-size: 14px; color: var(--ink);
}
.sg__item:hover, .sg__item.is-active { background: var(--bg-soft); }
.sg__item.is-active { box-shadow: inset 3px 0 0 var(--gold); }
.sg__item > .ico { width: 16px; height: 16px; color: var(--muted); flex-shrink: 0; }
.sg__item mark { background: rgba(168,137,79,.28); color: inherit; border-radius: 3px; padding: 0 1px; }
.sg__thumb { position: relative; flex-shrink: 0; width: 54px; height: 40px; border-radius: 8px; overflow: hidden; background: var(--green-950); }
.sg__thumb img, .sg__thumb .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sg__thumb .cover__word { display: none; }
.sg__text { min-width: 0; }
.sg__text b { display: block; font-size: 14px; font-weight: 700; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sg__text small { font-size: 12px; color: var(--muted); }
.sg__dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; background: var(--c1, #0a3326); }
.sg__meta { margin-left: auto; font-size: 11.5px; color: var(--muted); }
.sg__item .avatar { color: var(--gold-light); font-weight: 800; }
.sg__row { display: flex; align-items: center; }
.sg__row .sg__item { flex: 1; }
.sg__del { width: 30px; height: 30px; border: 0; border-radius: 8px; background: none; color: #9aa29f; cursor: pointer; display: grid; place-items: center; }
.sg__del:hover { background: var(--bg-soft); color: var(--ink); }
.sg__del .ico { width: 14px; height: 14px; }
.sg__chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 10px 10px; }
.sg__chips .sg__item { width: auto; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); font-size: 13px; font-weight: 600; }
.sg__chips .sg__item:hover, .sg__chips .sg__item.is-active { border-color: var(--gold); box-shadow: none; }
.sg__empty { padding: 16px 12px; color: var(--muted); font-size: 14px; }
.sg__all { margin-top: 4px; border-top: 1px solid var(--line); border-radius: 0 0 10px 10px; color: var(--gold-dark); }
.sg__all kbd { margin-left: auto; padding: 2px 8px; border: 1px solid var(--line); border-radius: 6px; font-family: var(--font); font-size: 11px; color: var(--muted); }

/* =========================================================
   YAZAR SAYFASI
   ========================================================= */
.author-hero { background: var(--green-950); background-image: radial-gradient(circle at 15% 30%, rgba(168,137,79,.22), transparent 45%); padding: 40px 0 56px; color: rgba(255,255,255,.75); }
.author-hero__grid { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 40px; align-items: center; margin-top: 30px; }
.author-hero__avatar { position: relative; }
.author-hero__avatar .avatar { font-size: 54px !important; color: var(--gold-light); box-shadow: 0 0 0 6px rgba(255,255,255,.06), 0 0 0 12px rgba(168,137,79,.18); }
.author-hero__badge { position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 999px; background: var(--gold); color: var(--white); font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.author-hero__badge .ico { width: 14px; height: 14px; }
.author-hero__role { display: inline-block; padding: 5px 11px; border-radius: 6px; background: rgba(168,137,79,.18); color: var(--gold-light); font-size: 13px; font-weight: 700; }
.author-hero h1 { color: var(--white); font-size: 44px; font-weight: 800; letter-spacing: -.02em; margin: 12px 0 10px; }
.author-hero__info p { font-size: 17px; line-height: 1.7; max-width: 620px; }
.author-hero__skills { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 22px; }
.author-hero__skills span { padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); font-size: 13px; font-weight: 600; color: rgba(255,255,255,.88); }
.author-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.author-hero__actions .btn { height: 48px; }
.author-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.08); min-width: 300px; }
.author-stats li { padding: 20px 22px; background: rgba(1,21,12,.55); }
.author-stats b { display: block; font-size: 28px; font-weight: 800; color: var(--gold-light); line-height: 1.1; }
.author-stats span { font-size: 13px; color: rgba(255,255,255,.6); }
.author-body { background: var(--bg-soft); padding: 40px 0 70px; }
.author-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 30px; align-items: start; }
.feed-tabs--light { background: var(--white); background-image: none; box-shadow: var(--shadow); }
.feed-tabs--light button { color: var(--muted); }
.feed-tabs--light button:hover, .feed-tabs--light button.is-active { color: var(--ink); }
.feed-tabs--light button.is-active .ico { color: var(--gold-dark); }
.feed-tabs--light .feed-tabs__ink { background: rgba(168,137,79,.1); }
.post-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.author-side { position: sticky; top: 110px; display: grid; gap: 18px; }
.author-about { font-size: 14.5px; line-height: 1.75; color: var(--text); margin-top: 10px; }
.cat-bars { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; }
.cat-bars a { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.cat-bars a:hover { color: var(--gold-dark); }
.cat-bars em { font-style: normal; color: var(--muted); }
.cat-bars__bar { display: block; height: 8px; border-radius: 999px; background: var(--bg-soft); overflow: hidden; }
.cat-bars__bar i { display: block; height: 100%; border-radius: 999px; background: var(--c1); animation: growLine .9s var(--ease) both; transform-origin: left; }
.cat-bars__bar i.cover--ink, .cat-bars__bar i.cover--green, .cat-bars__bar i.cover--forest { background: var(--gold); }
.author-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.author-card { display: flex; align-items: center; gap: 16px; padding: 22px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); transition: transform .3s var(--ease), box-shadow .3s; }
.author-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); }
.author-card .avatar { color: var(--gold-light); font-weight: 800; flex-shrink: 0; }
.author-card b { display: block; font-size: 16.5px; color: var(--ink); }
.author-card small { display: block; font-size: 13px; color: var(--gold-dark); font-weight: 600; }
.author-card em { display: block; margin-top: 4px; font-style: normal; font-size: 12.5px; color: var(--muted); }
.author-card > .ico { margin-left: auto; color: var(--muted); transition: transform .25s var(--ease), color .2s; }
.author-card:hover > .ico { transform: translateX(4px); color: var(--gold); }

@media (max-width: 1080px) {
  .author-hero__grid { grid-template-columns: auto minmax(0, 1fr); }
  .author-stats { grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); min-width: 0; }
  .author-layout { grid-template-columns: minmax(0, 1fr); }
  .author-side { position: static; grid-template-columns: 1fr 1fr; }
  .author-side .tool-cta { grid-column: 1 / -1; }
  .author-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .author-hero__grid { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 30px; }
  .author-hero h1 { font-size: 32px; }
  .author-stats { grid-template-columns: repeat(2, 1fr); width: 100%; }
  .post-grid--two { grid-template-columns: minmax(0, 1fr); }
  .author-side { grid-template-columns: minmax(0, 1fr); }
  .author-cards { grid-template-columns: minmax(0, 1fr); }
  .ic__result { grid-template-columns: 1fr; }
  .ic__more { display: none; }
  .listen { margin-left: 0; order: 3; width: 100%; }
}
.blog-hero { overflow-x: clip; overflow-y: visible; z-index: 5; }
.prose .ic__head b, .prose .post-video__cap b { color: var(--white); }

/* =========================================================
   KURUMSAL SAYFALAR
   ========================================================= */
/* Footer alt satırı */
.footer__bottom-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 24px; }
.footer__legal { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.footer__legal a { color: rgba(255,255,255,.65); transition: color .2s; }
.footer__legal a:hover { color: var(--gold-light); }

/* Çerez bandı */
.cookie {
  position: fixed; left: 24px; bottom: 24px; z-index: 450; width: min(560px, calc(100% - 48px));
  display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; align-items: start;
  padding: 20px 22px; border-radius: 16px; background: var(--white);
  box-shadow: 0 30px 70px rgba(1,21,12,.25); border: 1px solid var(--line);
  opacity: 0; transform: translateY(20px); transition: opacity .35s var(--ease), transform .35s var(--ease);
}
.cookie[hidden] { display: none; }
.cookie.is-in { opacity: 1; transform: none; }
.cookie__icon { grid-row: span 2; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.cookie__icon .ico { width: 22px; height: 22px; }
.cookie__text b { display: block; font-size: 15px; color: var(--ink); margin-bottom: 4px; }
.cookie__text p { font-size: 13.5px; line-height: 1.6; color: var(--muted); }
.cookie__text a { color: var(--gold-dark); font-weight: 700; text-decoration: underline; }
.cookie__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.cookie__actions .btn { width: auto; height: 40px; }

/* Hizmet listesi */
.svc-list { background: var(--bg-soft); }
.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.svc-card {
  position: relative; display: flex; flex-direction: column; overflow: hidden;
  padding: 34px 32px 30px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.svc-card::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--gold-dark), var(--gold-light)); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease); }
.svc-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); }
.svc-card:hover::after { transform: scaleX(1); }
.svc-card__num { position: absolute; top: 22px; right: 26px; font-size: 52px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px #e2e5e3; transition: -webkit-text-stroke-color .3s; }
.svc-card:hover .svc-card__num { -webkit-text-stroke-color: var(--gold); }
.svc-card__icon { width: 64px; height: 64px; border-radius: 16px; display: grid; place-items: center; margin-bottom: 22px; background: var(--green-950); color: var(--gold-light); transition: transform .4s var(--ease); }
.svc-card__icon svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.svc-card:hover .svc-card__icon { transform: rotate(-6deg) scale(1.05); }
.svc-card h2 { font-size: 22px; font-weight: 800; margin-bottom: 10px; }
.svc-card p { font-size: 14.5px; line-height: 1.75; color: var(--muted); }
.svc-card ul { list-style: none; margin: 18px 0 24px; padding: 0; display: grid; gap: 8px; }
.svc-card li { display: flex; gap: 10px; font-size: 14px; color: var(--text); }
.svc-card li .ico { flex-shrink: 0; width: 20px; height: 20px; padding: 4px; border-radius: 50%; background: rgba(168,137,79,.14); color: var(--gold-dark); stroke-width: 2.6; }
.svc-card .link-arrow { margin-top: auto; }
.svc-card--cta { background: var(--green-950); background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.3), transparent 50%); }
.svc-card--cta h2 { color: var(--white); }
.svc-card--cta p { color: rgba(255,255,255,.72); margin-bottom: 24px; }
.svc-card--cta .svc-card__icon { background: var(--gold); color: var(--white); }
.svc-card--cta .link-arrow { color: var(--gold-light); }

/* Hizmet detayı */
.svc-detail { background: var(--bg-soft); }
.svc-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 34px; align-items: start; }
.svc-main { display: grid; gap: 26px; }
.svc-intro, .svc-block { padding: 34px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.svc-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 26px; }
.svc-intro__icon { width: 76px; height: 76px; border-radius: 18px; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); }
.svc-intro__icon svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.svc-intro .section-title { margin-bottom: 14px; }
.svc-intro p { font-size: 15.5px; line-height: 1.8; color: var(--text); }
.svc-intro .check-list { grid-template-columns: 1fr; margin: 20px 0 0; }
.svc-block__title { font-size: 22px; font-weight: 800; margin-bottom: 20px; }
.svc-block__head { display: flex; justify-content: space-between; align-items: baseline; }
.feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.feat-item { display: flex; gap: 16px; padding: 20px; border-radius: 12px; border: 1px solid var(--line); transition: border-color .3s, transform .3s var(--ease), box-shadow .3s; }
.feat-item:hover { border-color: rgba(168,137,79,.5); transform: translateY(-3px); box-shadow: var(--shadow); }
.feat-item__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); transition: background .3s, color .3s; }
.feat-item:hover .feat-item__icon { background: var(--green-950); color: var(--gold-light); }
.feat-item__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feat-item h3 { font-size: 16px; font-weight: 800; margin-bottom: 6px; }
.feat-item p { font-size: 13.5px; line-height: 1.65; color: var(--muted); }
.who-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.who-chips span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: var(--bg-soft); border: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--ink); }
.who-chips .ico { width: 16px; height: 16px; color: var(--gold-dark); }
.timeline { list-style: none; margin: 0; padding: 0; counter-reset: tl; display: grid; gap: 0; }
.timeline li { position: relative; counter-increment: tl; padding: 0 0 22px 56px; }
.timeline li::before { content: counter(tl); position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); font-weight: 800; }
.timeline li::after { content: ""; position: absolute; left: 18px; top: 40px; bottom: 2px; width: 2px; background: repeating-linear-gradient(to bottom, var(--gold) 0 4px, transparent 4px 9px); }
.timeline li:last-child { padding-bottom: 0; }
.timeline li:last-child::after { display: none; }
.timeline b { display: block; font-size: 16px; color: var(--ink); padding-top: 7px; }
.timeline span { display: block; font-size: 14px; color: var(--muted); margin-top: 4px; }
.svc-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tool-cta--light { background: var(--bg-soft); color: var(--ink); border: 1px solid var(--line); }
.tool-cta--light small { color: var(--muted); }
.tool-cta--light > .ico { color: var(--gold-dark); }
.tool-cta--light:hover { border-color: rgba(168,137,79,.5); }
.svc-block .faq-item { border: 1px solid var(--line); }
.svc-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.svc-post { display: flex; flex-direction: column; gap: 12px; }
.svc-post__media { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; background: var(--green-950); }
.svc-post__media img, .svc-post__media .cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.svc-post:hover .svc-post__media img, .svc-post:hover .cover__icon { transform: scale(1.06); }
.svc-post small { display: block; font-size: 12px; color: var(--muted); }
.svc-post b { display: block; margin-top: 4px; font-size: 15px; line-height: 1.45; color: var(--ink); transition: color .2s; }
.svc-post:hover b { color: var(--gold-dark); }
.svc-side { position: sticky; top: 110px; display: grid; gap: 18px; }
.quote-card { display: grid; gap: 12px; padding: 28px 26px; border-radius: 16px; background: var(--green-950); background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.25), transparent 50%); color: rgba(255,255,255,.75); box-shadow: 0 24px 50px rgba(1,21,12,.25); }
.quote-card h3 { color: var(--white); font-size: 21px; font-weight: 800; line-height: 1.3; }
.quote-card > p { font-size: 13.5px; line-height: 1.6; margin-bottom: 4px; }
.qf span { display: block; font-size: 12.5px; font-weight: 700; color: rgba(255,255,255,.7); margin-bottom: 6px; }
.qf input, .qf textarea { width: 100%; padding: 12px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.06); color: var(--white); font-size: 14.5px; outline: none; resize: vertical; transition: border-color .2s, background .2s; }
.qf input::placeholder, .qf textarea::placeholder { color: rgba(255,255,255,.4); }
.qf input:focus, .qf textarea:focus { border-color: var(--gold); background: rgba(255,255,255,.1); }
.qf.is-invalid input { border-color: #f07a66; }
.checkbox--dark { color: rgba(255,255,255,.7); font-size: 13px; }
.checkbox--dark .checkbox__box { background: transparent; border-color: rgba(255,255,255,.35); }
.checkbox--dark a { color: var(--gold-light); }
.checkbox--dark.is-invalid .checkbox__box { border-color: #f07a66; }
.quote-card .btn { width: 100%; }
.quote-card__ok { display: flex; align-items: center; gap: 8px; color: #6fd39b; font-weight: 700; font-size: 14px; }
.quote-card__ok[hidden] { display: none; }
.quote-card__ok .ico { width: 18px; height: 18px; }
.call-card { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.call-card small { display: block; font-size: 12.5px; color: var(--muted); }
.call-card b { display: block; font-size: 18px; color: var(--ink); }
.call-card:hover .call-box__icon { background: var(--gold); color: var(--white); }

/* Yasal sayfalar */
.legal { background: var(--bg-soft); }
.legal__layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 36px; align-items: start; }
.legal__nav { position: sticky; top: 110px; display: grid; gap: 18px; }
.legal__docs { display: grid; gap: 6px; padding: 10px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.legal__docs a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--text); transition: background .2s, color .2s; }
.legal__docs a .ico { width: 17px; height: 17px; color: var(--gold-dark); }
.legal__docs a:hover { background: var(--bg-soft); color: var(--ink); }
.legal__docs a.is-current { background: var(--green-950); color: var(--white); }
.legal__docs a.is-current .ico { color: var(--gold-light); }
.legal__doc { padding: 40px 44px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.legal__meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding-bottom: 18px; margin-bottom: 24px; border-bottom: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
.legal__meta span { display: inline-flex; align-items: center; gap: 6px; }
.legal__meta .ico { width: 15px; height: 15px; color: var(--gold-dark); }
.legal__meta .btn--sm { width: auto; }
.legal__sec { scroll-margin-top: 110px; }
.legal__sec h2 { display: flex; gap: 10px; font-size: 22px; margin: 34px 0 14px; }
.legal__sec h2 span { color: var(--gold); }
.legal__contact { display: flex; gap: 12px; align-items: flex-start; margin-top: 36px; padding: 18px 20px; border-radius: 12px; background: var(--bg-soft); font-size: 14.5px; }
.legal__contact .ico { flex-shrink: 0; width: 20px; height: 20px; color: var(--gold-dark); margin-top: 2px; }
.legal__contact a { color: var(--gold-dark); font-weight: 700; }
@media print {
  .topbar, .header, .market, .page-hero, .legal__nav, .newsletter-section, .footer, .to-top, .scroll-progress, .cookie, .legal__meta .btn { display: none !important; }
  .legal, .legal__doc { background: none; box-shadow: none; padding: 0; }
  .legal__layout { display: block; }
  .js [data-reveal] { opacity: 1 !important; transform: none !important; }
}

/* SSS */
.page-hero--faq { padding-bottom: 120px; }
.faq-page { background: var(--bg-soft); padding-top: 0; }
.faq-search { position: relative; z-index: 3; display: flex; align-items: center; max-width: 760px; margin: -32px auto 26px; padding: 6px 8px 6px 56px; border-radius: 14px; background: var(--white); box-shadow: 0 20px 50px rgba(1,21,12,.15); }
.faq-search__ico { position: absolute; left: 20px; width: 22px; height: 22px; color: var(--muted); }
.faq-search input { flex: 1; min-width: 0; height: 56px; border: 0; outline: none; background: transparent; font-size: 16px; color: var(--ink); }
.faq-search:focus-within { box-shadow: 0 0 0 4px rgba(168,137,79,.3), 0 20px 50px rgba(1,21,12,.15); }
.faq-search__count { flex-shrink: 0; padding: 6px 12px; border-radius: 999px; background: var(--bg-soft); font-size: 13px; font-weight: 700; color: var(--muted); }
.faq-tabs { justify-content: center; margin-bottom: 34px; }
.faq-groups { max-width: 880px; margin: 0 auto; display: grid; gap: 30px; }
.faq-group[hidden] { display: none; }
.faq-group__title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; margin-bottom: 14px; }
.faq-group__title::before { content: ""; width: 8px; height: 22px; border-radius: 4px; background: var(--gold); }
.faq-group .faq-item[hidden] { display: none; }
.faq-q mark { background: rgba(168,137,79,.28); color: inherit; border-radius: 3px; }

/* Mevzuat */
.law { background: var(--bg-soft); }
.law__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 18px; margin-bottom: 26px; }
.cal-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.cal-item {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center;
  padding: 18px 20px; border-radius: 14px; background: var(--white); box-shadow: var(--shadow);
  border-left: 4px solid var(--line); animation: lineUp .45s var(--ease) both; animation-delay: calc(var(--i) * 40ms);
}
.cal-item.is-soon { border-left-color: var(--gold); }
.cal-item.is-urgent { border-left-color: #c9533f; }
.cal-item__date { width: 72px; text-align: center; padding: 8px 0; border-radius: 12px; background: var(--green-950); color: var(--white); }
.cal-item__date b { display: block; font-size: 26px; line-height: 1.1; color: var(--gold-light); }
.cal-item__date span { display: block; font-size: 12.5px; font-weight: 700; }
.cal-item__date small { display: block; font-size: 10.5px; color: rgba(255,255,255,.6); }
.cal-item__kind { font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--gold-dark); }
.cal-item h3 { font-size: 16px; font-weight: 800; margin: 3px 0 4px; }
.cal-item p { font-size: 13px; line-height: 1.55; color: var(--muted); }
.cal-item__left { text-align: center; min-width: 64px; }
.cal-item__left b { display: block; font-size: 24px; font-weight: 800; color: var(--ink); line-height: 1.1; }
.cal-item__left span { font-size: 11.5px; color: var(--muted); }
.cal-item.is-urgent .cal-item__left b { color: #c9533f; }
.cal-item.is-soon .cal-item__left b { color: var(--gold-dark); }
.law__note { display: flex; gap: 8px; margin-top: 18px; font-size: 13px; color: var(--muted); }
.law__note .ico { flex-shrink: 0; width: 16px; height: 16px; color: var(--gold); margin-top: 2px; }
.law-laws { background: var(--white); }
.law-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: start; }
.laws { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.law-card { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); transition: all .25s var(--ease); }
.law-card:hover { border-color: rgba(168,137,79,.5); box-shadow: var(--shadow); transform: translateY(-3px); }
.law-card__no { flex-shrink: 0; min-width: 58px; padding: 10px 6px; border-radius: 10px; background: var(--green-950); color: var(--gold-light); font-weight: 800; text-align: center; font-size: 15px; }
.law-card small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--gold-dark); }
.law-card b { display: block; font-size: 14.5px; color: var(--ink); line-height: 1.35; }
.law-card em { display: block; font-style: normal; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.law-card > .ico { margin-left: auto; flex-shrink: 0; width: 16px; height: 16px; color: var(--muted); }
.law-side { position: sticky; top: 110px; display: grid; gap: 16px; }
.ext-links { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 4px; }
.ext-links a { position: relative; display: block; padding: 10px 34px 10px 10px; border-radius: 10px; transition: background .2s; }
.ext-links a:hover { background: var(--bg-soft); }
.ext-links b { display: block; font-size: 14px; color: var(--ink); }
.ext-links small { font-size: 12.5px; color: var(--muted); }
.ext-links .ico { position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; margin-top: -7px; color: var(--gold-dark); }

/* 404 */
.nf__hero { background: var(--green-950); background-image: radial-gradient(circle at 50% 0%, rgba(168,137,79,.25), transparent 55%); padding: 80px 0 90px; text-align: center; color: rgba(255,255,255,.75); }
.nf__inner { max-width: 760px; }
.nf__code { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 170px; font-weight: 800; line-height: 1; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 2px rgba(196,165,109,.8); }
.nf__mark { width: 150px; height: 140px; animation: floaty 4s ease-in-out infinite; }
.nf__hero h1 { color: var(--white); font-size: 40px; font-weight: 800; letter-spacing: -.02em; margin: 26px 0 12px; }
.nf__hero p { font-size: 17px; line-height: 1.7; }
.nf__search { position: relative; display: flex; gap: 8px; max-width: 560px; margin: 30px auto 22px; padding: 6px 6px 6px 48px; border-radius: 12px; background: var(--white); }
.nf__search .ico { position: absolute; left: 16px; top: 50%; margin-top: -10px; width: 20px; height: 20px; color: var(--muted); }
.nf__search input { flex: 1; min-width: 0; border: 0; outline: none; font-size: 15.5px; }
.nf__search .btn { height: 48px; }
.nf__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.nf__tools { background: var(--bg-soft); }
.nf__grid { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1080px) {
  .svc-grid { grid-template-columns: 1fr 1fr; }
  .svc-layout, .legal__layout, .law-grid { grid-template-columns: minmax(0, 1fr); }
  .svc-side, .legal__nav, .law-side { position: static; }
  .legal__nav .toc { display: none; }
  .nf__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .svc-grid, .feat-grid, .svc-tools, .svc-posts, .cal-list, .laws { grid-template-columns: minmax(0, 1fr); }
  .svc-intro { grid-template-columns: minmax(0, 1fr); }
  .svc-intro, .svc-block, .legal__doc { padding: 26px 22px; }
  .nf__code { font-size: 110px; }
  .nf__mark { width: 96px; height: 90px; }
  .nf__hero h1 { font-size: 28px; }
  .cookie { left: 16px; bottom: 16px; width: calc(100% - 32px); }
}
@media (max-width: 560px) {
  .cal-item { grid-template-columns: auto minmax(0, 1fr); }
  .cal-item__left { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 6px; text-align: left; }
  .nf__grid { grid-template-columns: minmax(0, 1fr); }
  .nf__search .btn { padding: 0 14px; }
  .faq-search__count { display: none; }
  .cookie__actions .btn { flex: 1; }
}

/* =========================================================
   PANEL MAKETİ (HTML/CSS ile çizilmiş panel görünümü)
   ========================================================= */
.mock {
  --fs: clamp(8px, .78vw, 11.5px);
  font-size: var(--fs);
  position: relative; border-radius: 1.2em; overflow: hidden;
  background: var(--white); border: 1px solid rgba(1,21,12,.08);
  box-shadow: 0 3em 7em rgba(1,21,12,.28), 0 0 0 .6em rgba(255,255,255,.4);
  text-align: left; user-select: none;
}
.mock__bar { display: flex; align-items: center; gap: .5em; height: 2.8em; padding: 0 1.2em; background: #eef0ef; border-bottom: 1px solid #e2e5e3; }
.mock__bar i { width: .9em; height: .9em; border-radius: 50%; background: #d6dad8; }
.mock__bar i:nth-child(1) { background: #f07a66; } .mock__bar i:nth-child(2) { background: #f2c25a; } .mock__bar i:nth-child(3) { background: #5ac48a; }
.mock__bar em { display: inline-flex; align-items: center; gap: .4em; margin-left: 1.5em; padding: .3em 1em; border-radius: .6em; background: var(--white); font-style: normal; font-size: .95em; color: var(--muted); }
.mock__bar em .ico { width: 1em; height: 1em; color: #1d7a45; }
.mock__app { display: grid; grid-template-columns: 4.6em minmax(0, 1fr); min-height: 28em; }
.mock__side { display: flex; flex-direction: column; align-items: center; gap: .9em; padding: 1.2em 0; background: var(--green-950); }
.mock__logo { width: 2.4em; height: 2.2em; margin-bottom: .8em; }
.mock__side span { width: 2.8em; height: 2.8em; border-radius: .7em; display: grid; place-items: center; color: rgba(255,255,255,.55); }
.mock__side span .ico { width: 1.5em; height: 1.5em; }
.mock__side span.is-on { background: rgba(168,137,79,.25); color: var(--gold-light); }
.mock__main { padding: 1.6em 1.8em; background: #f7f8f7; }
.mock__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.4em; }
.mock__top b { display: block; font-size: 1.35em; color: var(--ink); }
.mock__top small { font-size: .95em; color: var(--muted); }
.mock__btn { display: inline-flex; align-items: center; padding: .6em 1.1em; border-radius: .6em; background: var(--green-950); color: var(--white); font-size: .95em; font-weight: 700; white-space: nowrap; }
.mock__btn--ghost { background: var(--white); color: var(--ink); border: 1px solid var(--line); }
.mock__kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; margin-bottom: 1.2em; }
.mock__kpi { padding: 1.1em 1.2em; border-radius: .9em; background: var(--white); border: 1px solid #eceeed; }
.mock__kpi small { display: block; font-size: .9em; color: var(--muted); }
.mock__kpi b { display: block; margin: .25em 0; font-size: 1.55em; color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.mock__kpi em { font-style: normal; font-size: .9em; font-weight: 700; }
.mock__kpi--dark { background: var(--green-950); border-color: var(--green-950); }
.mock__kpi--dark small { color: rgba(255,255,255,.6); }
.mock__kpi--dark b { color: var(--gold-light); }
.up { color: #1d7a45; } .down { color: #c9533f; }
.mock__kpi--dark .up { color: #6fd39b; }
.mock__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 1em; }
.mock__card { padding: 1.1em 1.2em; border-radius: .9em; background: var(--white); border: 1px solid #eceeed; }
.mock__card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em; }
.mock__card-head b { font-size: 1.1em; color: var(--ink); }
.mock__card-head span { display: inline-flex; align-items: center; gap: .4em; font-size: .85em; color: var(--muted); }
.mock__card-head i { width: .7em; height: .7em; border-radius: .2em; }
.mock__card-head i.g, .mock__bar-pair .g { background: linear-gradient(180deg, var(--gold-light), var(--gold)); }
.mock__card-head i.r, .mock__bar-pair .r { background: var(--green-800); }
.mock__bars { display: flex; align-items: flex-end; gap: .8em; height: 11em; padding-bottom: 1.4em; }
.mock__bar-pair { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; gap: .25em; }
.mock__bar-pair span { flex: 1; height: var(--h); border-radius: .3em .3em 0 0; transform-origin: bottom; }
.mock__bar-pair em { position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-style: normal; font-size: .8em; color: var(--muted); }
.mock.is-live .mock__bar-pair span { animation: barGrow .9s var(--ease) both; animation-delay: var(--d); }
.mock__tx { list-style: none; margin: 0; padding: 0; display: grid; gap: .7em; }
.mock__tx li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8em; }
.mock__tx li > i { width: 2.4em; height: 2.4em; border-radius: .6em; display: grid; place-items: center; }
.mock__tx li > i .ico { width: 1.2em; height: 1.2em; }
.mock__tx li > i.g { background: rgba(29,122,69,.1); color: #1d7a45; }
.mock__tx li > i.r { background: rgba(201,83,63,.1); color: #c9533f; transform: none; }
.mock__tx li > i.g .ico { transform: rotate(-45deg); }
.mock__tx li > i.r .ico { transform: rotate(-45deg); }
.mock__tx span { font-size: 1em; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mock__tx small { display: flex; align-items: center; gap: .4em; font-size: .85em; font-weight: 500; color: var(--muted); }
.mock__tx b { font-size: 1em; font-variant-numeric: tabular-nums; }

/* Yüzen kartlar */
.float-card {
  position: absolute; z-index: 3; display: flex; align-items: center; gap: .8em;
  padding: .9em 1.1em; border-radius: 1em; background: var(--white);
  box-shadow: 0 1.5em 3.5em rgba(1,21,12,.22); font-size: clamp(10px, .85vw, 13px);
  animation: floaty 5s ease-in-out infinite;
}
.float-card b { display: block; font-size: 1.05em; color: var(--ink); white-space: nowrap; }
.float-card small { font-size: .9em; color: var(--muted); white-space: nowrap; }
.float-card__ico { width: 2.6em; height: 2.6em; border-radius: .7em; display: grid; place-items: center; background: rgba(168,137,79,.15); color: var(--gold-dark); }
.float-card__ico .ico { width: 1.3em; height: 1.3em; }
.float-card__ico.g { background: rgba(29,122,69,.12); color: #1d7a45; }
.float-card__ico.d { background: var(--green-950); color: var(--gold-light); }
.float-card--a { left: -4%; top: 22%; animation-delay: -1s; }
.float-card--b { right: -5%; top: 8%; animation-delay: -2.5s; }
.float-card--c { right: 6%; bottom: -5%; animation-delay: -4s; }

/* =========================================================
   ANA SAYFA: PANEL TANITIMI
   ========================================================= */
.panel-promo { position: relative; overflow: hidden; background: var(--white); padding: 100px 0; }
.panel-promo::before { content: ""; position: absolute; right: -10%; top: 10%; width: 60%; height: 80%; border-radius: 50%; background: radial-gradient(closest-side, rgba(168,137,79,.14), transparent); pointer-events: none; }
.panel-promo__grid { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); gap: 60px; align-items: center; }
.panel-promo__text p { font-size: 16px; line-height: 1.8; color: var(--text); margin: 18px 0 26px; }
.panel-promo__list { list-style: none; margin: 0 0 30px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.panel-promo__list li { display: flex; gap: 12px; align-items: flex-start; }
.panel-promo__list li > span { flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); }
.panel-promo__list li > span .ico { width: 20px; height: 20px; }
.panel-promo__list b { display: block; font-size: 15px; color: var(--ink); }
.panel-promo__list small { font-size: 13px; color: var(--muted); }
.panel-promo__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.panel-promo__note { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 16px !important; margin-bottom: 0 !important; font-size: 13px !important; color: var(--muted) !important; }
.panel-promo__note .ico { width: 15px; height: 15px; color: #1d7a45; stroke-width: 2.6; }
.panel-promo__visual { position: relative; padding: 30px 20px 40px; }
.panel-promo__visual .mock { transform: perspective(1600px) rotateY(-7deg) rotateX(3deg); transition: transform .8s var(--ease); }
.panel-promo__visual:hover .mock { transform: perspective(1600px) rotateY(0) rotateX(0); }

/* =========================================================
   PANEL SAYFASI
   ========================================================= */
.panel-hero {
  position: relative; overflow: hidden;
  background: var(--green-950);
  background-image: radial-gradient(circle at 75% 30%, rgba(168,137,79,.25), transparent 45%), radial-gradient(circle at 10% 90%, rgba(24,65,33,.6), transparent 40%);
  padding: 60px 0 90px; color: rgba(255,255,255,.75);
}
.panel-hero__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr); gap: 56px; align-items: center; }
.panel-hero__badge { display: inline-flex; align-items: center; gap: 8px; margin: 24px 0 18px; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(168,137,79,.4); background: rgba(168,137,79,.12); color: var(--gold-light); font-size: 13px; font-weight: 700; }
.panel-hero__badge .ico { width: 15px; height: 15px; }
.panel-hero .page-hero__title { font-size: 54px; }
.panel-hero .page-hero__title .line--gold { color: var(--gold-light); }
.js .panel-hero .page-hero__title .line > span { animation: lineUp 1.1s var(--ease) .25s both; }
.js .panel-hero .page-hero__title .line--gold > span { animation-delay: .4s; }
.panel-hero .page-hero__text { font-size: 18px; max-width: 520px; }
.panel-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.panel-hero__trust { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 13.5px; }
.panel-hero__trust li { display: inline-flex; align-items: center; gap: 6px; }
.panel-hero__trust .ico { width: 16px; height: 16px; color: #6fd39b; stroke-width: 2.6; }
.panel-hero__visual { position: relative; padding: 20px 10px 40px; }

.trust-strip { background: #04201a; border-top: 1px solid rgba(255,255,255,.06); }
.trust-strip__inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; padding: 20px 24px; color: rgba(255,255,255,.65); font-size: 13.5px; }
.trust-strip__inner span { display: inline-flex; align-items: center; gap: 8px; }
.trust-strip__inner b { color: var(--white); }
.trust-strip__inner .ico { width: 18px; height: 18px; color: var(--gold-light); }

.modules { background: var(--bg-soft); }
.module-tabs {
  position: sticky; top: 92px; z-index: 20; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none;
  margin: 0 auto 50px; padding: 6px; width: max-content; max-width: 100%;
  border-radius: 14px; background: var(--white); box-shadow: 0 14px 34px rgba(1,21,12,.12);
}
.module-tabs::-webkit-scrollbar { display: none; }
.module-tabs button { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--muted); transition: all .25s; }
.module-tabs button .ico { width: 17px; height: 17px; }
.module-tabs button:hover { color: var(--ink); background: var(--bg-soft); }
.module-tabs button.is-active { background: var(--green-950); color: var(--white); }
.module-tabs button.is-active .ico { color: var(--gold-light); }
.module { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 60px; align-items: center; padding: 50px 0; scroll-margin-top: 170px; }
.module + .module { border-top: 1px dashed #d9ddda; }
.module--rev .module__text { order: 2; }
.module__icon { width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); margin-bottom: 18px; }
.module__icon .ico { width: 26px; height: 26px; }
.module h3 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
.module__lead { font-size: 18px !important; font-weight: 600; color: var(--ink) !important; margin: 10px 0 12px !important; }
.module__text > p { font-size: 15.5px; line-height: 1.8; color: var(--text); }
.module .check-list { margin: 22px 0 0; }
.module__visual { position: relative; }
.module__visual::before { content: ""; position: absolute; inset: 8% -4% -6% 8%; border-radius: 24px; background: linear-gradient(135deg, rgba(168,137,79,.18), rgba(10,51,38,.12)); transform: rotate(-3deg); }
.module--rev .module__visual::before { transform: rotate(3deg); }

/* Küçük maketler */
.mini {
  --fs: clamp(10px, .95vw, 13px); font-size: var(--fs);
  position: relative; padding: 1.6em; border-radius: 1.2em; background: var(--white);
  border: 1px solid rgba(1,21,12,.06); box-shadow: 0 2.5em 5em rgba(1,21,12,.15);
}
.mini__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2em; }
.mini__head b { font-size: 1.25em; color: var(--ink); }
.mini__bell { width: 1.6em; height: 1.6em; color: var(--gold-dark); animation: bellRing 2.5s ease-in-out infinite; transform-origin: top center; }
.mini__filters { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: 1.2em; }
.mini__filters span, .mini__chip { padding: .45em .9em; border-radius: 999px; background: var(--bg-soft); font-size: .9em; font-weight: 700; color: var(--muted); }
.mini__filters span.is-on { background: var(--green-950); color: var(--white); }
.mini .mock__tx { gap: 1em; }
.mini .mock__tx li { padding-bottom: 1em; border-bottom: 1px solid var(--line); }
.mini .mock__tx li:last-child { border-bottom: 0; padding-bottom: 0; }
.txtag { display: inline-block; padding: .1em .6em; border-radius: .4em; background: rgba(29,122,69,.1); color: #1d7a45; font-style: normal; font-weight: 700; }
.txtag--r { background: rgba(201,83,63,.1); color: #b3412f; }
.badge { padding: .4em .9em; border-radius: 999px; background: rgba(168,137,79,.15); color: var(--gold-dark); font-size: .85em; font-weight: 800; font-style: normal; white-space: nowrap; }
.badge--g { background: rgba(29,122,69,.12); color: #1d7a45; }
.inv__party { display: grid; grid-template-columns: 1fr auto; gap: 1em; padding: 1em 1.1em; border-radius: .8em; background: var(--bg-soft); margin-bottom: 1.2em; }
.inv__party small { display: block; font-size: .85em; color: var(--muted); }
.inv__party b { font-size: 1.05em; color: var(--ink); }
.inv__lines { list-style: none; margin: 0 0 1.2em; padding: 0; }
.inv__lines li { display: flex; justify-content: space-between; gap: 1em; padding: .8em 0; border-bottom: 1px dashed var(--line); font-size: 1em; color: var(--text); }
.inv__lines b { color: var(--ink); font-variant-numeric: tabular-nums; }
.inv__lines .sub { color: var(--muted); }
.inv__lines .tot { border-bottom: 0; padding-top: 1em; font-weight: 800; color: var(--ink); font-size: 1.15em; }
.inv__lines .tot b { color: var(--gold-dark); font-size: 1.15em; }
.inv__actions { display: flex; gap: .6em; }
.cari { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.1em; }
.cari li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1em; }
.cari li > i, .access li > i { width: 2.8em; height: 2.8em; border-radius: 50%; display: grid; place-items: center; background: var(--green-950); color: var(--gold-light); font-style: normal; font-weight: 800; font-size: .95em; }
.cari b { font-size: 1em; color: var(--ink); }
.cari__bar { display: block; height: .5em; margin-top: .5em; border-radius: 999px; background: var(--bg-soft); overflow: hidden; }
.cari__bar em { display: block; width: var(--w); height: 100%; border-radius: inherit; background: #1d7a45; }
.cari__bar.warn em { background: var(--gold); }
.cari__bar.late em { background: #c9533f; }
.donut-wrap { display: grid; grid-template-columns: auto 1fr; gap: 1.6em; align-items: center; }
.donut { position: relative; width: 12em; height: 12em; border-radius: 50%; background: conic-gradient(#0a3326 0 38%, #a8894f 38% 62%, #2a8a7a 62% 78%, #c4a56d 78% 90%, #d6dad8 90% 100%); }
.donut::after { content: ""; position: absolute; inset: 2.2em; border-radius: 50%; background: var(--white); }
.donut span { position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; text-align: center; }
.donut b { font-size: 1.15em; color: var(--ink); }
.donut small { font-size: .8em; color: var(--muted); }
.donut__legend { list-style: none; margin: 0; padding: 0; display: grid; gap: .8em; }
.donut__legend li { display: flex; align-items: center; gap: .6em; font-size: 1em; color: var(--text); }
.donut__legend i { width: .9em; height: .9em; border-radius: .25em; background: var(--c); }
.donut__legend b { margin-left: auto; color: var(--ink); }
.remind { list-style: none; margin: 0; padding: 0; display: grid; gap: .8em; }
.remind li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1em; padding: .8em; border-radius: .8em; border: 1px solid var(--line); }
.remind li.is-urgent { border-color: rgba(201,83,63,.35); background: rgba(201,83,63,.04); }
.remind__d { width: 3.6em; text-align: center; padding: .4em 0; border-radius: .6em; background: var(--green-950); color: rgba(255,255,255,.7); font-size: .85em; }
.remind__d b { display: block; font-size: 1.5em; color: var(--gold-light); line-height: 1.1; }
.remind span > b { display: block; font-size: 1em; color: var(--ink); }
.remind small { font-size: .85em; color: var(--muted); }
.remind em { font-style: normal; font-weight: 800; font-size: .9em; color: var(--gold-dark); white-space: nowrap; }
.remind li.is-urgent em { color: #c9533f; }
.access { list-style: none; margin: 0; padding: 0; display: grid; gap: 1em; }
.access li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--line); }
.access li:last-child { border-bottom: 0; padding-bottom: 0; }
.access li > i.gold { background: var(--gold); color: var(--white); }
.access li > i.teal { background: #2a8a7a; color: var(--white); }
.access b { display: block; font-size: 1em; color: var(--ink); }
.access small { font-size: .85em; color: var(--muted); }
.toggles { display: flex; flex-wrap: wrap; gap: .4em; justify-content: flex-end; }
.tg { padding: .3em .7em; border-radius: 999px; border: 1px solid var(--line); font-size: .8em; font-weight: 700; color: #a3aaa7; }
.tg.on { background: rgba(29,122,69,.1); border-color: rgba(29,122,69,.3); color: #1d7a45; }

.process__steps--3 { grid-template-columns: repeat(3, 1fr); }
.process__steps--3::before { left: 16.6%; right: 16.6%; }

.why-panel { background: var(--white); }
.vs { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; margin: 0 auto; }
.vs__col { padding: 32px; border-radius: 18px; }
.vs__col h3 { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; margin-bottom: 18px; }
.vs__col h3 .ico { width: 28px; height: 28px; padding: 5px; border-radius: 50%; stroke-width: 2.8; }
.vs__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vs__col li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.6; }
.vs__col li::before { content: ""; position: absolute; left: 4px; top: 10px; width: 7px; height: 7px; border-radius: 50%; }
.vs__col--old { background: #fbf4f2; border: 1px solid #f1d8d1; }
.vs__col--old h3 { color: #8a3b2d; }
.vs__col--old h3 .ico { background: #f3d4cc; color: #b3412f; }
.vs__col--old li { color: #7a5f58; }
.vs__col--old li::before { background: #d98b7d; }
.vs__col--new { background: var(--green-950); background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.28), transparent 50%); box-shadow: 0 24px 50px rgba(1,21,12,.2); }
.vs__col--new h3 { color: var(--white); }
.vs__col--new h3 .ico { background: var(--gold); color: var(--white); }
.vs__col--new li { color: rgba(255,255,255,.85); }
.vs__col--new li::before { background: var(--gold-light); }

.plans-mini { background: var(--bg-soft); }
.plans-mini__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; max-width: 920px; margin-left: auto; margin-right: auto; }
.pm { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 30px 28px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s; }
.pm:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.pm__name { font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--gold-dark); }
.pm > b { font-size: 40px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.pm > b small { font-size: 15px; font-weight: 600; color: var(--muted); margin-left: 4px; }
.pm > span:not(.pm__name):not(.pm__tag) { font-size: 14.5px; line-height: 1.65; color: var(--muted); }
.pm em { margin-top: auto; padding-top: 8px; display: inline-flex; align-items: center; gap: 8px; font-style: normal; font-weight: 700; font-size: 14px; color: var(--ink); }
.pm em .ico { width: 16px; height: 16px; }
.pm--featured { background: var(--green-950); border-color: var(--green-950); }
.pm--featured > b { color: var(--white); }
.pm--featured .pm__name, .pm--featured em { color: var(--gold-light); }
.pm--featured > span:not(.pm__name):not(.pm__tag) { color: rgba(255,255,255,.7); }
.pm__tag { position: absolute; top: 0; right: 22px; transform: translateY(-50%); padding: 6px 12px; border-radius: 999px; background: var(--gold); color: var(--white); font-size: 10.5px; font-weight: 800; letter-spacing: .05em; }

@media (max-width: 1080px) {
  .panel-promo__grid, .panel-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .panel-promo__visual .mock { transform: none; }
  .module, .module--rev { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .module--rev .module__text { order: 0; }
  .mock, .mini { --fs: clamp(8px, 1.45vw, 12px); }
  .float-card { font-size: clamp(9px, 1.5vw, 12px); }
  .module-tabs { top: 80px; }
}
@media (max-width: 768px) {
  .panel-promo { padding: 70px 0; }
  .panel-promo__list { grid-template-columns: 1fr; }
  .panel-hero .page-hero__title { font-size: 38px; }
  .mock { --fs: clamp(6.5px, 2vw, 11px); }
  .mini { --fs: clamp(10px, 3vw, 13px); }
  .float-card--a { left: -2%; top: 30%; }
  .float-card--b { right: -2%; top: 2%; }
  .float-card--c { display: none; }
  .vs, .plans-mini__grid, .process__steps--3 { grid-template-columns: minmax(0, 1fr); }
  .donut-wrap { grid-template-columns: 1fr; justify-items: center; }
  .module h3 { font-size: 24px; }
  .trust-strip__inner { justify-content: center; }
}
@media (max-width: 560px) {
  .mock__grid { grid-template-columns: 1fr; }
  .mock__card:last-child { display: none; }
  .float-card { display: none; }
  .module-tabs { top: 72px; }
}
.float-card--a { left: -6%; top: auto; bottom: 26%; }
@media (max-width: 768px) { .float-card--a { left: -2%; bottom: 20%; top: auto; } }

/* Üst menü: giriş butonu hiçbir zaman küçülmesin */
.header__cta { flex-shrink: 0; white-space: nowrap; }
.logo { flex-shrink: 0; }
.nav__list { flex-wrap: nowrap; }

/* =========================================================
   BORSA İSTANBUL
   ========================================================= */
a.market__label { color: inherit; }
a.market__label:hover b { text-decoration: underline; text-underline-offset: 3px; }
.delta.is-flat { background: var(--bg-soft); color: var(--muted); }
.tnum { font-variant-numeric: tabular-nums; }
.stock-logo {
  --s: 36px; flex-shrink: 0; width: var(--s); height: var(--s); border-radius: 10px;
  display: inline-grid; place-items: center;
  background: var(--c, #0a3326); color: var(--white);
  font-size: calc(var(--s) * .36); font-weight: 800; letter-spacing: .02em;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
}
.stock-logo--idx { background: var(--gold); }
.stock-logo--idx .ico { width: 55%; height: 55%; }
.coin-id__icon .stock-logo { --s: 56px; border-radius: 14px; }
a.coin-rank { color: rgba(255,255,255,.85); }
a.coin-rank:hover { background: rgba(168,137,79,.3); }

.bist-hero { background: var(--green-950); background-image: radial-gradient(circle at 80% 20%, rgba(168,137,79,.2), transparent 45%); padding: 40px 0 48px; color: rgba(255,255,255,.75); }
.bist-hero__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: 40px; align-items: center; margin-top: 26px; }
.bist-hero .page-hero__title { font-size: 50px; }
.bist-hero__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 16px; font-size: 13px; }
.bist-hero__meta .live-dot { color: rgba(255,255,255,.6); }
.bist-hero__meta .live-dot.is-live { color: #6fd39b; }
.idx-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.idx-card { display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: var(--white); transition: background .25s, transform .25s var(--ease); min-height: 140px; }
.idx-card:hover { background: rgba(255,255,255,.09); transform: translateY(-3px); }
.idx-card.is-loading { background: linear-gradient(100deg, rgba(255,255,255,.04) 30%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.04) 70%); background-size: 200% 100%; animation: glowMove 1.4s linear infinite; }
.idx-card__name { font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--gold-light); }
.idx-card > b { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.idx-card .delta { align-self: flex-start; }
.idx-card.is-up { box-shadow: inset 0 3px 0 #2ecc71; }
.idx-card.is-down { box-shadow: inset 0 3px 0 #f07a66; }
.idx-card .day-range small { color: rgba(255,255,255,.5); }
.idx-card .day-range__bar { background: rgba(255,255,255,.15); }
.day-range { display: flex; align-items: center; gap: 8px; min-width: 150px; margin-top: auto; }
.day-range small { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.day-range__bar { position: relative; flex: 1; height: 5px; border-radius: 999px; background: linear-gradient(90deg, rgba(201,83,63,.35), rgba(29,122,69,.35)); }
.day-range__bar i { position: absolute; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 50%; background: var(--gold); border: 2px solid var(--white); box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.breadth { margin-top: 28px; }
.breadth[hidden] { display: none; }
.breadth__bar { display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.1); }
.breadth__bar span { transition: width .8s var(--ease); }
.breadth__bar .up { background: #2ecc71; }
.breadth__bar .flat { background: rgba(255,255,255,.35); }
.breadth__bar .down { background: #f07a66; }
.breadth__legend { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 10px; font-size: 13px; font-weight: 700; }
.breadth__legend .up { color: #6fd39b; }
.breadth__legend .flat { color: rgba(255,255,255,.6); }
.breadth__legend .down { color: #f5a091; }

.bist-movers { background: var(--bg-soft); padding: 40px 0 0; }
.movers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.movers__col { padding: 20px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); border-top: 3px solid var(--line); }
.movers__col.is-up { border-top-color: #1d7a45; }
.movers__col.is-down { border-top-color: #c9533f; }
.movers__col.is-vol { border-top-color: var(--gold); }
.movers__col h3 { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; margin-bottom: 12px; }
.movers__col h3 .ico { width: 18px; height: 18px; }
.movers__col.is-up h3 .ico { color: #1d7a45; }
.movers__col.is-down h3 .ico { color: #c9533f; transform: scaleY(-1); }
.movers__col.is-vol h3 .ico { color: var(--gold-dark); }
.movers__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.movers__col a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 6px; border-radius: 10px; transition: background .2s; }
.movers__col a:hover { background: var(--bg-soft); }
.movers__col a > span:nth-child(2) b { display: block; font-size: 14px; color: var(--ink); }
.movers__col a > span:nth-child(2) small { display: block; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.movers__val { text-align: right; }
.movers__val b { display: block; font-size: 14px; color: var(--ink); font-variant-numeric: tabular-nums; }
.movers__val .delta { font-size: 11.5px; padding: 2px 7px; }
.movers__val small { font-size: 12px; color: var(--gold-dark); font-weight: 700; }

.bist-list { background: var(--bg-soft); padding-top: 36px; }
.bist-table { min-width: 760px; }
.bist-table th[data-sort] { cursor: pointer; user-select: none; }
.bist-table th[data-sort]:hover { color: var(--ink); }
.bist-table th.is-sorted { color: var(--ink); }
.bist-table th.is-sorted::after { content: " ↓"; color: var(--gold-dark); }
.bist-table th.is-sorted[data-dir="asc"]::after { content: " ↑"; }
.bist-table th:nth-child(1), .bist-table td:nth-child(1) { text-align: left; }
.bist-table th:nth-child(4), .bist-table td:nth-child(4) { text-align: center; }
.stock-name b { display: block; font-size: 14.5px; }
.stock-name small { display: block; font-size: 12px; color: var(--muted); font-weight: 500; }
.row-arrow { width: 16px; height: 16px; color: var(--muted); transition: transform .2s, color .2s; }
.bist-table tr:hover .row-arrow { transform: translateX(3px); color: var(--gold-dark); }

.bist-community { background: var(--white); }
.bist-community__grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 50px; align-items: start; }
.bist-community__intro { position: sticky; top: 120px; }
.bist-community__intro p { font-size: 15.5px; line-height: 1.8; color: var(--muted); margin: 16px 0 22px; }
.bist-community .community { margin-top: 0; }
.stock-page .chart-card__bar { gap: 10px; }

@media (max-width: 1080px) {
  .bist-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .movers { grid-template-columns: minmax(0, 1fr); }
  .bist-community__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .bist-community__intro { position: static; }
}
@media (max-width: 768px) {
  .idx-cards { grid-template-columns: minmax(0, 1fr); }
  .idx-card { min-height: 0; }
  .bist-hero .page-hero__title { font-size: 36px; }
}
.mk__icon--bist { width: auto; height: 20px; padding: 0 6px; border-radius: 5px; background: #e30a17; color: var(--white); font-size: 9.5px; font-weight: 800; letter-spacing: .04em; }

/* =========================================================
   ÜCRETSİZ ÜYELİK: ortak parçalar
   ========================================================= */
html.has-modal { overflow: hidden; }
.btn--auto { width: auto; }
.btn--xs { height: 38px; padding: 0 14px; font-size: 13px; gap: 8px; }
.btn--xs .ico { width: 15px; height: 15px; }
.btn--danger { background: #b3412f; color: var(--white); }
.btn--danger:hover { background: #962f20; }
.btn[disabled] { opacity: .45; pointer-events: none; }
.calc-result__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.calc-result__actions .btn { padding: 0 12px; gap: 8px; }
.spinner { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); border-top-color: var(--white); animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.toast a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; margin-left: 6px; }
.toast .ico { width: 16px; height: 16px; vertical-align: -3px; color: var(--gold-light); }
.field label i, .field__label i { font-style: normal; font-weight: 500; color: var(--muted); }

/* Varlık ikonları */
.aicon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; display: inline-grid; place-items: center; overflow: hidden; background: var(--bg-soft); }
.aicon img, .aicon svg { width: 100%; height: 100%; object-fit: cover; }
.aicon--flag { box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.aicon--flag img { transform: scale(1.5); }
.aicon--txt { background: var(--green-800); color: var(--white); font-size: 11.5px; font-weight: 800; letter-spacing: .02em; border-radius: 10px; }

/* Avatar ve rozet */
.uavatar { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; display: inline-grid; place-items: center; color: var(--white); font-size: 13px; font-weight: 800; letter-spacing: .02em; box-shadow: inset 0 0 0 2px rgba(255,255,255,.15); }
.uavatar--lg { width: 46px; height: 46px; font-size: 16px; }
.uavatar--xl { width: 64px; height: 64px; font-size: 22px; }
.plan-badge { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: rgba(168,137,79,.14); color: var(--gold-dark); font-size: 11.5px; font-weight: 700; font-style: normal; }

/* Açık zeminde ikon buton */
.acc .icon-btn, .vmodal .icon-btn {
  width: 36px; height: 36px; padding: 0; justify-content: center; border-radius: 9px;
  border: 1px solid var(--line); background: var(--white); color: var(--muted);
}
.acc .icon-btn:hover, .vmodal .icon-btn:hover { border-color: var(--gold); color: var(--gold-dark); background: rgba(168,137,79,.08); }
.acc .icon-btn .ico { width: 16px; height: 16px; }
.acc .icon-btn--red:hover { border-color: #c9533f; color: #b3412f; background: #fdf4f2; }

/* Anahtar (switch) */
.switch { display: flex; align-items: center; gap: 14px; cursor: pointer; font-size: 14px; color: var(--ink); }
.switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.switch__track { position: relative; flex-shrink: 0; width: 44px; height: 26px; border-radius: 999px; background: #d5d9d7; transition: background .25s; }
.switch__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--white); box-shadow: 0 2px 6px rgba(0,0,0,.2); transition: transform .25s var(--ease); }
.switch input:checked + .switch__track { background: var(--green-800); }
.switch input:checked + .switch__track::after { transform: translateX(18px); }
.switch input:focus-visible + .switch__track { box-shadow: 0 0 0 4px rgba(168,137,79,.25); }
.switch b { display: block; font-size: 14.5px; }
.switch small { display: block; font-size: 13px; color: var(--muted); }
.switch--sm .switch__track { width: 38px; height: 22px; }
.switch--sm .switch__track::after { width: 16px; height: 16px; }
.switch--sm input:checked + .switch__track::after { transform: translateX(16px); }

/* =========================================================
   PENCERE (modal)
   ========================================================= */
.vmodal { position: fixed; inset: 0; z-index: 450; display: grid; place-items: center; padding: 20px; }
.vmodal__backdrop { position: absolute; inset: 0; background: rgba(1,21,12,.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: fadeIn .25s ease both; }
.vmodal__panel {
  position: relative; width: min(560px, 100%); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow: auto;
  background: var(--white); border-radius: 18px; padding: 32px; box-shadow: 0 40px 100px rgba(0,0,0,.35);
  animation: modalIn .4s var(--ease) both; overscroll-behavior: contain;
}
.vmodal--sm .vmodal__panel { width: min(460px, 100%); }
.vmodal.is-closing .vmodal__backdrop { animation: fadeOut .22s ease both; }
.vmodal.is-closing .vmodal__panel { animation: modalOut .22s ease both; }
.vmodal__close { position: absolute; top: 16px; right: 16px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--bg-soft); color: var(--ink); display: grid; place-items: center; cursor: pointer; transition: background .2s, transform .3s var(--ease); }
.vmodal__close:hover { background: var(--bg-box); transform: rotate(90deg); }

.gate { text-align: center; padding-top: 6px; }
.gate__icon { width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 18px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.gate__icon .ico { width: 28px; height: 28px; }
.gate h2 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.gate p { margin: 10px 0 18px; color: var(--muted); font-size: 14.5px; line-height: 1.7; }
.gate__list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; text-align: left; padding: 16px; border-radius: 12px; background: var(--bg-soft); margin-bottom: 20px; }
.gate__list li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.gate__list .ico { width: 15px; height: 15px; color: #1d7a45; stroke-width: 3; }
.gate__btns { display: grid; gap: 10px; }
.gate--danger .gate__icon { background: #fdf0ed; color: #b3412f; }
.gate--danger .field { text-align: left; margin-bottom: 18px; }
.gate--danger .field input { text-align: center; font-weight: 800; letter-spacing: .2em; }

/* Alarm / varlık formu */
.alarm-form { display: grid; gap: 18px; }
.alarm-form__head .eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.alarm-form__head .eyebrow .ico { width: 15px; height: 15px; }
.alarm-form__head h2 { font-size: 26px; font-weight: 800; letter-spacing: -.02em; margin-top: 6px; padding-right: 40px; }
.alarm-form__body { display: grid; gap: 18px; }
.alarm-form__body[hidden], .apick[hidden], .asel[hidden] { display: none; }
.alarm-form .field { margin: 0; }
.alarm-form__submit { width: 100%; }
.apick { display: grid; gap: 12px; }
.apick__search { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-soft); transition: border-color .2s, background .2s; }
.apick__search:focus-within { border-color: var(--gold); background: var(--white); }
.apick__search .ico { color: var(--muted); }
.apick__search input { flex: 1; min-width: 0; border: 0; background: transparent; outline: none; font-size: 15px; }
.apick__tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
.apick__tabs button { flex: 1; white-space: nowrap; }
.apick__list { max-height: 330px; overflow: auto; margin: 0 -8px; padding: 0 8px; display: grid; gap: 2px; overscroll-behavior: contain; }
.apick__list button { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 10px; border: 0; border-radius: 10px; background: transparent; text-align: left; cursor: pointer; transition: background .15s; }
.apick__list button:hover, .apick__list button:focus-visible { background: var(--bg-soft); outline: none; }
.apick__list b { display: block; font-size: 14.5px; color: var(--ink); }
.apick__list small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.apick__list em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--muted); padding: 3px 8px; border-radius: 999px; background: var(--bg-soft); }
.apick__list .is-added em { background: rgba(29,122,69,.12); color: #1d7a45; }
.apick__empty { padding: 26px; text-align: center; color: var(--muted); font-size: 14px; }
.asel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: var(--green-950); color: var(--white); }
.asel .aicon { width: 42px; height: 42px; }
.asel__name b { display: block; font-size: 15.5px; }
.asel__name small { display: block; font-size: 12.5px; color: rgba(255,255,255,.6); }
.asel__price { text-align: right; }
.asel__price b { display: block; font-size: 15px; font-variant-numeric: tabular-nums; }
.asel__price .delta { font-size: 11.5px; padding: 2px 7px; }
.asel__price .delta.is-up { background: rgba(46,204,113,.18); color: #6fd39b; }
.asel__price .delta.is-down { background: rgba(240,122,102,.18); color: #f5a091; }
.asel__change { border: 1px solid rgba(255,255,255,.25); background: transparent; color: var(--gold-light); border-radius: 8px; padding: 6px 10px; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.asel__change:hover { border-color: var(--gold-light); }
.atypes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.atype { position: relative; cursor: pointer; }
.atype input { position: absolute; opacity: 0; }
.atype span { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; height: 100%; padding: 12px 14px; border-radius: 12px; border: 1.5px solid var(--line); transition: border-color .2s, background .2s; }
.atype .ico { grid-row: span 2; width: 20px; height: 20px; color: var(--muted); }
.atype b { font-size: 14px; color: var(--ink); line-height: 1.3; }
.atype small { font-size: 12px; color: var(--muted); line-height: 1.4; }
.atype:hover span { border-color: #c9cdcb; }
.atype input:checked + span { border-color: var(--gold); background: rgba(168,137,79,.07); }
.atype input:checked + span .ico { color: var(--gold-dark); }
.atype input:focus-visible + span { box-shadow: 0 0 0 3px rgba(168,137,79,.3); }
.achips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.achips button { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); font-size: 12.5px; font-weight: 700; color: var(--text); cursor: pointer; transition: all .2s; }
.achips button:hover { border-color: var(--gold); color: var(--gold-dark); }
.apreview { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; padding: 12px 14px; border-radius: 10px; background: var(--bg-soft); font-size: 13.5px; line-height: 1.6; color: var(--text); }
.apreview:empty { display: none; }
.apreview > span { flex: 1; min-width: 0; }
.apreview .ico { width: 16px; height: 16px; color: var(--gold); margin-top: 3px; flex-shrink: 0; }
.apreview b { color: var(--ink); }
.apreview__warn { flex-basis: 100%; font-style: normal; color: #b3412f; font-weight: 600; padding-left: 26px; }
.achannels { border: 0; margin: 0; padding: 0; display: grid; gap: 10px; }
.achannels legend { font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 10px; padding: 0; }
.achannels .checkbox b, .arepeat b { color: var(--ink); font-weight: 700; margin-right: 4px; }
.achannels input:disabled + .checkbox__box { opacity: .55; }
.field-link { margin-top: 8px; border: 0; background: none; padding: 0; color: var(--gold-dark); font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.pf-form .segmented__item span { height: 40px; font-size: 13.5px; }

/* =========================================================
   ÜST MENÜ: kullanıcı alanı
   ========================================================= */
.uarea { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.ubell, .umenu { position: relative; }
.ubell__btn { position: relative; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); color: var(--white); display: grid; place-items: center; cursor: pointer; transition: border-color .2s, background .2s; }
.ubell__btn:hover, .ubell__btn[aria-expanded="true"] { border-color: var(--gold); background: rgba(168,137,79,.15); }
.ubell__btn:hover .ico { animation: bellRing .8s var(--ease); transform-origin: top center; }
.ubell__badge { position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; display: grid; place-items: center; background: #d4553f; color: var(--white); font-size: 10.5px; font-weight: 800; box-shadow: 0 0 0 2px var(--green-950); }
.ubell__badge[hidden] { display: none; }
.umenu__btn { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 12px 0 5px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); color: var(--white); cursor: pointer; font-weight: 700; font-size: 14px; transition: border-color .2s, background .2s; }
.umenu__btn:hover, .umenu__btn[aria-expanded="true"] { border-color: var(--gold); background: rgba(168,137,79,.15); }
.umenu__btn .uavatar { width: 36px; height: 36px; font-size: 12.5px; }
.umenu__btn > .ico { width: 15px; height: 15px; opacity: .7; transition: transform .25s; }
.umenu__btn[aria-expanded="true"] > .ico { transform: rotate(180deg); }
.udrop { position: absolute; top: calc(100% + 12px); right: 0; z-index: 300; width: 300px; padding: 10px; border-radius: 14px; background: var(--white); color: var(--text); box-shadow: 0 24px 60px rgba(0,0,0,.25); animation: dropIn .25s var(--ease) both; }
.udrop::before { content: ""; position: absolute; top: -6px; right: 20px; width: 12px; height: 12px; background: var(--white); transform: rotate(45deg); }
.udrop[hidden] { display: none; }
@keyframes dropIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.udrop--notif { width: 360px; padding: 0; }
.udrop--notif::before { right: 16px; }
.udrop__head { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px 12px; border-bottom: 1px solid var(--line); }
.udrop__head b { color: var(--ink); font-size: 15px; }
.udrop__head button { border: 0; background: none; color: var(--gold-dark); font-size: 12.5px; font-weight: 700; cursor: pointer; }
.udrop__foot { display: block; padding: 12px; text-align: center; font-size: 13px; font-weight: 700; color: var(--ink); border-top: 1px solid var(--line); }
.udrop__foot:hover { color: var(--gold-dark); }
.unotif { max-height: 360px; overflow: auto; }
.unotif li a { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 12px 18px; transition: background .15s; }
.unotif li a:hover { background: var(--bg-soft); }
.unotif li.is-unread a { background: rgba(168,137,79,.06); }
.unotif li.is-unread b::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: var(--gold); vertical-align: 2px; }
.unotif b { display: block; font-size: 13.5px; color: var(--ink); line-height: 1.4; }
.unotif small { display: block; font-size: 12.5px; color: var(--muted); line-height: 1.5; margin-top: 2px; }
.unotif time { display: block; font-size: 11.5px; color: #9aa19e; margin-top: 4px; }
.unotif__ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.unotif__ico .ico { width: 16px; height: 16px; }
.unotif__ico--alarm { background: rgba(29,122,69,.12); color: #1d7a45; }
.unotif__ico--calendar { background: rgba(59,91,140,.12); color: #3b5b8c; }
.unotif__empty { display: grid; justify-items: center; gap: 8px; padding: 34px 18px; color: var(--muted); font-size: 13.5px; }
.unotif__empty .ico { width: 26px; height: 26px; color: #c9cdcb; }
.udrop__user { display: flex; gap: 12px; align-items: center; padding: 10px 10px 14px; border-bottom: 1px solid var(--line); margin-bottom: 6px; }
.udrop__user span { min-width: 0; }
.udrop__user b { display: block; color: var(--ink); font-size: 15px; }
.udrop__user small { display: block; color: var(--muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; }
.udrop__links a, .udrop__logout { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 9px; font-size: 14px; font-weight: 600; color: var(--ink); transition: background .15s; }
.udrop__links a:hover, .udrop__logout:hover { background: var(--bg-soft); }
.udrop__links .ico, .udrop__logout .ico { width: 17px; height: 17px; color: var(--muted); }
.udrop__premium { display: flex; gap: 12px; align-items: center; margin: 6px 0; padding: 12px; border-radius: 10px; background: var(--green-950); color: var(--white); }
.udrop__premium .ico { width: 20px; height: 20px; color: var(--gold-light); flex-shrink: 0; }
.udrop__premium b { display: block; font-size: 13.5px; }
.udrop__premium small { display: block; font-size: 12px; color: rgba(255,255,255,.6); }
.udrop__logout { border: 0; background: none; cursor: pointer; color: #b3412f; }
.udrop__logout .ico { color: #b3412f; }

/* =========================================================
   GİRİŞ / KAYIT / ŞİFRE
   ========================================================= */
body.is-auth { background: var(--white); }
.auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); min-height: 100vh; min-height: 100dvh; }
.auth__side {
  position: sticky; top: 0; height: 100vh; height: 100dvh; display: flex; flex-direction: column; gap: 36px;
  padding: 44px 56px; overflow: hidden; color: rgba(255,255,255,.72);
  background: var(--green-950); background-image: radial-gradient(circle at 85% 15%, rgba(168,137,79,.28), transparent 45%), radial-gradient(circle at 10% 95%, rgba(24,65,33,.9), transparent 50%);
}
.auth__side .logo { color: var(--white); }
.auth__pitch { margin-top: auto; }
.auth__pitch h2 { color: var(--white); font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin: 12px 0 26px; max-width: 480px; }
.auth__perks { display: grid; gap: 16px; }
.auth__perks li { display: flex; gap: 14px; align-items: flex-start; }
.auth__perks li > span { flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: rgba(168,137,79,.16); color: var(--gold-light); }
.auth__perks b { display: block; color: var(--white); font-size: 15px; }
.auth__perks small { display: block; font-size: 13.5px; line-height: 1.55; }
.auth__mock { position: relative; height: 150px; }
.auth-card { position: absolute; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--white); box-shadow: 0 20px 40px rgba(0,0,0,.25); }
.auth-card--a { left: 0; top: 0; width: 260px; padding: 16px 18px 10px; animation: floatY 6s ease-in-out infinite; }
.auth-card--a small { font-size: 12px; color: rgba(255,255,255,.6); }
.auth-card--a b { display: block; font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.auth-card--a .delta { background: rgba(46,204,113,.18); color: #6fd39b; font-size: 11.5px; }
.auth-card--a svg { display: block; width: 100%; height: 40px; margin-top: 6px; }
.auth-card--b { left: 210px; top: 82px; display: flex; gap: 12px; align-items: center; padding: 12px 16px; animation: floatY 6s ease-in-out -3s infinite; }
.auth-card--b b { display: block; font-size: 13.5px; }
.auth-card--b small { font-size: 12px; color: rgba(255,255,255,.6); }
.auth-card__ico { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--gold); color: var(--white); }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.auth__copy { font-size: 12.5px; color: rgba(255,255,255,.45); }
.auth__copy a:hover { color: var(--gold-light); }

.auth__main { display: flex; flex-direction: column; padding: 32px 56px 28px; }
.auth__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.auth__back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); transition: color .2s; }
.auth__back:hover { color: var(--ink); }
.auth__back .ico { width: 16px; height: 16px; transition: transform .2s; }
.auth__back:hover .ico { transform: translateX(-3px); }
.auth__logo-m { display: none; }
.auth__switch { font-size: 14px; color: var(--muted); }
.auth__switch a, .auth-link { color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.auth__switch a:hover, .auth-link:hover { color: var(--gold-dark); }
.auth__box { width: 100%; max-width: 460px; margin: auto; padding: 40px 0; }
.auth__title { font-size: 34px; font-weight: 800; letter-spacing: -.025em; }
.auth__sub { margin: 10px 0 28px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.auth__sub b { color: var(--ink); }
.auth__icon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 16px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.auth__icon .ico { width: 26px; height: 26px; }
.auth-social { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.auth-social__btn { display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--white); font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; transition: border-color .2s, background .2s; }
.auth-social__btn:hover { border-color: #c9cdcb; background: var(--bg-soft); }
.auth-social__btn .ico { width: 19px; height: 19px; }
.auth-or { display: flex; align-items: center; gap: 14px; margin: 22px 0; font-size: 13px; color: var(--muted); }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.auth-form { display: grid; gap: 18px; }
.auth-form .field { margin: 0; }
.auth-form__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; }
.auth-form__row .checkbox { align-items: center; color: var(--text); }
.auth-form__submit { width: 100%; margin-top: 4px; }
.pw-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; background: none; color: var(--muted); border-radius: 8px; display: grid; place-items: center; cursor: pointer; }
.pw-toggle:hover { color: var(--ink); background: var(--bg-soft); }
.pw-toggle .ico { position: static; width: 19px; height: 19px; transform: none; }
.pw-toggle .ico + .ico, .pw-toggle.is-on .ico:first-child { display: none; }
.pw-toggle.is-on .ico + .ico { display: block; }
.field__control:has(.pw-toggle) input { padding-right: 54px; }
.pw-meter { margin-top: -6px; }
.pw-meter__bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.pw-meter__bar span { height: 5px; border-radius: 999px; background: var(--line); transition: background .3s; }
.pw-meter[data-s="1"] .pw-meter__bar span:nth-child(-n+1) { background: #d4553f; }
.pw-meter[data-s="2"] .pw-meter__bar span:nth-child(-n+2) { background: #e0a43a; }
.pw-meter[data-s="3"] .pw-meter__bar span:nth-child(-n+3) { background: #5aa36d; }
.pw-meter[data-s="4"] .pw-meter__bar span { background: #1d7a45; }
.pw-rules { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; }
.pw-rules li { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); transition: color .2s; }
.pw-rules .ico { width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: var(--line); color: var(--white); stroke-width: 3; transition: background .2s; }
.pw-rules li.is-ok { color: #1d7a45; font-weight: 600; }
.pw-rules li.is-ok .ico { background: #1d7a45; }
.auth-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.auth-chips label { position: relative; cursor: pointer; }
.auth-chips input { position: absolute; opacity: 0; }
.auth-chips span { display: block; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; color: var(--text); transition: all .2s; }
.auth-chips label:hover span { border-color: #c9cdcb; }
.auth-chips input:checked + span { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.auth-chips input:focus-visible + span { box-shadow: 0 0 0 3px rgba(168,137,79,.35); }
.auth-steps { display: flex; align-items: center; gap: 8px; margin-bottom: 28px; }
.auth-steps[hidden] { display: none; }
.auth-steps span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; background: var(--bg-soft); color: var(--muted); border: 1px solid var(--line); transition: all .3s; }
.auth-steps span.is-active { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.auth-steps span.is-done { background: var(--gold); border-color: var(--gold); }
.auth-steps i { flex: 1; max-width: 60px; height: 2px; background: var(--line); }
.otp { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.otp input { width: 100%; height: 62px; border-radius: 10px; border: 1.5px solid var(--line); background: var(--bg-soft); text-align: center; font-size: 26px; font-weight: 800; color: var(--ink); outline: none; transition: border-color .2s, background .2s; }
.otp input:focus { border-color: var(--gold); background: var(--white); box-shadow: 0 0 0 4px rgba(168,137,79,.15); }
.otp__error { color: #b3412f; font-size: 13px; margin-top: -8px; }
.auth-resend { text-align: center; font-size: 13.5px; color: var(--muted); }
.auth-resend button { border: 0; background: none; padding: 0; font-weight: 700; color: var(--gold-dark); cursor: pointer; }
.auth-resend button:disabled { color: var(--muted); cursor: default; }
.auth-done { text-align: center; }
.auth-done__check { width: 76px; height: 76px; margin: 0 auto 22px; border-radius: 50%; display: grid; place-items: center; background: #1d7a45; color: var(--white); box-shadow: 0 0 0 10px rgba(29,122,69,.12); animation: popIn .5s var(--ease) both; }
.auth-done__check .ico { width: 34px; height: 34px; stroke-width: 3; }
@keyframes popIn { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
.auth__back-login { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-size: 14px; font-weight: 600; color: var(--muted); }
.auth__back-login:hover { color: var(--ink); }
.auth__back-login .ico { width: 16px; height: 16px; }
.auth__demo { display: flex; gap: 8px; justify-content: center; align-items: center; font-size: 12.5px; color: var(--muted); text-align: center; }
.auth__demo .ico { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; }

/* =========================================================
   HESABIM
   ========================================================= */
.acc-hero { background: var(--green-950); background-image: radial-gradient(circle at 85% 0%, rgba(168,137,79,.22), transparent 45%); padding: 34px 0 96px; color: rgba(255,255,255,.7); }
.acc-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 22px; }
.acc-hero__title { color: var(--white); font-size: 40px; font-weight: 800; letter-spacing: -.025em; }
.acc-hero__sub { margin-top: 8px; font-size: 15.5px; max-width: 620px; }
.acc-hero__actions { display: flex; gap: 10px; flex-shrink: 0; }
.acc-body { background: var(--bg-soft); padding-bottom: 80px; }
.acc-grid { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: -64px; }
.acc-side { position: sticky; top: 100px; display: grid; gap: 16px; }
.acc-user { display: flex; gap: 14px; align-items: center; padding: 20px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.acc-user > div { min-width: 0; }
.acc-user b { display: block; color: var(--ink); font-size: 16px; line-height: 1.3; }
.acc-user small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px 0 6px; }
.acc-nav { display: grid; gap: 2px; padding: 10px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.acc-nav a, .acc-nav button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; border: 0; border-radius: 10px; background: none; font-size: 14.5px; font-weight: 600; color: var(--text); cursor: pointer; text-align: left; transition: background .15s, color .15s; }
.acc-nav a:hover, .acc-nav button:hover { background: var(--bg-soft); color: var(--ink); }
.acc-nav .ico { width: 18px; height: 18px; color: var(--muted); }
.acc-nav span { flex: 1; }
.acc-nav em { font-style: normal; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--bg-soft); font-size: 11.5px; font-weight: 800; text-align: center; color: var(--muted); }
.acc-nav em:empty { display: none; }
.acc-nav a.is-active { background: var(--green-950); color: var(--white); }
.acc-nav a.is-active .ico { color: var(--gold-light); }
.acc-nav a.is-active em { background: var(--gold); color: var(--white); }
.acc-nav button { color: #b3412f; margin-top: 4px; border-top: 1px solid var(--line); border-radius: 0 0 10px 10px; padding-top: 14px; }
.acc-nav button .ico { color: #b3412f; }
.acc-premium { display: grid; gap: 6px; padding: 20px; border-radius: 16px; color: rgba(255,255,255,.7); background: var(--green-900); background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.35), transparent 55%); transition: transform .25s var(--ease); }
.acc-premium:hover { transform: translateY(-3px); }
.acc-premium__ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: var(--gold); color: var(--white); margin-bottom: 6px; }
.acc-premium b { color: var(--white); font-size: 16px; }
.acc-premium small { font-size: 13px; line-height: 1.55; }
.acc-premium__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: var(--gold-light); font-size: 13.5px; font-weight: 700; }
.acc-premium__cta .ico { width: 15px; height: 15px; }
.acc-main { display: grid; gap: 22px; min-width: 0; }

.acc-card { padding: 24px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); min-width: 0; }
.acc-card__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.acc-card__head h2 { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
.acc-card__link { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--gold-dark); }
.acc-card__link .ico { width: 15px; height: 15px; transition: transform .2s; }
.acc-card__link:hover .ico { transform: translateX(3px); }
.acc-card__tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.acc-card__tools .live-dot { color: var(--muted); }
.acc-card__tools .live-dot.is-live { color: #1d7a45; }
.acc-card__meta { font-size: 13px; color: var(--muted); font-weight: 600; }
.acc-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.acc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.acc-stat { display: grid; gap: 4px; align-content: start; padding: 20px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); min-width: 0; transition: transform .25s var(--ease), box-shadow .25s; }
a.acc-stat:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.acc-stat small { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--muted); }
.acc-stat small .ico { width: 15px; height: 15px; color: var(--gold); }
.acc-stat > b { font-size: 26px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acc-stat > span { font-size: 13px; color: var(--muted); }
.acc-stat .pl { font-size: 13px; }
.acc-stat--dark { background: var(--green-950); background-image: radial-gradient(circle at 100% 0%, rgba(168,137,79,.3), transparent 60%); }
.acc-stat--dark small { color: rgba(255,255,255,.6); }
.acc-stat--dark > b { color: var(--white); }
.acc-stat--dark > span, .acc-stat--dark .pl { color: rgba(255,255,255,.65); }
.acc-stat--dark .pl.is-up { color: #6fd39b; }
.acc-stat--dark .pl.is-down { color: #f5a091; }
.pl { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pl small { font-weight: 600; font-size: .9em; }
.pl.is-up { color: #1d7a45; }
.pl.is-down { color: #b3412f; }

/* Başlangıç rehberi */
.acc-start { padding: 24px; border-radius: 16px; background: var(--white); box-shadow: var(--shadow); border-left: 4px solid var(--gold); }
.acc-start[hidden] { display: none; }
.acc-start__head { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.acc-start__head h2 { font-size: 19px; font-weight: 800; }
.acc-start__head p { font-size: 14px; color: var(--muted); margin-top: 4px; }
.acc-start__ring { position: relative; width: 58px; height: 58px; flex-shrink: 0; }
.acc-start__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.acc-start__ring circle { fill: none; stroke: var(--line); stroke-width: 4; }
.acc-start__ring circle + circle { stroke: var(--gold); stroke-linecap: round; stroke-dasharray: 119.4; stroke-dashoffset: 119.4; transition: stroke-dashoffset .8s var(--ease); }
.acc-start__ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 13px; color: var(--ink); }
.acc-start__steps { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.acc-start__steps li { display: flex; gap: 10px; padding: 14px; border-radius: 12px; background: var(--bg-soft); }
.acc-start__steps li > span { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #c9cdcb; display: grid; place-items: center; color: transparent; }
.acc-start__steps li > span .ico { width: 13px; height: 13px; stroke-width: 3.5; }
.acc-start__steps li.is-done > span { background: #1d7a45; border-color: #1d7a45; color: var(--white); }
.acc-start__steps li.is-done b { text-decoration: line-through; color: var(--muted); }
.acc-start__steps b { display: block; font-size: 13.5px; color: var(--ink); line-height: 1.4; }
.acc-start__steps a, .acc-start__steps button { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; padding: 0; border: 0; background: none; font-size: 12.5px; font-weight: 700; color: var(--gold-dark); cursor: pointer; }
.acc-start__steps .ico { width: 13px; height: 13px; }
.acc-start__steps li.is-done a, .acc-start__steps li.is-done button { display: none; }

/* Mini listeler */
.mini-watch, .mini-cal, .mini-notif, .mini-calc { display: grid; gap: 2px; }
.mini-watch a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 8px; border-radius: 10px; transition: background .15s; }
.mini-watch a:hover, .mini-notif a:hover, .mini-calc a:hover { background: var(--bg-soft); }
.mini-watch b, .mini-calc b, .mini-notif b { display: block; font-size: 14px; color: var(--ink); }
.mini-watch small, .mini-calc small, .mini-notif small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-watch__p { text-align: right; }
.mini-watch__p b { font-variant-numeric: tabular-nums; }
.mini-watch__p .delta { font-size: 11px; padding: 1px 7px; }
.mini-cal li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 4px; border-bottom: 1px solid var(--line); }
.mini-cal li:last-child { border-bottom: 0; }
.cal-date { width: 48px; height: 50px; border-radius: 10px; display: grid; place-content: center; text-align: center; background: var(--bg-soft); line-height: 1.1; }
.cal-date b { font-size: 18px; color: var(--ink); }
.cal-date span { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; }
.cal-date.is-soon { background: rgba(168,137,79,.14); }
.cal-date.is-urgent { background: #b3412f; }
.cal-date.is-urgent b, .cal-date.is-urgent span { color: var(--white); }
.cal-txt { min-width: 0; }
.cal-txt b { display: block; font-size: 14px; color: var(--ink); line-height: 1.35; }
.cal-txt small { font-size: 12.5px; color: var(--muted); }
.cal-left { font-size: 12.5px; font-weight: 700; color: var(--muted); white-space: nowrap; padding: 4px 10px; border-radius: 999px; background: var(--bg-soft); }
.cal-left.is-soon { color: var(--gold-dark); background: rgba(168,137,79,.12); }
.cal-left.is-urgent { color: #b3412f; background: #fdf0ed; }
.mini-notif a, .mini-calc a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 8px; border-radius: 10px; transition: background .15s; }
.mini-notif time, .mini-calc time { font-size: 11.5px; color: #9aa19e; white-space: nowrap; }
.mini-calc__ico { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.mini-calc__ico svg { width: 20px; height: 20px; }
.mini-empty { padding: 18px 8px; font-size: 13.5px; color: var(--muted); }
.mini-empty a { color: var(--gold-dark); font-weight: 700; }

.acc-upsell { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 30px 32px; border-radius: 16px; color: rgba(255,255,255,.7); background: var(--green-950); background-image: radial-gradient(circle at 0% 100%, rgba(168,137,79,.25), transparent 50%); }
.acc-upsell h2 { color: var(--white); font-size: 23px; font-weight: 800; margin: 8px 0; letter-spacing: -.01em; }
.acc-upsell p { font-size: 14.5px; max-width: 520px; }
.acc-upsell__btns { display: flex; gap: 10px; flex-shrink: 0; }
.acc-empty { display: grid; justify-items: center; gap: 8px; padding: 40px 20px; text-align: center; }
.acc-empty > .ico { width: 54px; height: 54px; padding: 14px; border-radius: 16px; background: var(--bg-soft); color: var(--gold); }
.acc-empty b { font-size: 17px; color: var(--ink); margin-top: 6px; }
.acc-empty p { max-width: 420px; color: var(--muted); font-size: 14px; line-height: 1.7; margin-bottom: 8px; }
.quick-add { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 520px; }
.quick-add button { padding: 8px 14px; border-radius: 999px; border: 1px dashed #c9cdcb; background: var(--white); font-size: 13.5px; font-weight: 600; color: var(--ink); cursor: pointer; transition: all .2s; }
.quick-add button::before { content: "+ "; color: var(--gold); font-weight: 800; }
.quick-add button:hover { border-style: solid; border-color: var(--gold); background: rgba(168,137,79,.07); }

/* Tablolar */
.acc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.acc-table th { padding: 10px 12px; text-align: right; font-size: 12.5px; font-weight: 700; color: var(--muted); border-bottom: 1px solid var(--line); white-space: nowrap; background: var(--bg-soft); }
.acc-table th:first-child { text-align: left; border-radius: 8px 0 0 8px; }
.acc-table th:last-child { border-radius: 0 8px 8px 0; }
.acc-table td { padding: 12px; text-align: right; border-bottom: 1px solid var(--line); vertical-align: middle; }
.acc-table td:first-child { text-align: left; }
.acc-table tbody tr:hover > td { background: #fbfbfa; }
.acc-table .tnum { font-variant-numeric: tabular-nums; white-space: nowrap; }
.acc-table .tnum b { color: var(--ink); }
.acc-table .delta { font-size: 11.5px; padding: 2px 8px; }
.watch-table { min-width: 620px; }
.pf-table { min-width: 820px; }
.asset-cell { display: flex; align-items: center; gap: 12px; min-width: 0; }
.asset-cell b { display: block; color: var(--ink); font-size: 14.5px; }
.asset-cell small { display: block; color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.asset-cell:hover b { color: var(--gold-dark); }
.row-actions { white-space: nowrap; }
.row-actions > * + * { margin-left: 6px; }
.alarm-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); font-size: 12.5px; font-weight: 700; color: var(--text); cursor: pointer; transition: all .2s; white-space: nowrap; }
.alarm-pill .ico { width: 14px; height: 14px; }
.alarm-pill:hover { border-color: var(--gold); color: var(--gold-dark); }
.alarm-pill.is-on { background: rgba(29,122,69,.1); border-color: rgba(29,122,69,.3); color: #1d7a45; }
.lot-btn { display: block; margin: 4px 0 0 auto; border: 0; background: none; padding: 0; font-size: 11.5px; font-weight: 700; color: var(--gold-dark); cursor: pointer; }
.lot-btn::after { content: " ▾"; }
.lot-btn.is-open::after { content: " ▴"; }
.pf-lots > td { background: var(--bg-soft); padding: 6px 12px 10px; }
.pf-lots ul { display: grid; gap: 4px; }
.pf-lots li { display: grid; grid-template-columns: 100px 1fr 1fr auto auto auto; align-items: center; gap: 14px; font-size: 13px; text-align: left; padding: 6px 0; }
.pf-lots em { font-style: normal; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-lots .icon-btn { width: 30px; height: 30px; }

/* Portföy */
.pf-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.pf-donut { position: relative; width: 190px; margin: 0 auto 18px; }
.pf-donut svg { display: block; width: 100%; transform: rotate(-90deg); }
.pf-donut circle { fill: none; stroke-width: 16; transition: stroke-dasharray .8s var(--ease); }
.pf-donut__bg { stroke: var(--bg-soft); }
.pf-donut__c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.pf-donut__c small { font-size: 12px; color: var(--muted); }
.pf-donut__c b { font-size: 28px; color: var(--ink); line-height: 1; }
.pf-legend { display: grid; gap: 4px; }
.pf-legend li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 10px; padding: 8px 4px; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.pf-legend li:last-child { border-bottom: 0; }
.pf-legend i { width: 10px; height: 10px; border-radius: 3px; grid-row: span 2; }
.pf-legend span { font-weight: 600; color: var(--ink); }
.pf-legend b { color: var(--ink); }
.pf-legend small { grid-column: 2 / 4; color: var(--muted); font-size: 12px; }
.pf-note { display: flex; gap: 8px; margin-top: 16px; font-size: 12px; line-height: 1.6; color: var(--muted); }
.pf-note .ico { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; margin-top: 2px; }
.set-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.set-grid .field { margin: 0; }

/* Alarmlar */
.push-card { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border-radius: 16px; background: rgba(168,137,79,.1); border: 1px solid rgba(168,137,79,.3); }
.push-card[hidden] { display: none; }
.push-card > span { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--gold); color: var(--white); flex-shrink: 0; }
.push-card > div { flex: 1; }
.push-card b { display: block; color: var(--ink); }
.push-card small { font-size: 13.5px; color: var(--text); }
.seg-tabs em { font-style: normal; margin-left: 4px; padding: 0 6px; border-radius: 999px; background: rgba(0,0,0,.07); font-size: 11.5px; }
.seg-tabs .is-active em { background: rgba(255,255,255,.18); }
.alarm-list { display: grid; gap: 12px; }
.alarm-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 18px; border-radius: 14px; border: 1px solid var(--line); transition: border-color .2s, box-shadow .2s; }
.alarm-item:hover { border-color: #d5d9d7; box-shadow: 0 8px 22px rgba(10,30,20,.06); }
.alarm-item__asset .aicon { width: 44px; height: 44px; }
.alarm-item.is-paused { background: #fafafa; }
.alarm-item.is-paused .alarm-item__asset, .alarm-item.is-paused .alarm-item__body { opacity: .55; }
.alarm-item.is-fired { border-color: rgba(29,122,69,.3); background: rgba(29,122,69,.03); }
.alarm-item__top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.alarm-item__top b { font-size: 15.5px; color: var(--ink); }
.alarm-item__body > p { margin-top: 4px; font-size: 14px; color: var(--text); }
.alarm-item__body em { color: var(--muted); }
.alarm-tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--bg-soft); font-size: 11.5px; font-weight: 700; color: var(--muted); }
.alarm-tag .ico { width: 12px; height: 12px; }
.alarm-tag--above, .alarm-tag--up_pct { background: rgba(29,122,69,.1); color: #1d7a45; }
.alarm-tag--below, .alarm-tag--down_pct { background: #fdf0ed; color: #b3412f; }
.alarm-prog { margin-top: 12px; }
.alarm-prog__bar { height: 6px; border-radius: 999px; background: var(--bg-box); overflow: hidden; }
.alarm-prog__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--gold-light), var(--gold-dark)); transition: width .8s var(--ease); }
.alarm-prog small { display: block; margin-top: 6px; font-size: 12.5px; color: var(--muted); }
.alarm-prog b { color: var(--ink); }
.alarm-fired { display: flex; align-items: center; gap: 6px; margin-top: 10px !important; font-size: 13px !important; font-weight: 600; color: #1d7a45 !important; }
.alarm-fired .ico { width: 15px; height: 15px; stroke-width: 3; }
.alarm-meta { display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 12px; color: #9aa19e; }
.alarm-ch { display: inline-flex; gap: 6px; padding-right: 10px; border-right: 1px solid var(--line); }
.alarm-ch .ico { width: 14px; height: 14px; color: var(--gold-dark); }
.alarm-item__act { display: flex; align-items: center; gap: 8px; }
.acc-howto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.acc-howto > div { padding: 20px; border-radius: 14px; background: var(--white); border: 1px dashed #d5d9d7; }
.acc-howto .ico { width: 22px; height: 22px; color: var(--gold); }
.acc-howto b { display: block; margin: 10px 0 4px; color: var(--ink); }
.acc-howto p { font-size: 13.5px; line-height: 1.65; color: var(--muted); }

/* Hesaplamalar */
.acc-search { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-soft); min-width: 240px; }
.acc-search:focus-within { border-color: var(--gold); background: var(--white); }
.acc-search .ico { width: 16px; height: 16px; color: var(--muted); }
.acc-search input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font-size: 14px; }
.calc-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.calc-filter:empty { display: none; }
.calc-filter button { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); font-size: 13px; font-weight: 600; color: var(--text); cursor: pointer; transition: all .2s; }
.calc-filter button em { font-style: normal; margin-left: 4px; color: var(--muted); font-size: 12px; }
.calc-filter button.is-active { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.calc-filter button.is-active em { color: var(--gold-light); }
.calc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.calc-save { display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--line); overflow: hidden; transition: box-shadow .25s, transform .25s var(--ease); }
.calc-save:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); }
.calc-save header { display: flex; gap: 12px; align-items: center; padding: 16px 16px 12px; }
.calc-save header div { min-width: 0; }
.calc-save header b { display: block; color: var(--ink); font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calc-save header small { font-size: 12px; color: var(--muted); }
.calc-save__ico { flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); }
.calc-save__ico svg { width: 22px; height: 22px; }
.calc-save__main { margin: 0 16px; padding: 14px 16px; border-radius: 10px; background: var(--green-950); }
.calc-save__main small { display: block; font-size: 12px; color: rgba(255,255,255,.6); }
.calc-save__main b { display: block; color: var(--white); font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.calc-save ul { padding: 10px 16px 0; }
.calc-save li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 13px; border-bottom: 1px dashed var(--line); }
.calc-save li span { color: var(--muted); }
.calc-save li b { color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.calc-save footer { display: flex; gap: 6px; align-items: center; margin-top: auto; padding: 14px 16px 16px; }
.calc-save footer .btn { margin-right: auto; }

/* Kaydedilen yazılar */
.saved-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.saved-post { display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--line); overflow: hidden; transition: box-shadow .25s; }
.saved-post:hover { box-shadow: var(--shadow-hover); }
.saved-post__img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.saved-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.saved-post:hover .saved-post__img img { transform: scale(1.05); }
.saved-post__cat { position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(1,21,12,.75); color: var(--white); font-size: 11.5px; font-weight: 700; }
.saved-post__body { display: flex; flex-direction: column; flex: 1; padding: 16px; }
.saved-post__body h3 { font-size: 15.5px; line-height: 1.4; transition: color .2s; }
.saved-post__body a:hover h3 { color: var(--gold-dark); }
.saved-post__body p { font-size: 13.5px; color: var(--muted); line-height: 1.6; margin: 8px 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.saved-post__body footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.saved-post__body footer small { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.saved-post__body footer small .ico { width: 14px; height: 14px; }
.saved-post .icon-btn .ico { fill: var(--gold); color: var(--gold); }

/* Vergi takvimim */
.cal-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; align-items: start; }
.my-cal__month { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--gold-dark); margin: 18px 0 6px; }
.my-cal__month:first-child { margin-top: 0; }
.my-cal__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.cal-prefs { display: grid; gap: 14px; }
.cal-prefs__label { font-size: 14px; font-weight: 700; color: var(--ink); }
.cal-prefs__items { display: grid; gap: 10px; }
.cal-prefs__items .checkbox b { display: block; color: var(--ink); font-size: 13.5px; line-height: 1.4; }
.cal-prefs__items .checkbox small { font-size: 12px; }
.cal-prefs .segmented__item span { height: 40px; font-size: 13.5px; }

/* Topluluk profili */
.prof-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px; align-items: start; }
.prof-form { display: grid; gap: 18px; }
.prof-form .field { margin: 0; }
.prof-form textarea { min-height: 90px !important; }
.prof-preview { display: flex; gap: 16px; align-items: center; padding: 18px; border-radius: 14px; background: var(--green-950); }
.prof-preview b { display: block; color: var(--white); font-size: 18px; }
.prof-preview small { display: block; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.5; }
.color-pick { display: flex; flex-wrap: wrap; gap: 10px; }
.color-pick button { width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--white); box-shadow: 0 0 0 1px var(--line); cursor: pointer; transition: transform .2s, box-shadow .2s; }
.color-pick button:hover { transform: scale(1.1); }
.color-pick button.is-active { box-shadow: 0 0 0 2px var(--gold); }
.prof-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.prof-stats div { padding: 16px 10px; border-radius: 12px; background: var(--bg-soft); text-align: center; }
.prof-stats b { display: block; font-size: 24px; color: var(--ink); }
.prof-stats small { font-size: 12.5px; color: var(--muted); }
.prof-sub { font-size: 15px; font-weight: 800; margin: 22px 0 10px; }
.prof-msgs { display: grid; gap: 8px; }
.prof-msgs a { display: block; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); transition: border-color .2s; }
.prof-msgs a:hover { border-color: var(--gold); }
.prof-room { display: inline-block; padding: 2px 8px; border-radius: 6px; background: rgba(168,137,79,.12); color: var(--gold-dark); font-size: 11.5px; font-weight: 800; }
.prof-msgs p { font-size: 13.5px; color: var(--ink); margin: 6px 0 4px; overflow-wrap: anywhere; }
.prof-msgs time { font-size: 11.5px; color: #9aa19e; }

/* Ayarlar */
.set-form { display: grid; gap: 18px; justify-items: start; }
.set-form > * { width: 100%; }
.set-form > .btn { width: auto; }
.set-switches { display: grid; gap: 4px; }
.set-switches .switch { padding: 14px 0; border-bottom: 1px solid var(--line); }
.set-switches .switch:last-child { border-bottom: 0; }
.set-danger { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.set-danger:last-child { border-bottom: 0; padding-bottom: 0; }
.set-danger:first-child { padding-top: 0; }
.set-danger b { display: block; color: var(--ink); }
.set-danger small { font-size: 13.5px; color: var(--muted); }
.set-danger--red b { color: #b3412f; }

/* =========================================================
   Duyarlı yerleşim
   ========================================================= */
@media (max-width: 1180px) {
  .acc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-grid, .cal-grid { grid-template-columns: minmax(0, 1fr); }
  .acc-start__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .umenu__name { display: none; }
  .umenu__btn { padding-right: 10px; }
}
@media (max-width: 1080px) {
  .acc-grid { grid-template-columns: minmax(0, 1fr); margin-top: -64px; }
  .acc-side { position: static; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .acc-user { display: none; }
  .acc-premium { display: none; }
  .acc-nav { display: flex; overflow-x: auto; scrollbar-width: none; padding: 8px; gap: 4px; }
  .acc-nav::-webkit-scrollbar { display: none; }
  .acc-nav a, .acc-nav button { width: auto; flex-shrink: 0; white-space: nowrap; padding: 9px 14px; }
  .acc-nav button { margin: 0; border: 0; border-radius: 10px; padding-top: 9px; }
  .acc-cols, .prof-grid { grid-template-columns: minmax(0, 1fr); }
  .auth { grid-template-columns: minmax(0, 1fr); }
  .auth__side { display: none; }
  .auth__logo-m { display: flex; color: var(--ink); }
  .auth__logo-m .logo__name { color: var(--ink); }
  .auth__main { min-height: 100vh; min-height: 100dvh; }
  .acc-upsell { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 768px) {
  .acc-hero { padding: 26px 0 84px; }
  .acc-hero__row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .acc-hero__title { font-size: 30px; }
  .acc-hero__actions .btn { height: 46px; }
  .acc-card { padding: 18px; }
  .acc-stat { padding: 16px; }
  .acc-stat > b { font-size: 20px; }
  .acc-start__steps { grid-template-columns: minmax(0, 1fr); }
  .acc-howto { grid-template-columns: minmax(0, 1fr); }
  .set-grid { grid-template-columns: minmax(0, 1fr); }
  .alarm-item { grid-template-columns: auto minmax(0, 1fr); }
  .alarm-item__act { grid-column: 1 / -1; justify-content: flex-end; border-top: 1px solid var(--line); padding-top: 12px; }
  .acc-search { min-width: 0; width: 100%; }
  .acc-card__head .seg-tabs, .acc-card__tools { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .set-danger { flex-direction: column; align-items: flex-start; }
  .push-card { flex-wrap: wrap; }
  .push-card .btn { width: 100%; }
  .acc-upsell { padding: 24px; }
  .acc-upsell__btns { flex-direction: column; width: 100%; }
  .acc-upsell__btns .btn { width: 100%; }
  .my-cal__item { grid-template-columns: auto minmax(0, 1fr) auto; }
  .my-cal__item .cal-left { display: none; }
  .auth__main { padding: 20px 18px; }
  .auth__switch { display: none; }
  .auth__box { padding: 28px 0; }
  .auth__title { font-size: 28px; }
  .auth-social { grid-template-columns: minmax(0, 1fr); }
  .otp { gap: 6px; }
  .otp input { height: 54px; font-size: 22px; }
  .vmodal { padding: 0; align-items: end; }
  .vmodal__panel { width: 100% !important; border-radius: 20px 20px 0 0; padding: 26px 18px 22px; max-height: 92vh; max-height: 92dvh; }
  .atypes { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .atype small { display: none; }
  .gate__list { grid-template-columns: minmax(0, 1fr); }
  .asel { grid-template-columns: auto minmax(0, 1fr) auto; }
  .asel__change { grid-column: 1 / -1; justify-self: start; }
  .udrop { position: fixed; top: 76px; left: 12px; right: 12px; width: auto; }
  .udrop--notif { width: auto; }
  .udrop::before { display: none; }
  .ubell__btn, .umenu__btn { height: 42px; }
  .ubell__btn { width: 42px; }
  .umenu__btn .uavatar { width: 32px; height: 32px; }
  .umenu__btn > .ico { display: none; }
  .umenu__btn { padding: 0 4px; }
}
@media (max-width: 420px) {
  .acc-stats { grid-template-columns: minmax(0, 1fr); }
  .calc-result__actions { grid-template-columns: minmax(0, 1fr); }
}
.mini-calc__ico svg, .calc-save__ico svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.acc-grid { margin-top: 0; padding-top: 30px; }
.acc-hero { padding-bottom: 44px; }
@media (max-width: 1080px) { .acc-grid { margin-top: 0; padding-top: 20px; } }
@media (max-width: 768px) { .acc-hero { padding-bottom: 34px; } }
/* Portföy: tablo tam genişlik, dağılım altta yatay */
.pf-grid { grid-template-columns: minmax(0, 1fr); }
.pf-side { display: grid; grid-template-columns: 200px minmax(0, 1fr); column-gap: 36px; align-items: center; }
.pf-side .acc-card__head { grid-column: 1 / -1; }
.pf-side .pf-donut { grid-row: 2 / 4; margin: 0; }
.pf-side .pf-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.pf-side .pf-legend li:nth-last-child(2) { border-bottom: 0; }
@media (max-width: 768px) {
  .pf-side { grid-template-columns: minmax(0, 1fr); }
  .pf-side .pf-donut { grid-row: auto; margin: 0 auto 16px; width: 170px; }
  .pf-side .pf-legend { grid-template-columns: minmax(0, 1fr); }
}
.pf-table .pl small { display: block; }
.pf-table { min-width: 760px; }
.pf-table .row-actions > * + * { margin-left: 4px; }
.pf-table .icon-btn { width: 32px; height: 32px; }
.acc-table td, .acc-table th { padding-left: 10px; padding-right: 10px; }
.field__control > input:first-child, .field__control > textarea:first-child { padding-left: 18px; }
.udrop__notifs { display: none; }
.umenu__btn { position: relative; }
@media (max-width: 560px) {
  .ubell { display: none; }
  .umenu__btn[data-unread]::after { content: attr(data-unread); position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; display: grid; place-items: center; background: #d4553f; color: var(--white); font-size: 10px; font-weight: 800; box-shadow: 0 0 0 2px var(--green-950); }
  .udrop__notifs { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 9px; font-size: 14px; font-weight: 600; color: var(--ink); }
  .udrop__notifs .ico { width: 17px; height: 17px; color: var(--muted); }
  .udrop__notifs em { margin-left: auto; font-style: normal; min-width: 20px; padding: 1px 7px; border-radius: 999px; background: #d4553f; color: var(--white); font-size: 11px; font-weight: 800; text-align: center; }
  .udrop__notifs em:empty { display: none; }
  .uarea { gap: 6px; }
}
/* Gizli erişilebilirlik metinleri kaydırma alanından taşmasın */
.table-wrap { position: relative; }
/* Giriş paneli: kısa ekranlarda içerik kesilmesin */
.auth__side { position: relative; height: auto; min-height: 100vh; min-height: 100dvh; gap: 28px; padding: 40px 56px 32px; }
.auth__pitch { margin-top: auto; margin-bottom: auto; }
.auth__mock { flex-shrink: 0; }
@media (max-height: 940px) {
  .auth__side { gap: 22px; padding-top: 32px; padding-bottom: 26px; }
  .auth__pitch h2 { font-size: 30px; margin: 10px 0 20px; }
  .auth__perks { gap: 12px; }
  .auth__perks li > span { width: 36px; height: 36px; }
  .auth__mock { height: 120px; }
  .auth-card--a { padding: 12px 16px 8px; }
  .auth-card--a b { font-size: 19px; }
  .auth-card--a svg { height: 28px; }
  .auth-card--b { top: 64px; }
}
@media (max-height: 800px) {
  .auth__mock { display: none; }
  .auth__pitch h2 { font-size: 27px; }
}
/* Onay / metin penceresi */
.vmodal--ask .vmodal__panel { width: min(420px, 100%); padding: 30px 28px 24px; }
.ask { text-align: center; }
.ask__icon { width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 50%; display: grid; place-items: center; background: rgba(168,137,79,.12); color: var(--gold-dark); box-shadow: 0 0 0 8px rgba(168,137,79,.06); }
.ask__icon .ico { width: 26px; height: 26px; }
.ask--danger .ask__icon { background: #fdeeea; color: #b3412f; box-shadow: 0 0 0 8px rgba(201,83,63,.07); animation: askShake .5s var(--ease) .15s both; }
@keyframes askShake { 0%, 100% { transform: none; } 25% { transform: rotate(-8deg); } 50% { transform: rotate(6deg); } 75% { transform: rotate(-3deg); } }
.ask h2 { font-size: 21px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; padding: 0 10px; }
.ask p { margin-top: 8px; font-size: 14.5px; line-height: 1.65; color: var(--muted); }
.ask p b { color: var(--ink); }
.ask .field { margin: 18px 0 0; text-align: left; }
.ask__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.ask__btns .btn { height: 48px; padding: 0 16px; gap: 8px; }
.ask__btns .btn .ico { width: 17px; height: 17px; }
.ask__btns .btn:hover .ico { transform: none; }
.toast__undo { margin-left: 10px; padding: 4px 12px; border-radius: 6px; border: 1px solid rgba(255,255,255,.3); background: transparent; color: var(--gold-light); font-size: 13px; font-weight: 700; cursor: pointer; }
.toast__undo:hover { background: rgba(255,255,255,.1); }
.link-btn { border: 0; background: none; padding: 0; color: var(--gold-dark); font-weight: 700; cursor: pointer; font-size: inherit; }
/* Kilitli premium menü */
.acc-nav button.acc-nav__lock { color: var(--muted); margin: 0; border: 0; border-radius: 10px; padding-top: 11px; }
.acc-nav button.acc-nav__lock .ico { color: #b5bbb8; }
.acc-nav button.acc-nav__lock:hover { color: var(--ink); }
.acc-nav__pro { display: inline-flex !important; align-items: center; gap: 4px; background: rgba(168,137,79,.14) !important; color: var(--gold-dark) !important; font-size: 10.5px !important; padding: 2px 8px !important; }
.acc-nav__pro .ico { width: 11px !important; height: 11px !important; color: var(--gold-dark) !important; }
/* Özet: alarm listesi */
.mini-alarm { display: grid; gap: 2px; }
.mini-alarm a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 8px; border-radius: 10px; transition: background .15s; }
.mini-alarm a:hover { background: var(--bg-soft); }
.mini-alarm b { display: block; font-size: 14px; color: var(--ink); }
.mini-alarm small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-alarm .alarm-tag { padding: 6px; }
.mini-alarm .alarm-tag .ico { width: 14px; height: 14px; }
@media (max-width: 1080px) { .acc-nav button.acc-nav__lock { padding-top: 9px; } }
@media (max-width: 768px) { .ask__btns { grid-template-columns: minmax(0, 1fr); } .ask__btns .btn[type=submit] { order: -1; } }
.ask__btns .btn:focus { outline: none; }
.ask__btns .btn:focus-visible { outline: 3px solid rgba(168,137,79,.45); outline-offset: 2px; }
/* Sohbet: üyelik kapısı */
.chat__form.is-locked > :not(.chat-gate) { display: none; }
.chat-gate { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 4px 0; }
.chat-gate__ico { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(168,137,79,.14); color: var(--gold-dark); }
.chat-gate__ico .ico { width: 19px; height: 19px; }
.chat-gate b { display: block; color: var(--ink); font-size: 14.5px; }
.chat-gate small { display: block; color: var(--muted); font-size: 12.5px; line-height: 1.5; }
.chat-gate__btns { display: flex; gap: 8px; }
.chat__who.is-member input { display: none; }
.chat__me { display: grid; line-height: 1.25; }
.chat__me b { font-size: 14px; color: var(--ink); }
.chat__me small { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--gold-dark); }
.chat__me small .ico { width: 11px; height: 11px; }
.chat__me:hover b { color: var(--gold-dark); }
@media (max-width: 768px) {
  .chat-gate { grid-template-columns: auto minmax(0, 1fr); }
  .chat-gate__btns { grid-column: 1 / -1; }
  .chat-gate__btns .btn { flex: 1; }
}
/* Fotoğraflı avatarlar */
.uavatar.has-photo, .avatar.has-photo { background-size: cover !important; background-position: center !important; background-color: var(--bg-box) !important; color: transparent; }
/* Sohbet: yanıtlar */
.msg__you { padding: 1px 7px; border-radius: 5px; background: rgba(168,137,79,.15); color: var(--gold-dark); font-size: 10.5px; font-weight: 800; }
.msg__foot { display: flex; align-items: center; gap: 16px; }
.msg__reply { border: 0; background: transparent; padding: 0; font-size: 12.5px; font-weight: 600; color: #9aa29f; cursor: pointer; transition: color .2s; }
.msg__reply:hover { color: var(--gold-dark); }
.msg__replies { list-style: none; margin: 10px 0 0; padding: 0 0 0 14px; border-left: 2px solid rgba(168,137,79,.25); display: grid; gap: 2px; }
.msg--reply { padding: 8px 8px; }
.msg--reply .avatar { width: 28px; height: 28px; font-size: 12px; }
.msg--reply p { font-size: 14px; margin-top: 2px; }
.msg__to { display: inline-block; margin-top: 3px; font-size: 12px; font-weight: 700; color: var(--gold-dark); }
.msg.is-new { animation: msgFlash 1.6s ease both; }
@keyframes msgFlash { 0% { background: rgba(168,137,79,.28); } 100% { background: rgba(168,137,79,.06); } }
.chat__replying { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; padding: 8px 10px 8px 12px; border-radius: 8px; background: rgba(168,137,79,.1); border-left: 3px solid var(--gold); font-size: 13px; color: var(--text); }
.chat__replying[hidden] { display: none; }
.chat__replying-ico { color: var(--gold-dark); font-weight: 800; }
.chat__replying-txt { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat__replying-txt b { color: var(--ink); }
.chat__replying-x { flex-shrink: 0; width: 26px; height: 26px; border: 0; border-radius: 50%; background: rgba(0,0,0,.06); color: var(--ink); font-size: 17px; line-height: 1; cursor: pointer; }
.chat__replying-x:hover { background: rgba(0,0,0,.12); }
/* Profil fotoğrafı */
.prof-photo { position: relative; flex-shrink: 0; cursor: pointer; border-radius: 50%; }
.prof-photo__cam { position: absolute; right: -2px; bottom: -2px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--gold); color: var(--white); box-shadow: 0 0 0 3px var(--green-950); transition: transform .2s; }
.prof-photo__cam .ico { width: 13px; height: 13px; }
.prof-photo:hover .prof-photo__cam { transform: scale(1.12); }
.prof-photo:focus-within .uavatar { box-shadow: 0 0 0 3px var(--gold); }
.prof-photo__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.prof-photo__btn { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: var(--gold-light); font-size: 12px; font-weight: 700; cursor: pointer; }
.prof-photo__btn .ico { width: 13px; height: 13px; }
.prof-photo__btn:hover { border-color: var(--gold-light); }
.prof-photo__btn--del { color: #f5a091; }
.prof-photo__btn[hidden] { display: none; }

/* =========================================================
   PİYASA GRAFİĞİ (döviz, altın, kripto, borsa)
   ========================================================= */
.mchart-section { background: var(--white); }
.mchart-section--soft { background: var(--bg-soft); padding-bottom: 20px; }
.mchart-section__head { max-width: 640px; margin-bottom: 26px; }
.mchart-section__head p { margin-top: 10px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.mchart { position: relative; padding: 22px 24px 18px; border-radius: 18px; background: var(--white); box-shadow: var(--shadow); border: 1px solid var(--line); min-width: 0; }
.mchart-section--soft .mchart { border-color: transparent; }
.mchart__top { margin: -2px -4px 18px; overflow-x: auto; scrollbar-width: none; }
.mchart__top::-webkit-scrollbar { display: none; }
.mchart__assets { display: flex; gap: 8px; padding: 2px 4px; width: max-content; }
.mchart__assets button, .mchart__more { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px 0 6px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); font-size: 14px; font-weight: 700; color: var(--text); cursor: pointer; white-space: nowrap; transition: border-color .2s, background .2s, color .2s; }
.mchart__assets button .aicon { width: 30px; height: 30px; }
.mchart__assets button .aicon--txt { font-size: 10px; }
.mchart__assets button:hover, .mchart__more:hover { border-color: #c9cdcb; color: var(--ink); }
.mchart__assets button.is-active, .mchart__more.is-active { background: var(--green-950); border-color: var(--green-950); color: var(--white); }
.mchart__more { position: relative; padding: 0 34px 0 16px; }
.mchart__more::after { content: ""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; margin-top: -6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .6; pointer-events: none; }
.mchart__more select { appearance: none; -webkit-appearance: none; border: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; outline: none; }
.mchart__more.is-active select option { color: var(--ink); }
.mchart__head { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto auto; align-items: center; gap: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.mchart__id { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mchart__id .aicon { width: 46px; height: 46px; }
.mchart__id b { display: block; font-size: 17px; color: var(--ink); white-space: nowrap; }
.mchart__id small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.mchart__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; padding-left: 22px; border-left: 1px solid var(--line); }
.mchart__price strong { font-size: 30px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.mchart__price .delta { font-size: 13px; }
.mchart__price small { flex-basis: 100%; font-size: 12px; color: var(--muted); }
.mchart__hl { display: flex; gap: 20px; }
.mchart__hl small { display: block; font-size: 11.5px; color: var(--muted); white-space: nowrap; }
.mchart__hl b { display: block; font-size: 14.5px; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mchart__acts { display: flex; gap: 8px; }
.mchart__btn { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--white); font-size: 13.5px; font-weight: 700; color: var(--ink); cursor: pointer; transition: all .2s; white-space: nowrap; }
.mchart__btn .ico { width: 16px; height: 16px; }
.mchart__btn:hover { border-color: var(--gold); color: var(--gold-dark); }
.mchart__btn.is-on { border-color: var(--gold); color: var(--gold-dark); background: rgba(168,137,79,.08); }
.mchart__btn.is-on .ico { fill: var(--gold); }
.mchart__btn--gold { background: var(--gold); border-color: var(--gold); color: var(--white); }
.mchart__btn--gold:hover { background: var(--gold-dark); border-color: var(--gold-dark); color: var(--white); }
.mchart__btn--gold:hover .ico { animation: bellRing .8s var(--ease); transform-origin: top center; }
.mchart__bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 16px 0 6px; }
.mchart__legend { flex: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; min-height: 20px; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.mchart__legend b { color: var(--ink); }
.mchart__box { position: relative; height: 380px; }
.mchart__chart { position: absolute; inset: 0; }
.mchart__state { position: absolute; inset: 0; display: grid; place-items: center; font-size: 14px; color: var(--muted); background: rgba(255,255,255,.7); border-radius: 10px; z-index: 2; }
.mchart__state[hidden] { display: none; }
.mchart__state.is-err { color: #b3412f; background: #fdf8f6; }
.mchart.is-loading .mchart__state::before { content: ""; width: 26px; height: 26px; margin: 0 auto 10px; display: block; border-radius: 50%; border: 3px solid var(--line); border-top-color: var(--gold); animation: spin .8s linear infinite; }
.mchart.is-loading .mchart__state { place-content: center; text-align: center; }
.mchart__note { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: var(--muted); }
.mchart__note .ico { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; }
@media (max-width: 1180px) {
  .mchart__head { grid-template-columns: minmax(0, 1fr) auto; }
  .mchart__price { padding-left: 0; border-left: 0; justify-content: flex-end; text-align: right; }
  .mchart__price small { text-align: right; }
  .mchart__hl { grid-column: 1; }
  .mchart__acts { grid-column: 2; justify-content: flex-end; }
}
@media (max-width: 768px) {
  .mchart { padding: 16px 14px 14px; border-radius: 14px; }
  .mchart__head { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .mchart__price { justify-content: flex-start; text-align: left; }
  .mchart__price small { text-align: left; }
  .mchart__price strong { font-size: 26px; }
  .mchart__hl, .mchart__acts { grid-column: auto; }
  .mchart__acts { justify-content: stretch; }
  .mchart__acts .mchart__btn { flex: 1; justify-content: center; }
  .mchart__bar { flex-wrap: wrap; }
  .mchart__legend { order: 3; flex-basis: 100%; justify-content: flex-start; }
  .mchart__box { height: 300px; }
}
/* Premium üye: Hesabım */
.plan-badge--pro { background: linear-gradient(135deg, var(--gold), #e3be78); color: #fff; }
.plan-badge--pro .ico { width: 12px; height: 12px; }
.acc-nav__go { display: inline-flex !important; align-items: center; background: rgba(30,158,90,.12) !important; color: #1e7a4a !important; font-size: 10.5px; font-style: normal; font-weight: 700; }

/* ============ Hesap güvenliği ============ */
.acc-card__hint { font-size: 12.5px; color: #8a938f; }
.sec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sec-card { min-width: 0; padding: 18px 20px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); }
.acc-card--sec .sec-card { padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.acc-card--sec .sec-card:first-child { border-top: 0; padding-top: 0; }
.sec-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.sec-head h3 { display: flex; align-items: center; gap: 8px; font-size: 15.5px; color: var(--green-950); }
.sec-head h3 .ico { width: 18px; height: 18px; color: var(--gold-dark); }
.sec-head small { display: block; margin-top: 3px; font-size: 12.5px; color: #8a938f; }
.sec-pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; background: #eef1ef; color: #6b7471; font-size: 11.5px; font-weight: 700; font-style: normal; white-space: nowrap; }
.sec-pill.is-ok { background: rgba(30,158,90,.12); color: #1a7f4b; }
.sec-pill.is-warn { background: #fff4dc; color: #a06b00; }
.sec-pill.is-bad { background: rgba(192,57,43,.1); color: #b03a2e; }
/* Skor */
.sec-score { display: flex; align-items: center; gap: 22px; }
.sec-ring { --c: #c0392b; position: relative; width: 104px; height: 104px; flex: none; border-radius: 50%; display: grid; place-items: center; align-content: center; background: conic-gradient(var(--c) calc(var(--p) * 1%), #eef1ef 0); }
.sec-ring::before { content: ''; position: absolute; inset: 9px; border-radius: 50%; background: var(--white); }
.sec-ring b, .sec-ring small { position: relative; line-height: 1; }
.sec-ring b { font-size: 28px; color: var(--green-950); }
.sec-ring small { font-size: 11px; color: #8a938f; margin-top: 2px; }
.sec-score.is-ok .sec-ring { --c: #1e9e5a; } .sec-score.is-warn .sec-ring { --c: var(--gold); }
.sec-score__txt b { display: block; font-size: 16px; color: var(--green-950); }
.sec-score__txt > small { display: block; font-size: 13px; color: #6b7471; margin: 3px 0 10px; }
.sec-score__txt ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
.sec-score__txt li { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #8a938f; }
.sec-score__txt li .ico { width: 14px; height: 14px; flex: none; color: #c0392b; }
.sec-score__txt li.is-ok { color: var(--ink); } .sec-score__txt li.is-ok .ico { color: #1e9e5a; }
/* 2FA seçenekleri */
.sec-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sec-opt { display: grid; gap: 6px; justify-items: start; text-align: left; padding: 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--white); cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.sec-opt:hover { border-color: var(--gold); box-shadow: 0 10px 26px rgba(10,51,38,.08); transform: translateY(-1px); }
.sec-opt b { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14.5px; color: var(--green-950); }
.sec-opt b em { font-style: normal; padding: 2px 8px; border-radius: 99px; background: var(--gold); color: #fff; font-size: 10.5px; }
.sec-opt small { font-size: 12.5px; line-height: 1.5; color: #6b7471; }
.sec-opt__ico, .sec-on__ico, .sec-sess__ico, .sec-setup__ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: #f1f5f3; color: var(--green-950); flex: none; }
.sec-opt__ico .ico, .sec-on__ico .ico, .sec-sess__ico .ico, .sec-setup__ico .ico { width: 20px; height: 20px; }
.sec-opt__go { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--gold-dark); }
.sec-opt__go .ico { width: 14px; height: 14px; }
.sec-on { display: grid; gap: 10px; }
.sec-on__row { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; background: #f7f9f8; }
.sec-on__row div { flex: 1; min-width: 0; }
.sec-on__row b { display: block; font-size: 14px; color: var(--green-950); }
.sec-on__row small { display: block; font-size: 12.5px; color: #8a938f; }
.sec-off { color: #b03a2e; font-size: 13px; }
/* Oturumlar */
.sec-sess { display: grid; gap: 8px; }
.sec-sess li { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); }
.sec-sess li div { flex: 1; min-width: 0; }
.sec-sess b { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--green-950); }
.sec-sess small { display: block; font-size: 12.5px; color: #8a938f; margin-top: 2px; }
/* Giriş geçmişi */
.sec-log { overflow-x: auto; }
.sec-log table { width: 100%; border-collapse: collapse; font-size: 13px; }
.sec-log th { text-align: left; padding: 8px 10px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8a938f; border-bottom: 1px solid var(--line); white-space: nowrap; }
.sec-log td { padding: 10px; border-bottom: 1px solid var(--line); color: var(--ink); white-space: nowrap; }
.sec-log td small { display: block; font-size: 11.5px; color: #9aa29f; }
.sec-log tr.is-bad td { background: rgba(192,57,43,.04); }
.sec-sw { display: grid; gap: 12px; }
/* Kurulum penceresi */
.vmodal--sec .vmodal__panel { max-width: 560px; }
.sec-setup__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.sec-setup__head h2 { font-size: 21px; }
.sec-setup__ico { width: 48px; height: 48px; border-radius: 14px; background: var(--green-950); color: var(--gold); }
.sec-prog { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 18px; counter-reset: sp; }
.sec-prog li { counter-increment: sp; position: relative; padding-top: 12px; font-size: 12px; font-weight: 600; color: #9aa29f; border-top: 3px solid #e6ebe8; }
.sec-prog li::before { content: counter(sp) '. '; }
.sec-prog li.is-on { color: var(--green-950); border-color: var(--gold); }
.sec-prog li.is-done { border-color: #1e9e5a; }
.sec-p { font-size: 14px; line-height: 1.6; color: #4c5552; margin-bottom: 14px; }
.sec-qr { display: grid; grid-template-columns: 180px 1fr; gap: 18px; align-items: center; padding: 16px; border-radius: 14px; background: #f7f9f8; margin-bottom: 16px; }
.sec-qr__img { width: 180px; height: 180px; display: grid; place-items: center; border-radius: 12px; background: #fff; padding: 8px; }
.sec-qr__img svg { width: 100%; height: 100%; }
.sec-qr__man { display: grid; gap: 8px; justify-items: start; }
.sec-qr__man small { font-size: 12px; color: #8a938f; }
.sec-qr__man code { font-family: ui-monospace, Consolas, monospace; font-size: 14px; font-weight: 700; letter-spacing: .06em; color: var(--green-950); word-break: break-all; line-height: 1.6; }
.sec-code input { width: 100%; height: 56px; padding: 0 14px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--white); font-family: ui-monospace, Consolas, monospace; font-size: 26px; font-weight: 700; letter-spacing: .4em; text-align: center; color: var(--green-950); outline: none; }
.sec-code input:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(201,162,92,.15); }
.sec-err { margin-top: 8px; font-size: 13px; color: #b03a2e; }
.sec-err[hidden] { display: none; }
.sec-demo { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 9px 12px; border-radius: 10px; background: #fff8e8; font-size: 13px; color: #6b5a2e; }
.sec-demo .ico { width: 15px; height: 15px; flex: none; color: var(--gold-dark); }
.sec-codes { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 16px; border-radius: 14px; background: var(--green-950); margin-bottom: 10px; }
.sec-codes li { font-family: ui-monospace, Consolas, monospace; font-size: 15px; font-weight: 700; letter-spacing: .08em; text-align: center; color: #fff; padding: 6px; border-radius: 8px; background: rgba(255,255,255,.06); }
.sec-codes__acts { display: flex; gap: 8px; margin-bottom: 14px; }
.sec-ack { margin-bottom: 4px; }
.sec-btns { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; }
.sec-btns--start { justify-content: flex-start; margin-top: 4px; }
.sec-spin { width: 26px; height: 26px; border-radius: 50%; border: 3px solid #e6ebe8; border-top-color: var(--gold); animation: igSpin .8s linear infinite; }
@keyframes igSpin { to { transform: rotate(360deg); } }
.sec-ask { display: grid; justify-items: center; text-align: center; gap: 4px; }
.sec-ask .sec-setup__ico { margin-bottom: 8px; }
.sec-ask h2 { font-size: 20px; margin-bottom: 6px; }
.sec-ask .sec-code, .sec-ask .sec-codes, .sec-ask .sec-btns, .sec-ask .sec-demo { width: 100%; }
.sec-ask .checkbox { justify-self: start; margin-top: 12px; }
.sec-login .eyebrow { color: var(--gold-dark); }
@media (max-width: 640px) {
  .sec-score { flex-direction: column; text-align: center; }
  .sec-score__txt ul { grid-template-columns: 1fr; text-align: left; }
  .sec-opts { grid-template-columns: 1fr; }
  .sec-qr { grid-template-columns: 1fr; justify-items: center; }
  .sec-sess li { flex-wrap: wrap; }
  .sec-head { flex-direction: column; }
}

.pricing__legal { margin-top: 14px; text-align: center; font-size: 13px; color: var(--muted, #6b7471); }
.pricing__legal a { color: var(--gold-dark); font-weight: 600; }

/* Panel tanıtım: yeni nesil özellikler */
.pnew { background: linear-gradient(180deg, #fbfaf7, #f4f1ea); }
.pnew__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 36px; }
.pnew__card { position: relative; display: grid; align-content: start; gap: 10px; padding: 24px 22px; border-radius: 18px; background: var(--white); border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
.pnew__card:hover { transform: translateY(-3px); border-color: rgba(168,137,79,.45); box-shadow: 0 18px 40px rgba(1,21,12,.08); }
.pnew__card--wide { grid-column: span 2; background: var(--green-950); border-color: var(--green-950); }
.pnew__card--wide h3 { color: var(--white); } .pnew__card--wide p { color: rgba(255,255,255,.7); }
.pnew__card--wide .pnew__ico { background: rgba(255,255,255,.08); color: var(--gold-light); }
.pnew__ico { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: #f5efe3; color: var(--gold-dark); }
.pnew__ico .ico { width: 22px; height: 22px; }
.pnew__tag { position: absolute; top: 20px; right: 18px; padding: 3px 9px; border-radius: 99px; background: var(--gold); color: #fff; font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.pnew__card h3 { font-size: 17px; line-height: 1.3; color: var(--ink); }
.pnew__card p { font-size: 14px; line-height: 1.6; color: #5b6461; }
.pnew__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin-top: 34px; font-size: 13.5px; color: #6b7471; }
@media (max-width: 1080px) { .pnew__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .pnew__grid { grid-template-columns: 1fr; } .pnew__card--wide { grid-column: auto; } .pnew__tag { position: static; justify-self: start; } }

/* Duyuru bandı (yönetim panelinden) */
.site-ann { position: relative; z-index: 60; color: #fff; background: var(--green-950); font-size: 13.5px; font-weight: 600; }
.site-ann--gold { background: var(--gold); } .site-ann--red { background: #b03a2e; }
.site-ann__in { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 40px; padding-top: 8px; padding-bottom: 8px; text-align: center; }
.site-ann a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.site-ann button { flex: none; width: 26px; height: 26px; border: 0; border-radius: 6px; background: rgba(255,255,255,.15); color: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
@media (max-width: 640px) { .site-ann { font-size: 12.5px; } .site-ann__in { justify-content: space-between; text-align: left; } }
/* Blog bilgi kutuları: örnek ve önemli (yönetim panelinden eklenebilir) */
.post-body .callout--info { background: #eef6f1; color: #1f3d31; border: 1px solid #cfe5d8; }
.post-body .callout--info b { color: #1a7f4b; }
.post-body .callout--gold { background: #fbf5e8; color: #4d3d1c; border: 1px solid #ecdcb8; }
.post-body .callout--gold b { color: var(--gold-dark); }
.post-body .callout--warn b { color: #b03a2e; }
.msg__report { border: 0; background: transparent; padding: 0; margin-left: auto; font-size: 12px; font-weight: 600; color: #b8bfbc; cursor: pointer; opacity: 0; transition: opacity .2s, color .2s; }
.msg:hover .msg__report, .msg__report:focus-visible, .msg__report:disabled { opacity: 1; }
.msg__report:hover { color: #b03a2e; } .msg__report:disabled { cursor: default; color: #b03a2e; }
@media (hover: none) { .msg__report { opacity: 1; } }

/* ---------- Bakım modu ---------- */
.maint-body { min-height: 100vh; margin: 0; background: radial-gradient(circle at 30% 20%, #0c3b2b, #01150c 70%); }
.maint { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.maint__card { max-width: 520px; text-align: center; color: #fff; }
.maint__logo { width: 64px; height: 64px; margin-bottom: 22px; color: #d4a548; }
.maint__card h1 { font-size: clamp(26px, 5vw, 38px); line-height: 1.15; margin-bottom: 14px; color: #fff; }
.maint__card p { font-size: 16px; line-height: 1.6; opacity: .78; margin-bottom: 18px; }
.maint__card small { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 99px; background: rgba(212,165,72,.15); color: #e9d4a4; font-size: 13.5px; }
.maint__card small .ico { width: 15px; height: 15px; }
.maint__card a { display: block; margin-top: 18px; color: #e9d4a4; }

/* ---------- Pop-up (yönetimden) ---------- */
.vpop-wrap { position: fixed; z-index: 1200; }
.vpop-wrap--modal { inset: 0; display: grid; place-items: center; padding: 16px; }
.vpop-wrap--corner { right: 18px; bottom: 18px; left: auto; max-width: calc(100vw - 32px); }
.vpop-wrap--bar { left: 0; right: 0; top: 0; }
.vpop__bg { position: absolute; inset: 0; background: rgba(1, 21, 12, .55); opacity: 0; transition: opacity .25s; }
.vpop-wrap.is-in .vpop__bg { opacity: 1; }
.vpop { position: relative; display: flex; overflow: hidden; border-radius: 18px; background: #01150c; color: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.35); font-family: inherit; }
.vpop-wrap .vpop { opacity: 0; transform: translateY(16px) scale(.98); transition: opacity .25s, transform .25s; }
.vpop-wrap.is-in .vpop { opacity: 1; transform: none; }
.vpop--modal { width: min(560px, 100%); }
.vpop--corner { width: 340px; max-width: 100%; flex-direction: column; border-radius: 16px; }
.vpop--bar { width: 100%; border-radius: 0; align-items: center; }
.vpop--gold { background: linear-gradient(135deg, #a8894f, #d4a548); color: #1b1408; }
.vpop--light { background: #fff; color: #01150c; border: 1px solid #e3e8e5; }
.vpop__img { flex: 0 0 42%; min-height: 200px; background: center / cover no-repeat; }
.vpop--corner .vpop__img { flex: none; height: 140px; min-height: 0; }
.vpop__b { flex: 1; min-width: 0; padding: 26px 26px 24px; }
.vpop--corner .vpop__b { padding: 18px 18px 18px; }
.vpop--bar .vpop__b { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 10px 48px 10px 16px; max-width: 1200px; margin: 0 auto; justify-content: center; }
.vpop__t { display: block; font-size: 21px; line-height: 1.25; margin-bottom: 8px; }
.vpop--corner .vpop__t { font-size: 17px; }
.vpop--bar .vpop__t { font-size: 14.5px; margin: 0; }
.vpop__b p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.55; opacity: .85; }
.vpop--bar .vpop__b p { margin: 0; font-size: 13.5px; }
.vpop__btn { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 10px; background: #d4a548; color: #1b1408; font-weight: 700; font-size: 14px; text-decoration: none; }
.vpop--gold .vpop__btn { background: #01150c; color: #fff; }
.vpop--light .vpop__btn { background: #01150c; color: #fff; }
.vpop--bar .vpop__btn { padding: 6px 12px; font-size: 13px; }
.vpop__x { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: inherit; font-size: 20px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.vpop--light .vpop__x { background: #f1f4f2; }
.vpop--bar .vpop__x { top: 50%; margin-top: -16px; }
@media (max-width: 560px) {
  .vpop--modal { flex-direction: column; }
  .vpop--modal .vpop__img { flex: none; height: 150px; min-height: 0; }
  .vpop-wrap--corner { left: 12px; right: 12px; bottom: 12px; }
  .vpop--corner { width: 100%; }
}

.comment__pending { padding: 2px 8px; border-radius: 99px; background: #fdf3df; color: #8a6418; font-size: 11.5px; font-weight: 700; }
.comment-closed { padding: 14px 16px; border-radius: 12px; background: #f4f6f5; color: #6b7471; font-size: 14px; }

/* Yönetici şifre belirlediğinde zorunlu değişiklik uyarısı */
.set-must { display: flex; gap: 8px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: 12px; background: #fdf3df; color: #6b4e12; font-size: 13.5px; }
.set-must .ico { flex: none; width: 16px; height: 16px; margin-top: 2px; }

/* Çok dar telefonlar (≤360px, ör. iPhone SE): logo küçülür, menü düğmesi ekranda kalır */
@media (max-width: 360px) {
  .header .logo { gap: 9px; }
  .header .logo__mark { width: 38px; height: 36px; }
  .header .logo__divider { height: 32px; }
  .header .logo__name { font-size: 18px; }
  .header .logo__sub { font-size: 7px; letter-spacing: .12em; }
}

/* ============ Ekibimiz ============ */
.member__photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.member:hover .member__photo > img { transform: scale(1.05); }
.member__link { display: block; color: inherit; }
.member__link:hover h3 { color: var(--gold); }
.ekip-grid { row-gap: 40px; }
.ekip-profil { padding: 80px 0; }
.ekip-profil__kart { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 48px; align-items: start; }
.ekip-profil__foto { position: relative; overflow: hidden; aspect-ratio: 4 / 4.6; border-radius: var(--radius-lg); display: grid; place-items: center; background: linear-gradient(160deg, var(--green-800), var(--green-950)); }
.ekip-profil__foto > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ekip-profil__foto > span { font-family: var(--font-logo); font-weight: 300; font-size: 96px; letter-spacing: .06em; color: var(--gold-light); }
.ekip-profil__bilgi .section-title { margin: 6px 0 16px; }
.ekip-profil__bilgi p { color: var(--muted, #5b6461); line-height: 1.75; margin: 0 0 14px; }
.ekip-profil__alan { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; }
.ekip-profil__alan li { padding: 6px 12px; border-radius: 999px; background: var(--bg-soft); border: 1px solid var(--line); font-size: 13px; font-weight: 600; }
.ekip-profil__btn { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.ekip-profil__diger { font-size: 22px; margin: 72px 0 24px; }
.ekip-profil__yok { text-align: center; font-size: 16px; }
.ekip-cta { padding: 0 0 96px; }
.ekip-cta__box { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px 44px; border-radius: var(--radius-lg); background: var(--bg-soft); border: 1px solid var(--line); }
.ekip-cta__box p { margin: 8px 0 0; color: var(--muted, #5b6461); }
@media (max-width: 900px) {
  .ekip-profil__kart { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .ekip-profil__foto { max-width: 320px; }
  .ekip-cta__box { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
}
/* Ekip kartı: uzmanlık etiketleri ve her zaman görünen iletişim simgeleri */
.member__alan { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 12px 0 0; padding: 0; }
.member__alan li { padding: 4px 10px; border-radius: 999px; background: var(--bg-soft); border: 1px solid var(--line); font-size: 12px; font-weight: 600; color: var(--ink); }
.member__iletisim { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.member__iletisim a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); color: var(--ink); background: var(--white); transition: background .2s, color .2s, border-color .2s; }
.member__iletisim a:hover { background: var(--gold); border-color: var(--gold); color: var(--white); }
.member__iletisim .ico { width: 16px; height: 16px; }

/* Ekip kartları (Ekibimiz + Hakkımızda): ortalı, çerçeveli kartlar */
.team__grid[data-ekip] { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 28px; }
.team__grid[data-ekip] > .member {
  flex: 0 1 270px; display: flex; flex-direction: column; text-align: center;
  padding: 12px 12px 20px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--line);
  box-shadow: 0 18px 40px -28px rgba(8, 32, 22, .45); transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.team__grid[data-ekip] > .member:hover { transform: translateY(-6px); border-color: rgba(176, 141, 79, .45); box-shadow: 0 26px 50px -26px rgba(8, 32, 22, .5); }
.team__grid[data-ekip] .member__photo { aspect-ratio: 1 / 1; border-radius: calc(var(--radius-lg) - 6px); }
.team__grid[data-ekip] .member__photo > span { font-size: 58px; }
.team__grid[data-ekip] .member__link { padding: 0 4px; }
.team__grid[data-ekip] .member h3 { font-size: 18px; margin-top: 18px; line-height: 1.3; }
.team__grid[data-ekip] .member p { font-size: 13px; letter-spacing: .02em; margin-top: 6px; }
.team__grid[data-ekip] .member__alan { margin-top: 14px; gap: 6px; }
.team__grid[data-ekip] .member__alan li { font-size: 11.5px; padding: 4px 10px; }
.team__grid[data-ekip] .member__iletisim { margin-top: auto; padding-top: 16px; position: relative; }
.team__grid[data-ekip] .member__iletisim::before { content: ''; position: absolute; top: 4px; left: 18%; right: 18%; border-top: 1px solid var(--line); }
@media (max-width: 600px) {
  .team__grid[data-ekip] { gap: 18px; }
  .team__grid[data-ekip] > .member { flex: 0 1 100%; max-width: 330px; }
}
/* Mobil menü açıkken üst bilginin dönüşümü/animasyonu sabit konumlu menüyü kendi içine hapsetmesin */
body.nav-open .header { animation: none; transform: none; z-index: 106; }  /* menü (header içinde) karartma perdesinin (z 105) üstünde kalsın; yoksa menüye dokunuş perdeye gider ve menü kapanır */
/* Mobil menü: geniş alt menü (Araçlar) de diğerleri gibi kapalı başlar, dokununca açılır */
@media (max-width: 1080px) {
  .nav .dropdown--wide { display: none; }
  .nav .has-dropdown.is-open .dropdown--wide { display: grid; }
}

/* ===== Paketler: Esnaf / Şirket ===== */
.pricing__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 920px; margin-left: auto; margin-right: auto; }
.pricing__grid--1 { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin-left: auto; margin-right: auto; }
.plan__for { margin: 4px 0 6px; font-size: 13px; font-weight: 700; color: var(--gold-dark, #8a6d3b); letter-spacing: .01em; }
.plan--featured .plan__for { color: #e2c78f; }
.plan__slogan { margin: 2px 0 10px; font-size: 14px; font-style: italic; text-align: center; opacity: .85; }
.pricing__note { display: flex; gap: 10px; align-items: flex-start; max-width: 920px; margin: 26px auto 0; padding: 14px 18px; border-radius: 14px; background: rgba(168,137,79,.08); border: 1px solid rgba(168,137,79,.25); font-size: 14.5px; line-height: 1.6; }
.pricing__note .ico { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; color: var(--gold-dark, #8a6d3b); }
@media (max-width: 991px) { .pricing__grid--2 { grid-template-columns: 1fr; max-width: 520px; } }