/* ---------------------------------------------------------------------------
   COMPONENTS - Figma "kayd_masaüstü" (node 8:2) bileşenleri
   --------------------------------------------------------------------------- */

/* =========================================================================
   BUTONLAR
   ========================================================================= */
.kayd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--kayd-space-2);
  min-height: var(--kayd-btn-h);
  padding: 0 var(--kayd-space-5);
  border: calc(1.26 * var(--d)) solid transparent;
  border-radius: var(--kayd-radius-sm);
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-button);
  font-weight: var(--kayd-fw-bold);
  line-height: 1;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.kayd-theme .kayd-btn--primary {
  background: var(--kayd-primary);
  border-color: var(--kayd-primary);
  color: var(--kayd-on-primary);
}
.kayd-theme .kayd-btn--primary:hover { background: var(--kayd-primary-dark); border-color: var(--kayd-primary-dark); }

.kayd-theme .kayd-btn--outline {
  background: var(--kayd-surface);
  border-color: var(--kayd-primary);
  color: var(--kayd-primary);
}
.kayd-theme .kayd-btn--outline:hover { background: var(--kayd-primary); color: var(--kayd-on-primary); }

.kayd-theme .kayd-btn--yellow {
  background: var(--kayd-yellow);
  border-color: var(--kayd-yellow);
  color: var(--kayd-on-primary);
}
.kayd-theme .kayd-btn--yellow:hover { filter: brightness(.93); }

.kayd-theme .kayd-btn--white {
  background: var(--kayd-surface);
  border-color: var(--kayd-surface);
  color: var(--kayd-accent);
}
.kayd-theme .kayd-btn--white:hover { background: transparent; color: var(--kayd-on-primary); border-color: var(--kayd-on-primary); }

.kayd-btn--sm {
  min-height: calc(25.14 * var(--d));
  padding: 0 var(--kayd-space-4);
  font-size: var(--kayd-fs-small);
}

.kayd-btn__icon { width: calc(11.31 * var(--d)); height: calc(11.31 * var(--d)); flex: 0 0 auto; }

/* =========================================================================
   HEADER
   ========================================================================= */
.kayd-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--kayd-surface);
  border-bottom: 1px solid transparent;
}
.kayd-header.is-stuck { border-bottom-color: var(--kayd-line); box-shadow: var(--kayd-shadow); }

.kayd-header__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "logo utils"
    "logo nav";
  align-items: center;
  column-gap: var(--kayd-space-6);
  padding-block: var(--kayd-space-4);
}

.kayd-header__logo { grid-area: logo; display: block; }
.kayd-header__logo img { width: calc(123.18 * var(--d)); height: auto; }

.kayd-header__utils {
  grid-area: utils;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--kayd-space-3);
}

.kayd-header__nav {
  grid-area: nav;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--kayd-space-7);
}
.kayd-lang { margin: 0; }

/* Arama kutusu */
.kayd-search {
  display: flex;
  align-items: center;
  gap: var(--kayd-space-2);
  width: calc(91.13 * var(--d));
  min-height: var(--kayd-btn-h);
  padding: 0 var(--kayd-space-3);
  border: calc(1.26 * var(--d)) solid var(--kayd-primary);
  border-radius: var(--kayd-radius-sm);
  background: var(--kayd-surface);
}
.kayd-search__field {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--kayd-fs-small);
  color: var(--kayd-ink);
}
.kayd-search__field:focus { outline: none; }
.kayd-search__submit {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: calc(13.83 * var(--d)); height: calc(13.83 * var(--d));
  padding: 0; border: 0; background: none; cursor: pointer;
}

/* "bi iyilik" rozet butonu */
.kayd-btn--badge { padding-inline: var(--kayd-space-3); }
.kayd-btn--badge img { width: calc(36.45 * var(--d)); height: auto; }

/* Ana menü */
.kayd-nav__list {
  display: flex;
  align-items: center;
  gap: var(--kayd-space-7);
  list-style: none;
  margin: 0; padding: 0;
}
.kayd-nav__list > li { position: relative; }
.kayd-nav__list > li > a {
  display: inline-flex;
  align-items: center;
  gap: var(--kayd-space-2);
  padding-block: var(--kayd-space-2);
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-bold);
  color: var(--kayd-ink);
  white-space: nowrap;
}
.kayd-nav__list > li > a:hover,
.kayd-nav__list > li.current-menu-item > a { color: var(--kayd-primary); }

.kayd-nav__list > li.menu-item-has-children > a::after {
  content: "";
  width: calc(7.54 * var(--d)); height: calc(5.03 * var(--d));
  background: var(--kayd-primary);
  -webkit-mask: url("../img/icon-chevron.svg") no-repeat center / contain;
          mask: url("../img/icon-chevron.svg") no-repeat center / contain;
}

/* Açık üst menü öğesinin oku yukarı döner */
.kayd-nav__list > li.menu-item-has-children:hover > a::after,
.kayd-nav__list > li.menu-item-has-children:focus-within > a::after { transform: rotate(180deg); }

/* --- Açılır menü (Figma: kayd_masaüstü_buton-* frame'leri) ---
   Her seviye kendi beyaz sütunu; alt seviye üst satırın hizasında sağa açılır. */
.kayd-nav__list li { position: relative; }

.kayd-nav__list .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: calc(188.54 * var(--d));
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--kayd-surface);
  border: 1px solid var(--kayd-line);
  box-shadow: var(--kayd-shadow);
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s ease, visibility .15s;
  z-index: 10;
}

/* 2. ve sonraki seviyeler: üst satırın sağına, aynı hizada */
.kayd-nav__list .sub-menu .sub-menu {
  top: -1px;
  left: 100%;
}

/* Sola taşma olduğunda ters yöne aç (JS ekler) */
.kayd-nav__list .sub-menu .sub-menu.kayd-sola { left: auto; right: 100%; }

.kayd-nav__list li:hover > .sub-menu,
.kayd-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; }

.kayd-nav__list .sub-menu li + li { border-top: 1px solid var(--kayd-line); }

.kayd-nav__list .sub-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kayd-space-4);
  padding: var(--kayd-space-3) var(--kayd-space-4);
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-medium);
  line-height: 1.25;
  color: var(--kayd-ink);
}

/* Alt menüsü olan satırlarda sağa bakan ok */
.kayd-nav__list .sub-menu li.menu-item-has-children > a::after {
  content: "";
  flex: 0 0 auto;
  width: calc(7.54 * var(--d)); height: calc(5.03 * var(--d));
  background: currentColor;
  transform: rotate(-90deg);
  -webkit-mask: url("../img/icon-chevron.svg") no-repeat center / contain;
          mask: url("../img/icon-chevron.svg") no-repeat center / contain;
}

.kayd-nav__list .sub-menu a:hover,
.kayd-nav__list .sub-menu li:hover > a,
.kayd-nav__list .sub-menu li:focus-within > a { color: var(--kayd-primary); }

/* Dil seçici */
.kayd-lang {
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-bold);
  white-space: nowrap;
}
.kayd-lang a { color: var(--kayd-ink); }
.kayd-lang a:not([aria-current="true"]) { color: var(--kayd-muted); }

/* Mobil menü düğmesi */
.kayd-burger {
  display: none;
  width: calc(30.17 * var(--d)); height: calc(30.17 * var(--d));
  padding: 0;
  border: calc(1.26 * var(--d)) solid var(--kayd-primary);
  border-radius: var(--kayd-radius-sm);
  background: var(--kayd-surface);
  cursor: pointer;
}
.kayd-burger span,
.kayd-burger span::before,
.kayd-burger span::after {
  display: block;
  width: calc(12.57 * var(--d)); height: calc(1.26 * var(--d));
  margin-inline: auto;
  background: var(--kayd-primary);
  transition: transform .2s ease, opacity .2s ease;
}
.kayd-burger span { position: relative; }
.kayd-burger span::before { content: ""; position: absolute; top: -6px; }
.kayd-burger span::after  { content: ""; position: absolute; top: calc(3.77 * var(--d)); }
.kayd-burger[aria-expanded="true"] span { background: transparent; }
.kayd-burger[aria-expanded="true"] span::before { transform: translateY(calc(3.77 * var(--d))) rotate(45deg); }
.kayd-burger[aria-expanded="true"] span::after  { transform: translateY(-6px) rotate(-45deg); }

/* =========================================================================
   SLIDER (hero, aktif projeler, ayni destekler)
   Sayfa genişliği = görünüm alanı; kaydırma miktarı 100% + slaytlar arası boşluk.
   ========================================================================= */
.kayd-slider { position: relative; }

.kayd-slider__viewport { overflow: hidden; }

.kayd-slider__track {
  display: flex;
  gap: var(--kayd-slider-bosluk, 0px);
  transition: transform .45s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.kayd-slider__slide {
  flex: 0 0 calc(
    (100% - (var(--kayd-slider-gorunum, 1) - 1) * var(--kayd-slider-bosluk, 0px))
    / var(--kayd-slider-gorunum, 1)
  );
  min-width: 0;
}

/* Tek sayfa kaldıysa kontroller gizlenir */
.kayd-slider--tek .kayd-slider__ok,
.kayd-slider--tek .kayd-dots { display: none; }

.kayd-slider__ok {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

/* --- Hero: her slayt tam bir kompozisyon --- */
.kayd-hero .kayd-slider__viewport { position: absolute; inset: 0; }
.kayd-hero .kayd-slider__track { height: 100%; }

.kayd-hero__slayt {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.kayd-hero__dots {
  position: absolute;
  left: 4.31%;
  bottom: 6.67%;
  z-index: 4;
  gap: calc(7.54 * var(--d));
}
/* .kayd-dots button kuralı dosyada daha sonra geldiği için özgüllük artırıldı */
.kayd-theme .kayd-hero__dots button {
  width: calc(8.8 * var(--d));
  height: calc(8.8 * var(--d));
  border-width: calc(1.26 * var(--d));
  color: var(--kayd-primary);
}

/* --- Aktif projeler: 3'lü ızgara aynı zamanda slider rayı --- */
.kayd-slider__track.kayd-grid-3 {
  display: flex;
  --kayd-slider-bosluk: var(--kayd-card-gap);
  /* .kayd-grid-3'ün column-gap'i slayt adımından farklı kalmasın (mobilde kaymaya yol açıyordu) */
  column-gap: var(--kayd-slider-bosluk, 0px);
}
.kayd-slider__viewport { touch-action: pan-y; }

/* =========================================================================
   HERO
   ========================================================================= */
/* Figma bandi 905x360. Yukseklik sabit px olursa 1440 disindaki genisliklerde
   oran bozulup cicek sekli saga yayiliyordu; bu yuzden en-boy orani kullaniliyor. */
.kayd-hero {
  position: relative;
  aspect-ratio: 905 / 360;
  background: var(--kayd-ink);
  overflow: hidden;
}

/* Figma: fotoğraf x=174/905 -> %19.2, beyaz panel 0..157/905 -> %17.35,
   çiçek x=-18 genişlik 384/905 -> sol %-2, genişlik %42.4 */
.kayd-hero__media {
  position: absolute;
  inset: 0 0 0 19.23%;
}
.kayd-hero__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}

.kayd-hero__panel {
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 17.35%;
  height: 103%;
  background: var(--kayd-surface);
}

.kayd-hero__blob {
  position: absolute;
  left: -2%;
  top: 50%;
  transform: translateY(-50%);
  width: 42.4%;
  aspect-ratio: 210 / 209;
  pointer-events: none;
}
.kayd-hero__blob img { width: 100%; height: 100%; }

/* Figma: metin bloğu bandın SOL kenarından x=39/905 = %4.31 içeride.
   Ortalanmış bir kap kullanılırsa geniş ekranlarda metin sağa kayıp
   çiçeğin sağ tarafına düşüyordu; bu yüzden oransal konum kullanılıyor. */
.kayd-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: 4.31% 0;
}

/* Satır kırılımları şablonda <br> ile sabit. Slayt 2+ başlığı <p> olduğu için
   tipografi burada açıkça tanımlanıyor; ch cinsinden genişlik sınırı tasarımın
   satırlarını bozmadan uzun başlıkları sarmalıyor. */
.kayd-hero__title {
  max-width: 13ch;
  margin: 0 0 var(--kayd-space-4);
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-h1);
  font-weight: var(--kayd-fw-bold);
  line-height: var(--kayd-lh-tight);
  color: var(--kayd-primary);
}
.kayd-hero__lead {
  max-width: 26ch;
  margin-bottom: var(--kayd-space-5);
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-medium);
  line-height: 1.45;
  color: var(--kayd-primary);
}

/* Bağış bildirimi rozeti */
/* Figma: rozet x 653..860, alt kenardan 24 px (bant 905x360) */
.kayd-hero__ticker {
  position: absolute;
  right: 4.97%;
  bottom: 6.67%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: var(--kayd-btn-h);
  padding: 0 var(--kayd-space-5);
  border: calc(1.26 * var(--d)) solid var(--kayd-primary);
  border-radius: var(--kayd-radius-sm);
  background: var(--kayd-surface);
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-bold);
  color: var(--kayd-primary);
  white-space: nowrap;
}

/* =========================================================================
   HIZLI ERİŞİM ROZETLERİ
   ========================================================================= */
/* Figma: hero sonu 535 -> daire 572 (+37) ; etiket sonu 683 -> bant 731 (+48) */
.kayd-quick { padding-block: calc(37.08 * var(--d)) calc(47.76 * var(--d)); }
.kayd-quick__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--kayd-space-5);
  list-style: none; margin: 0; padding: 0;
  text-align: center;
}
.kayd-quick__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20.74 * var(--d));
}
.kayd-quick__icon {
  display: grid;
  place-items: center;
  width: var(--kayd-badge);
  height: var(--kayd-badge);
  border: calc(1.89 * var(--d)) solid transparent;
  border-radius: 50%;
  transition: transform .2s ease;
}
.kayd-quick__link:hover .kayd-quick__icon { transform: translateY(-4px); }
.kayd-quick__icon img { width: 46%; height: auto; }

.kayd-quick__icon--yellow  { background: var(--kayd-yellow); }
.kayd-quick__icon--pink    { background: var(--kayd-accent); }
.kayd-quick__icon--outline { background: var(--kayd-surface); border-color: var(--kayd-primary); }
.kayd-quick__icon--purple  { background: var(--kayd-primary); }
/* icon-badge-*.svg dosyaları rozetin tamamı (daire + ikon, Figma 71x71): tam boyut, ek zemin/çerçeve yok */
.kayd-quick__icon:has(> img[src*="icon-badge-"]) { background: none; border-color: transparent; }
.kayd-quick__icon > img[src*="icon-badge-"] { width: 100%; height: 100%; }

.kayd-quick__label {
  font-family: var(--kayd-font-heading);
  white-space: nowrap;
  font-size: var(--kayd-fs-h3);
  font-weight: var(--kayd-fw-bold);
  color: var(--kayd-ink);
}

/* =========================================================================
   BÖLÜM GEÇİŞ ÇENTİĞİ (Figma: Group 34/35/36)
   ========================================================================= */
.kayd-notch {
  position: absolute;
  right: 11.5%;
  width: calc(100.55 * var(--d));
  height: calc(100.55 * var(--d));
  pointer-events: none;
  z-index: 3;
}
.kayd-notch--top    { top: 0; transform: translateY(-50%); }
.kayd-notch--bottom { bottom: 0; transform: translateY(50%); }
.kayd-notch img { width: 100%; height: 100%; }

/* =========================================================================
   BÖLÜM BAŞLIĞI + KARUSEL NOKTALARI
   ========================================================================= */
.kayd-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kayd-space-5);
  margin-bottom: var(--kayd-space-6);
}
.kayd-section__head h2 { margin: 0; }

.kayd-dots {
  display: flex;
  align-items: center;
  gap: var(--kayd-space-3);
  list-style: none; margin: 0; padding: 0;
}
.kayd-dots button {
  display: block;
  width: calc(8.8 * var(--d)); height: calc(8.8 * var(--d));
  padding: 0;
  border: calc(1.26 * var(--d)) solid currentColor;
  border-radius: 50%;
  background: none;
  color: var(--kayd-on-primary);
  cursor: pointer;
}
.kayd-dots button[aria-selected="true"] { background: currentColor; }

/* =========================================================================
   PROJE KARTLARI
   ========================================================================= */
.kayd-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--kayd-card-gap);
  row-gap: var(--kayd-card-gap-y);
  list-style: none; margin: 0; padding: 0;
}

.kayd-project {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--kayd-surface);
  border-radius: var(--kayd-radius);
  overflow: hidden;
}
.kayd-project__media { position: relative; aspect-ratio: 2 / 1; overflow: hidden; }
.kayd-dots--kart { display: none; }
.kayd-project__media img { width: 100%; height: 100%; object-fit: cover; }
/* Figma: govde 226x113 -> 180 px; baslik +8, metin +26, buton +70 (x1.5912) */
.kayd-project__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: calc(113.12 * var(--d));
  padding: calc(8.17 * var(--d)) var(--kayd-card-pad) calc(12.57 * var(--d));
}
.kayd-project__title {
  margin: 0;
  font-size: var(--kayd-fs-h3);
  color: var(--kayd-primary);
}
.kayd-project__text {
  margin: calc(3.77 * var(--d)) 0 0;
  font-size: var(--kayd-fs-card);
  font-weight: var(--kayd-fw-medium);
  line-height: 1.5;
  color: var(--kayd-primary);
  max-height: 4.5em;   /* 3 satir (line-height 1.5) */
  overflow: hidden;
}
.kayd-project__body .kayd-btn { margin-top: auto; }

/* =========================================================================
   KURUCU BAŞKAN MESAJI
   ========================================================================= */
/* Figma (birim = 905'lik cerceve, px = x1.5912):
     gorsel      x 106..332  (226 -> 360 px), ust 1239
     metin       x 364..851  (487 -> 775 px), baslik ust 1232, govde ust 1300
     bolum       1158..1528  -> ust dolgu 74 birim, alt dolgu 64 birim
   Blok kaptan 78 px genis; tasarimda da icerik sinirinin disina tasiyor. */
.kayd-mesaj__grid {
  display: grid;
  grid-template-columns: var(--kayd-card) 1fr;
  grid-template-rows: auto auto;
  column-gap: calc(32.05 * var(--d));
  row-gap: calc(12.57 * var(--d));
  align-items: start;
  width: min(calc(745.35 * var(--d)), calc(100vw - 2 * var(--kayd-space-5)));
}

/* Gorsel iki satiri birden kaplar; basliktan 7 birim (11 px) asagida baslar */
.kayd-mesaj__media { grid-column: 1; grid-row: 1 / span 2; margin-top: calc(6.91 * var(--d)); }
.kayd-mesaj__head  { grid-column: 2; grid-row: 1; }
.kayd-mesaj__body  { grid-column: 2; grid-row: 2; }

.kayd-mesaj.kayd-section { padding-block: calc(74.16 * var(--d)) calc(64.1 * var(--d)); }
.kayd-mesaj__media {
  aspect-ratio: 1 / 1;
  border-radius: var(--kayd-radius);
  overflow: hidden;
}
.kayd-mesaj__media img { width: 100%; height: 100%; object-fit: cover; }
.kayd-mesaj__kicker {
  margin: 0;
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-lead);
  font-weight: var(--kayd-fw-bold);
  color: var(--kayd-primary);
}
.kayd-mesaj__title { margin: 0; }
/* Figma: govde 10 birim yazi, satir adimi 15 birim -> 1.5 */
.kayd-mesaj__body {
  color: var(--kayd-primary);
  font-weight: var(--kayd-fw-medium);
  line-height: 1.5;
}
.kayd-mesaj__sign { margin-top: var(--kayd-space-5); font-weight: var(--kayd-fw-medium); color: var(--kayd-primary); }

/* =========================================================================
   AYNİ DESTEKLER
   Figma (905 birim, px = x1.5912):
     gorsel  x107..796  y1610..1866   (689x256 -> 1096x407)
     pembe kart x106..228            (122 -> 194 px)
     cicek   x91..364                (273 -> 434 px, dikeyde ortali)
     liste   x108 y1618              (gorselden +1 / +8 birim)
     buton   x106..188 y1835..1866   (82x31 -> 130x49)
     ok      x746..775 y1633..1653   ; noktalar x695..775 y1835..1846
   Liste, kart ve cicek gorselin USTUNDE duruyor (yan yana degil).
   ========================================================================= */
.kayd-ayni__grid {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}

.kayd-ayni__media {
  grid-area: 1 / 1;
  position: relative;
  height: calc(255.78 * var(--d));
  border-radius: calc(11.94 * var(--d));
  overflow: hidden;
}
.kayd-ayni__media .kayd-slider__viewport { position: absolute; inset: 0; }
.kayd-ayni__media .kayd-slider__track,
.kayd-ayni__media .kayd-slider__slide { height: 100%; }
.kayd-ayni__media img { width: 100%; height: 100%; object-fit: cover; }

/* Görselin üstündeki pembe kart + liste + buton */
.kayd-ayni__ustyazi {
  grid-area: 1 / 1;
  position: relative;
  z-index: 3;
  padding: calc(8.17 * var(--d)) 0 0 calc(1.26 * var(--d));
}
.kayd-ayni__ustyazi::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(121.92 * var(--d));
  background: var(--kayd-accent);
  border-radius: calc(8.8 * var(--d));
  z-index: -1;
}

.kayd-ayni__list { margin: 0; padding: 0; list-style: none; }
/* Figma: liste 1618..1820 arasinda 17 satir yuvasi -> yuva 11.9 birim (19 px) */
.kayd-ayni__list li {
  margin-bottom: calc(11.94 * var(--d));
  font-size: var(--kayd-fs-body);
  line-height: 1.2;
}
.kayd-ayni__list b { display: block; font-weight: var(--kayd-fw-bold); }
.kayd-ayni__list span { opacity: .85; }

.kayd-theme .kayd-ayni__grid .kayd-btn--white {
  position: absolute;
  left: -2px;
  bottom: 0;
  width: calc(81.7 * var(--d));
  min-height: calc(30.79 * var(--d));
  padding: 0;
  border-width: 0;
  border-radius: calc(5.03 * var(--d));
  font-size: var(--kayd-fs-body);
}

.kayd-ayni__blob {
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(272.75 * var(--d));
  aspect-ratio: 210 / 209;
  z-index: 2;
  pointer-events: none;
}
.kayd-ayni__blob img { width: 100%; height: 100%; }

.kayd-ayni__next {
  position: absolute;
  top: calc(23.25 * var(--d));
  right: calc(20.74 * var(--d));
  z-index: 4;
  width: calc(28.91 * var(--d));
  height: calc(20.11 * var(--d));
  padding: 0; border: 0; background: none; cursor: pointer;
}
.kayd-ayni__dots {
  position: absolute;
  right: calc(20.74 * var(--d));
  bottom: calc(20.11 * var(--d));
  z-index: 4;
  gap: calc(6.28 * var(--d));
}
.kayd-ayni__dots button { width: calc(10.68 * var(--d)); height: calc(10.68 * var(--d)); border-width: calc(1.89 * var(--d)); }


/* Ayni Destekler bandı (Figma 1528..1935: başlık 1569, görsel 1610..1866) */
.kayd-band--accent.kayd-section { padding-block: calc(40.85 * var(--d)) calc(69.13 * var(--d)); }
.kayd-band--accent h2 { margin-bottom: calc(15.71 * var(--d)); }

/* =========================================================================
   HABER KARTLARI
   ========================================================================= */
.kayd-haber {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--kayd-radius);
  overflow: hidden;
}
.kayd-haber__media { aspect-ratio: 2 / 1; overflow: hidden; }
.kayd-haber__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.kayd-haber:hover .kayd-haber__media img { transform: scale(1.04); }

/* Figma: panel 226x113 -> 180 px; baslik +34, tarih +52, buton +70 */
.kayd-haber__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: calc(113.12 * var(--d));
  padding: calc(33.94 * var(--d)) var(--kayd-card-pad) calc(12.57 * var(--d));
}
.kayd-haber__title {
  margin: 0;
  font-size: var(--kayd-fs-h3);
  line-height: var(--kayd-lh-tight);
  max-height: 2.3em;   /* 2 satir (line-height 1.15) */
  overflow: hidden;
}
.kayd-haber__date { margin: calc(4.4 * var(--d)) 0 0; font-size: var(--kayd-fs-small); font-weight: var(--kayd-fw-medium); }
.kayd-haber__body .kayd-btn { margin-top: auto; }

/* Dama deseni: sarı gövde / mor gövde */
.kayd-haber--yellow .kayd-haber__body { background: var(--kayd-yellow); }
.kayd-haber--yellow .kayd-haber__title,
.kayd-haber--yellow .kayd-haber__date { color: var(--kayd-primary); }

.kayd-haber--purple .kayd-haber__body { background: var(--kayd-primary); }
.kayd-haber--purple .kayd-haber__title,
.kayd-haber--purple .kayd-haber__date { color: var(--kayd-yellow); }

/* =========================================================================
   DESTEKÇİLERİMİZ
   ========================================================================= */
.kayd-sponsor__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--kayd-space-7);
  margin: 0; padding: 0;
  list-style: none;
}
.kayd-sponsor__logos > img { width: 100%; height: auto; }
.kayd-sponsor__logos li img { height: calc(47.76 * var(--d)); width: auto; object-fit: contain; }

/* =========================================================================
   FOOTER
   ========================================================================= */
.kayd-footer {
  background: var(--kayd-primary);
  color: var(--kayd-on-primary);
  padding-block: var(--kayd-space-9);
}
.kayd-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: var(--kayd-space-7);
  align-items: start;
}
.kayd-footer__logo img { width: calc(163.4 * var(--d)); max-width: 100%; height: auto; }
.kayd-footer__title {
  margin: 0 0 calc(8.8 * var(--d));   /* Figma: baslik ust 2994 -> ilk satir 3013 */
  font-family: var(--kayd-font-heading);
  font-size: var(--kayd-fs-body);
  font-weight: var(--kayd-fw-bold);
  color: var(--kayd-on-primary);
}
.kayd-footer__list { margin: 0; padding: 0; list-style: none; }
/* Figma: satir adimi 10 birim -> 15.9 px; satirlar arasi ek bosluk yok.
   Boyut <li>/<address> uzerinde tanimlaniyor: satir kutusunu kapsayici belirler,
   yalnizca <a>'ya verilince govdenin 1.6 satir yuksekligi baskin kaliyordu. */
.kayd-footer__list,
.kayd-footer__contact {
  font-size: var(--kayd-fs-small);
  line-height: 1.33;
}
.kayd-footer__list li { margin-bottom: 0; }
.kayd-footer__list a:hover { text-decoration: underline; }
.kayd-footer__contact p { margin: 0; }

.kayd-footer__social {
  display: flex;
  gap: var(--kayd-space-2);
  margin-top: var(--kayd-space-4);
  list-style: none; padding: 0;
}
.kayd-footer__social a {
  display: grid;
  place-items: center;
  width: calc(18.85 * var(--d)); height: calc(18.85 * var(--d));
  border-radius: calc(3.77 * var(--d));
  background: var(--kayd-on-primary);
  color: var(--kayd-primary);
  transition: opacity .18s ease;
}
.kayd-footer__social a:hover { opacity: .8; }
.kayd-footer__social svg { width: calc(10.06 * var(--d)); height: calc(10.06 * var(--d)); fill: currentColor; }

.kayd-footer__bottom {
  margin-top: var(--kayd-space-8);
  padding-top: var(--kayd-space-4);
  border-top: 1px solid rgba(255,255,255,.25);
  font-size: var(--kayd-fs-small);
  opacity: .85;
}


/* Destekçilerimiz: mobil dizilim masaüstünde gizli */
.kayd-sponsor__mobil { display: none; }

/* =========================================================================
   MOBİL - Figma "kayd_mobil" (8:1876) + "kayd_mobil_butonlar" (8:2286)
   Çerçeve 440 px ve 1:1 ölçekte çizilmiş; aşağıda 1 Figma px = var(--m).
   Böylece tüm oranlar, koordinatlar ve yazı boyutları tasarımla birebir
   kalır, yalnızca ekran genişliğine göre orantılı büyür/küçülür.
   ========================================================================= */
@media (max-width: 900px) {

  :root { --m: calc(min(100vw, 700px) / 440); }

  .kayd-theme #et-main-area { overflow-x: clip; }

  /* Tasarımın 440 px'lik ızgarası; bölüm içi kenar boşluğu 45 px */
  .kayd-container,
  .kayd-container--wide {
    width: calc(440 * var(--m));
    padding-inline: calc(45 * var(--m));
  }

  /* ---------- HEADER (Figma y 126-217) ---------- */
  .kayd-header__inner {
    grid-template-columns: auto auto;
    grid-template-areas: "logo utils";
    align-items: start;
    justify-content: space-between;
    column-gap: 0;
    padding-block: calc(12 * var(--m)) calc(33 * var(--m));
    padding-inline: calc(20 * var(--m)) calc(18 * var(--m));
  }
  .kayd-header__logo img { width: calc(88 * var(--m)); }

  .kayd-header__utils {
    align-items: flex-start;
    gap: calc(9 * var(--m));
  }
  .kayd-header__utils .kayd-search { display: none; }

  .kayd-header__utils .kayd-btn {
    min-height: calc(31 * var(--m));
    padding-inline: calc(6 * var(--m));
    gap: calc(4 * var(--m));
    border-width: 0;
    border-radius: calc(5 * var(--m));
    font-size: calc(10.356 * var(--m));
    white-space: nowrap;
  }
  .kayd-header__utils .kayd-btn__icon { width: calc(13 * var(--m)); height: calc(12 * var(--m)); }
  .kayd-btn--badge { width: calc(60 * var(--m)); }
  .kayd-btn--badge img { width: calc(38 * var(--m)); }

  /* Hamburger 18x16, sağ kenardan 18 px */
  .kayd-burger {
    display: block;
    width: calc(18 * var(--m));
    height: calc(16 * var(--m));
    margin: calc(7 * var(--m)) 0 0 calc(5 * var(--m));
    border: 0;
    border-radius: 0;
    background: none;
  }
  .kayd-burger span,
  .kayd-burger span::before,
  .kayd-burger span::after {
    width: calc(18 * var(--m));
    height: calc(2 * var(--m));
    background: var(--kayd-ink);
  }
  .kayd-burger span::before { top: calc(-6 * var(--m)); }
  .kayd-burger span::after  { top: calc(6 * var(--m)); }
  .kayd-burger[aria-expanded="true"] span::before { transform: translateY(calc(6 * var(--m))) rotate(45deg); }
  .kayd-burger[aria-expanded="true"] span::after  { transform: translateY(calc(-6 * var(--m))) rotate(-45deg); }

  /* ---------- MOBİL MENÜ (Figma kayd_mobil_butonlar) ----------
     Satır 50 px, yazı Poppins 18 px, ayraç #bfbfbf,
     seviye girintileri 0 / 21 / 35 / 50 px */
  .kayd-header__nav {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(440 * var(--m));
    max-height: 78vh;
    overflow-y: auto;
    display: none;
    gap: 0;
    padding: 0;
    background: var(--kayd-surface);
    box-shadow: var(--kayd-shadow);
  }
  .kayd-header__nav.is-open { display: block; }
  /* Dil seçimi mobilde açılan menünün en altında (TR | EN) */
  .kayd-header__nav .kayd-lang {
    display: block;
    padding: calc(16 * var(--m)) calc(30 * var(--m));
    border-top: 1px solid var(--kayd-primary-soft);
    font-size: 15px;
  }
  .kayd-header__nav .kayd-lang a { display: inline-block; padding: 6px 4px; }

  .kayd-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .kayd-nav__list > li { border: 0; }

  .kayd-nav__list a,
  .kayd-nav__list .sub-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: calc(50 * var(--m));
    padding: calc(4 * var(--m)) calc(25 * var(--m)) calc(4 * var(--m)) calc(21 * var(--m));
    font-family: var(--kayd-font-heading);
    font-size: calc(18 * var(--m));
    line-height: 1.25;
  }

  /* 1. seviye: mor zemin, beyaz kalın yazı */
  .kayd-nav__list > li > a {
    background: var(--kayd-primary);
    color: var(--kayd-on-primary);
    font-weight: var(--kayd-fw-bold);
    border-bottom: 1px solid var(--kayd-line);
  }
  .kayd-nav__list > li > a::after { background: var(--kayd-on-primary); }

  /* Alt seviyeler: akordeon, her seviye içeriden girintili */
  /* Akordeon: max-height ile yumuşak açılıp kapanır (yükseklik JS ile ölçülür).
     Kapalıyken visibility gecikmeli kapanır, böylece bağlantılar sekmeye takılmaz. */
  .kayd-nav__list .sub-menu {
    position: static;
    display: block;
    opacity: 1;
    min-width: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    background: none;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height .3s ease, visibility 0s linear .3s;
  }
  .kayd-nav__list li.is-open > .sub-menu {
    visibility: visible;
    transition: max-height .3s ease, visibility 0s;
  }
  .kayd-nav__list > li > .sub-menu { margin-left: calc(21 * var(--m)); }
  .kayd-nav__list .sub-menu .sub-menu { margin-left: calc(14 * var(--m)); top: auto; left: auto; }
  .kayd-nav__list .sub-menu li + li { border-top: 0; }

  /* 2. seviye: açık mor zemin, mor kalın yazı */
  .kayd-nav__list > li > .sub-menu > li > a {
    background: #f4e9ff;
    color: var(--kayd-primary);
    font-weight: var(--kayd-fw-bold);
    padding-left: calc(13 * var(--m));
    border-bottom: 1px solid var(--kayd-line);
  }
  .kayd-nav__list > li > .sub-menu > li > a::after { background: var(--kayd-primary); }

  /* 3. ve sonraki seviyeler: beyaz zemin, siyah orta kalınlık */
  .kayd-nav__list .sub-menu .sub-menu a {
    background: var(--kayd-surface);
    color: var(--kayd-ink);
    font-weight: var(--kayd-fw-medium);
    padding-left: calc(14 * var(--m));
    border-bottom: 1px solid var(--kayd-line);
  }
  .kayd-nav__list .sub-menu .sub-menu a::after { background: var(--kayd-ink); }

  /* Ok yönleri: kapalıyken aşağı, alt menüsü olan iç satırlarda sağa */
  .kayd-nav__list li.menu-item-has-children > a::after {
    content: "";
    flex: 0 0 auto;
    width: calc(15 * var(--m));
    height: calc(9 * var(--m));
    -webkit-mask: url("../img/icon-chevron.svg") no-repeat center / contain;
            mask: url("../img/icon-chevron.svg") no-repeat center / contain;
    transform: none;
  }
  /* Figma: 2. seviyede aşağı ok, 3. ve sonrasında sağa ok.
     Masaüstünün ".sub-menu li ... rotate(-90deg)" kuralı 2. seviyeyi de
     döndürdüğü için burada aynı/daha yüksek özgüllükle geri alınıyor. */
  .kayd-nav__list > li > .sub-menu > li.menu-item-has-children > a::after { transform: none; }
  .kayd-nav__list .sub-menu .sub-menu li.menu-item-has-children > a::after { transform: rotate(-90deg); }

  .kayd-nav__list li.is-open > a::after { transform: rotate(180deg); }
  .kayd-nav__list > li > .sub-menu > li.is-open > a::after { transform: rotate(180deg); }
  /* 3. seviye: kapalıyken sağa, açıkken aşağı bakar */
  .kayd-nav__list .sub-menu .sub-menu li.is-open > a::after { transform: rotate(0deg); }

  /* Ok dönüşü akordeonla aynı hızda */
  .kayd-nav__list li.menu-item-has-children > a::after { transition: transform .3s ease; }

  /* Ok renkleri: mor zeminde beyaz, açık mor zeminde mor, beyaz zeminde siyah.
     (Masaüstü kuralı aynı özgüllükte mor veriyordu, mor üstünde görünmüyordu.) */
  .kayd-nav__list > li.menu-item-has-children > a::after { background: var(--kayd-on-primary); }
  .kayd-nav__list > li > .sub-menu > li.menu-item-has-children > a::after { background: var(--kayd-primary); }
  .kayd-nav__list .sub-menu .sub-menu li.menu-item-has-children > a::after { background: var(--kayd-ink); }

  /* Dokunmada :hover kalıcı olduğu için masaüstünün mor rengi metni
     mor zeminde görünmez yapıyordu; her seviye kendi rengini korur. */
  .kayd-nav__list > li > a:hover,
  .kayd-nav__list > li > a:focus,
  .kayd-nav__list > li:hover > a,
  .kayd-nav__list > li.current-menu-item > a,
  .kayd-nav__list > li.is-open > a { color: var(--kayd-on-primary); }

  .kayd-nav__list > li > .sub-menu > li > a:hover,
  .kayd-nav__list > li > .sub-menu > li:hover > a,
  .kayd-nav__list > li > .sub-menu > li.is-open > a { color: var(--kayd-primary); }

  .kayd-nav__list .sub-menu .sub-menu a:hover,
  .kayd-nav__list .sub-menu .sub-menu li:hover > a,
  .kayd-nav__list .sub-menu .sub-menu li.is-open > a { color: var(--kayd-ink); }

  /* ---------- HERO (Figma y 217-477.55, kompozisyon 655 px geniş) ---------- */
  .kayd-hero {
    display: flex;
    align-items: center;
    width: calc(654.994 * var(--m));
    min-height: 0;
    height: calc(260.55 * var(--m));
    margin-left: max(0px, calc((100vw - 440 * var(--m)) / 2));
  }
  .kayd-hero__media { position: absolute; inset: 0 0 0 19.23%; }
  .kayd-hero__panel,
  .kayd-hero__blob { display: block; }

  .kayd-hero__content {
    max-width: none;
    margin: 0;
    padding-inline: calc(28.23 * var(--m));
  }
  /* Figma: baslik metin kutusu 98 px, alt metin 118 px genis */
  .kayd-hero__title {
    max-width: 13ch;
    font-size: calc(15.923 * var(--m));
    margin-bottom: calc(7 * var(--m));
  }
  .kayd-hero__lead {
    max-width: 26ch;
    font-size: calc(8.685 * var(--m));
    line-height: 1.5;
    margin-bottom: calc(7 * var(--m));
  }
  .kayd-hero__content .kayd-btn {
    min-height: calc(22.44 * var(--m));
    padding-inline: calc(16.65 * var(--m));
    border-width: 0;
    border-radius: calc(3.619 * var(--m));
    font-size: calc(8.685 * var(--m));
  }
  /* Bağış bildirimi mobil tasarımda yok */
  .kayd-hero__ticker { display: none; }

  /* ---------- HIZLI ERİŞİM (daireler 106.5 px, 2x2) ---------- */
  .kayd-quick { padding-block: calc(46.45 * var(--m)) calc(54 * var(--m)); }
  /* Figma: daireler x=93 ve x=262 (kap dolgusu 45 -> ek 48) */
  .kayd-quick__list {
    grid-template-columns: repeat(2, calc(106.5 * var(--m)));
    justify-content: start;
    padding-left: calc(48 * var(--m));
    column-gap: calc(62.5 * var(--m));
    row-gap: calc(55 * var(--m));
  }
  .kayd-quick__link { gap: calc(11.5 * var(--m)); }
  .kayd-quick__icon {
    width: calc(106.5 * var(--m));
    height: calc(106.5 * var(--m));
    border-width: calc(3 * var(--m));
  }
  /* Uzun etiketler (ör. EN "Donation Methods") dairenin genişliğinde iki satıra iner */
  .kayd-quick__label { font-size: calc(15 * var(--m)); white-space: normal; text-align: center; max-width: calc(130 * var(--m)); line-height: 1.25; }

  /* ---------- BÖLÜM GEÇİŞ ÇENTİĞİ (100x100, sağdan %10.45) ---------- */
  .kayd-notch {
    display: block;
    width: calc(100 * var(--m));
    height: calc(100 * var(--m));
    right: 10.45%;
  }

  /* ---------- BÖLÜM BAŞLIKLARI ---------- */
  .kayd-theme :where(h2) { font-size: calc(15 * var(--m)); }
  /* Mobilde tek kart göründüğü için gerçek slider noktaları başlık satırında
     gösteriliyor; karttaki süs noktalar gizleniyor. */
  .kayd-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(35 * var(--m));
  }
  .kayd-dots--kart { display: none; }

  /* ---------- AKTİF PROJELER (mor bant y 916-2126) ---------- */
  .kayd-band--primary.kayd-section { padding-block: calc(54 * var(--m)) calc(69.8 * var(--m)); }
  .kayd-band--primary .kayd-container { padding-inline: calc(55 * var(--m)); }

  .kayd-grid-3 { grid-template-columns: 1fr; row-gap: calc(31.4 * var(--m)); }
  .kayd-slider__track.kayd-grid-3 { --kayd-slider-bosluk: calc(31.4 * var(--m)); }

  .kayd-project { border-radius: calc(13.127 * var(--m)); }
  .kayd-project__body {
    height: calc(164.818 * var(--m));
    padding: calc(11.67 * var(--m)) calc(16.04 * var(--m)) calc(17.5 * var(--m));
  }
  .kayd-project__title { font-size: calc(17.503 * var(--m)); }
  .kayd-project__text {
    font-size: calc(7.293 * var(--m));
    margin-top: calc(6 * var(--m));
    max-height: 6em;   /* 4 satir */
  }
  .kayd-project__body .kayd-btn {
    min-height: calc(45.215 * var(--m));
    width: calc(126.895 * var(--m));
    padding: 0;
    border-width: 0;
    border-radius: calc(7.293 * var(--m));
    font-size: calc(17.503 * var(--m));
  }

  /* Kart içi karusel göstergesi (görselin sağ üstü) */
  .kayd-dots--kart {
    display: flex;
    position: absolute;
    top: calc(16 * var(--m));
    right: calc(14.6 * var(--m));
    z-index: 2;
    gap: calc(7 * var(--m));
  }
  .kayd-dots--kart button {
    width: calc(13 * var(--m));
    height: calc(13 * var(--m));
    border-width: calc(2 * var(--m));
  }

  /* ---------- KURUCU BAŞKAN MESAJI (y 2126-2739) ---------- */
  .kayd-mesaj.kayd-section { padding-block: calc(91 * var(--m)) calc(38 * var(--m)); }
  .kayd-mesaj__grid {
    grid-template-columns: calc(165 * var(--m)) 1fr;
    column-gap: calc(11 * var(--m));
    row-gap: calc(21 * var(--m));
    width: 100%;
  }
  .kayd-mesaj__media {
    grid-column: 1;
    grid-row: 1;
    max-width: none;
    margin-top: 0;
    aspect-ratio: 1 / 1;
  }
  .kayd-mesaj__head  { grid-column: 2; grid-row: 1; align-self: end; }
  .kayd-mesaj__body  { grid-column: 1 / -1; grid-row: 2; font-size: calc(12 * var(--m)); }
  .kayd-mesaj__kicker { font-size: calc(15 * var(--m)); line-height: 1.25; }
  .kayd-mesaj__title  { font-size: calc(22 * var(--m)); margin: 0; }
  .kayd-mesaj__sign   { margin-top: calc(12 * var(--m)); }

  /* ---------- AYNİ DESTEKLER (pembe bant y 2739-3073) ---------- */
  .kayd-band--accent.kayd-section { padding-block: calc(24 * var(--m)) calc(46 * var(--m)); }
  .kayd-band--accent .kayd-container { padding-inline: calc(43.5 * var(--m)); }
  .kayd-band--accent h2 { margin-bottom: calc(11 * var(--m)); }

  .kayd-ayni__grid { grid-template-columns: 1fr; }

  .kayd-ayni__media {
    height: calc(230.4 * var(--m));
    border-radius: calc(8.1 * var(--m));
  }
  .kayd-ayni__ustyazi {
    padding: calc(7.1 * var(--m)) 0 0 calc(1.8 * var(--m));
  }
  /* Listenin arkasındaki pembe kart (109.8 px) */
  .kayd-ayni__ustyazi::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: calc(109.8 * var(--m));
    background: var(--kayd-accent);
    border-radius: calc(8.1 * var(--m));
    z-index: -1;
  }
  .kayd-ayni__list { margin: 0; }
  .kayd-ayni__list li {
    margin-bottom: calc(10.5 * var(--m));
    font-size: calc(9 * var(--m));
    line-height: 1.25;
  }

  .kayd-theme .kayd-ayni__grid .kayd-btn--white {
    left: calc(-1.5 * var(--m));
    width: calc(73.8 * var(--m));
    min-height: calc(27.9 * var(--m));
    padding-inline: calc(15.3 * var(--m));
    border-width: 0;
    border-radius: calc(4.5 * var(--m));
    font-size: calc(9 * var(--m));
  }

  .kayd-ayni__blob {
    left: calc(-14 * var(--m));
    width: calc(245.6 * var(--m));
  }
  .kayd-ayni__next {
    top: calc(17.5 * var(--m));
    right: calc(12 * var(--m));
    width: calc(19 * var(--m));
    height: calc(13 * var(--m));
  }
  .kayd-ayni__dots {
    right: calc(17 * var(--m));
    bottom: calc(14 * var(--m));
    gap: calc(6 * var(--m));
  }
  .kayd-ayni__list li { margin-bottom: calc(10.5 * var(--m)); }
  .kayd-ayni__dots button {
    width: calc(8 * var(--m));
    height: calc(8 * var(--m));
    border-width: calc(1.5 * var(--m));
  }

  /* ---------- HABERLER (y 3073-5413) ---------- */
  .kayd-section:not(.kayd-band):not(.kayd-quick):not(.kayd-mesaj) {
    padding-block: calc(59 * var(--m)) calc(82 * var(--m));
  }
  .kayd-haber { border-radius: calc(13.5 * var(--m)); }
  .kayd-haber__body {
    height: calc(169.5 * var(--m));
    padding: calc(51 * var(--m)) calc(16.5 * var(--m)) calc(18 * var(--m));
  }
  .kayd-haber__title { font-size: calc(18 * var(--m)); }
  .kayd-haber__date  { font-size: calc(7.5 * var(--m)); margin-top: calc(7 * var(--m)); }
  .kayd-haber__body .kayd-btn {
    min-height: calc(46.5 * var(--m));
    width: calc(130.5 * var(--m));
    padding: 0;
    border-width: 0;
    border-radius: calc(7.5 * var(--m));
    font-size: calc(18 * var(--m));
  }

  /* ---------- DESTEKÇİLERİMİZ (y 5413-5759) ---------- */
  .kayd-band--soft.kayd-section { padding-block: calc(69 * var(--m)) calc(49 * var(--m)); }
  .kayd-band--soft h2 { margin-bottom: calc(13 * var(--m)); }
  .kayd-sponsor__masaustu { display: none; }
  .kayd-sponsor__mobil {
    display: block;
    width: calc(362.635 * var(--m));
    height: auto;
    margin-left: calc(-6 * var(--m));
  }

  /* ---------- FOOTER (y 5752-6063) ---------- */
  .kayd-footer { padding-block: calc(34 * var(--m)) calc(29 * var(--m)); }
  .kayd-footer .kayd-container { padding-inline: calc(43.38 * var(--m)); }
  .kayd-footer__grid {
    grid-template-columns: calc(113 * var(--m)) calc(128.79 * var(--m)) 1fr;
    gap: 0;
  }
  .kayd-footer__grid > div:not(.kayd-footer__logo) { grid-row: 1; }
  .kayd-footer__logo {
    grid-row: 2;
    grid-column: 1 / -1;
    margin-top: calc(47 * var(--m));
    margin-left: calc(-4.38 * var(--m));
  }
  .kayd-footer__logo img { width: calc(163 * var(--m)); }
  .kayd-footer__title { font-size: calc(12.15 * var(--m)); margin-bottom: calc(5 * var(--m)); }
  .kayd-footer__list,
  .kayd-footer__contact { font-size: calc(8.505 * var(--m)); line-height: 1.43; }
  .kayd-footer__list li { margin-bottom: 0; }
  .kayd-footer__social {
    margin-top: calc(22 * var(--m));
    gap: calc(6.1 * var(--m));
  }
  .kayd-footer__social a {
    width: calc(14.5 * var(--m));
    height: calc(14.5 * var(--m));
    border-radius: calc(3 * var(--m));
  }
  .kayd-footer__social svg { width: calc(9 * var(--m)); height: calc(9 * var(--m)); }
  .kayd-footer__bottom {
    margin-top: calc(20 * var(--m));
    padding-top: calc(10 * var(--m));
    font-size: calc(8 * var(--m));
  }
}

/* =========================================================================
   AKTİF KAMPANYALAR (Figma 28 Eylül; "Ayni Destekler" bandının yerini aldı)
   görsel y1610; başlık y1691 (18/700, 2 satır 27), metin y1753 (12/500),
   buton x106 y1835 108x31, yazı pembe
   ========================================================================= */
.kayd-ayni__ustyazi--kampanya { padding: calc(81 * var(--d)) 0 0 calc(2 * var(--d)); color: var(--kayd-on-primary); }
.kayd-theme .kayd-ayni__k-baslik {
  margin: 0;
  font-family: var(--kayd-font-heading);
  font-size: calc(18 * var(--d));
  font-weight: var(--kayd-fw-bold);
  line-height: calc(27 * var(--d));
  color: var(--kayd-on-primary);
  padding: 0;
}
.kayd-theme .kayd-ayni__k-metin {
  margin: calc(8 * var(--d)) 0 0;
  font-size: max(12px, calc(12 * var(--d)));
  font-weight: var(--kayd-fw-medium);
  line-height: calc(18 * var(--d));
  color: var(--kayd-on-primary);
  padding: 0;
}
.kayd-theme .kayd-ayni__ustyazi--kampanya .kayd-btn--white { width: calc(108 * var(--d)); color: var(--kayd-accent); font-weight: var(--kayd-fw-bold); }

@media (max-width: 900px) {
  .kayd-ayni__ustyazi--kampanya { padding: calc(62 * var(--m)) 0 0 calc(2 * var(--m)); }
  .kayd-theme .kayd-ayni__k-baslik { font-size: calc(15 * var(--m)); line-height: 1.4; }
  .kayd-theme .kayd-ayni__k-metin { margin-top: calc(6 * var(--m)); font-size: calc(10 * var(--m)); line-height: 1.45; }
  .kayd-theme .kayd-ayni__ustyazi--kampanya .kayd-btn--white { width: calc(92 * var(--m)); }
}
/* Figma: kampanya görselinin alt yarısı görünüyor (maske görselin %47-100'ü) */
.kayd-ayni__grid:has(.kayd-ayni__ustyazi--kampanya) .kayd-ayni__media img { object-position: 45% 100%; }

/* =========================================================================
   ALT SABİT ABONE ŞERİDİ (Figma 905x50: zarf x106, metin x158 15/600,
   buton x696 106x27 r5, yazı 10/700 mor)
   ========================================================================= */
.kayd-abone { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; }
.kayd-abone.is-gizli { display: none; }
body.kayd-theme:has(.kayd-abone:not(.is-gizli)) { padding-bottom: calc(50 * var(--d)); }
.kayd-abone__serit { background: var(--kayd-primary); color: var(--kayd-on-primary); }
.kayd-abone__ic { display: flex; align-items: center; gap: calc(15 * var(--d)); height: calc(50 * var(--d)); min-height: 44px; position: relative; }
.kayd-abone__ikon { width: calc(37.7 * var(--d)); height: calc(30 * var(--d)); flex: 0 0 auto; }
.kayd-theme .kayd-abone__metin { margin: 0; padding: 0; font-family: var(--kayd-font-heading); font-size: max(13px, calc(15 * var(--d))); font-weight: 600; line-height: 1.5; color: var(--kayd-on-primary); }
.kayd-abone__buton {
  margin-left: auto;
  width: calc(106 * var(--d)); min-width: 90px; height: calc(27 * var(--d)); min-height: 30px;
  border: 0; border-radius: calc(5 * var(--d)); background: var(--kayd-surface); color: var(--kayd-primary);
  font-family: var(--kayd-font-heading); font-size: max(12px, calc(10 * var(--d))); font-weight: var(--kayd-fw-bold); cursor: pointer;
}
.kayd-abone__buton:hover, .kayd-abone__buton:focus-visible { background: var(--kayd-yellow); }
.kayd-abone__kapat {
  position: absolute; right: calc(-60 * var(--d)); top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; border: 0; background: none; color: var(--kayd-on-primary);
  font-size: 22px; line-height: 1; cursor: pointer; opacity: .8;
}
.kayd-abone__kapat:hover { opacity: 1; }
.kayd-abone__panel {
  position: absolute; bottom: 100%; right: max(16px, calc((100vw - 1440px) / 2 + 103 * var(--d)));
  width: min(420px, calc(100vw - 32px));
  padding: 16px; border-radius: 10px 10px 0 0;
  background: var(--kayd-primary); box-shadow: 0 -6px 20px rgb(0 0 0 / .15);
}
.kayd-abone__panel .kayd-form { margin: 0; }

@media (max-width: 900px) {
  /* Mobil çizim 440x50: zarf 34x27, metin 11/600, buton 67x27 */
  body.kayd-theme:has(.kayd-abone:not(.is-gizli)) { padding-bottom: 56px; }
  .kayd-abone__ic { height: 56px; gap: 10px; padding-right: 36px; }
  .kayd-abone__ikon { width: 28px; height: 22px; }
  .kayd-theme .kayd-abone__metin { flex: 1 1 auto; min-width: 0; font-size: 12px; line-height: 1.3; }
  .kayd-abone__buton { flex: 0 0 auto; width: auto; min-width: 74px; padding: 0 10px; font-size: 12px; }
  .kayd-abone__ic.kayd-container { padding-left: 16px; }
  .kayd-abone__kapat { right: 0; }
  .kayd-abone__panel { right: 16px; left: 16px; width: auto; }
}
.kayd-theme .kayd-btn--mobil-gizli { display: none; }

/* Kaydırıcı: fareyle basılı tutup sürükleme */
.kayd-slider[data-kayd-slider]:not(.kayd-slider--tek) .kayd-slider__viewport { cursor: grab; }
.kayd-slider.is-suruklenyor .kayd-slider__viewport { cursor: grabbing; }
.kayd-slider.is-suruklenyor { user-select: none; -webkit-user-select: none; }
.kayd-slider.is-suruklenyor a { pointer-events: none; }
.kayd-slider img { -webkit-user-drag: none; }