/* =====================================================
   ORMAN FOOTER — "yesil" teması (partials/yesil/footer.php)
   ===================================================== */
/* ===========================================================
   YAVUZKEMAL BELEDİYESİ — "ORMAN" FOOTER
   Tek dosya, harici kaynak yok. Tüm ikonlar/illüstrasyon inline SVG.
   =========================================================== */

.yk-footer{
  /* Renk jetonları */
  --koyu:var(--yk-ft-bg,#0e3a23);        /* ana koyu zemin — Tema Stüdyosu › Footer */
  --koyu-alt:var(--yk-ft-bar,#072617);   /* alt bar */
  --kart:var(--yk-ft-card,#0b3220);      /* kart zemini */
  --cerceve:rgba(255,255,255,.10);
  --yesil:#2f9e58;         /* yeşil vurgu */
  --acik-yesil:var(--yk-ft-leaf,#7cc243); /* açık yeşil */
  --amber:var(--yk-ft-accent,#f2a81d);
  --krem:#eaf3ec;          /* ana metin */
  --ikincil:#a9c4b4;       /* ikincil metin */
  --beyaz:#fff;
  --metin-yumusak:#cfe2d6;
  --link:#bcd4c5;
  --chevron:#4e8a66;

  /* Boşluk ölçeği */
  --b1:4px; --b2:8px; --b3:12px; --b4:16px; --b5:22px; --b6:28px; --b7:36px; --b8:48px;

  --kap:1400px;            /* kapsayıcı genişliği */
  --yazi:system-ui,'Segoe UI',Roboto,Arial,sans-serif;
  --elyazisi:'Segoe Script','Brush Script MT',cursive;
}

/* Odak görünürlüğü (klavye) */
.yk-footer a:focus-visible,.yk-footer button:focus-visible,.yk-footer input:focus-visible{
  outline:3px solid var(--amber);
  outline-offset:3px;
  border-radius:10px;
}

/* --- Sayfa gövdesi yer tutucu (footer'ın gerçek sayfada nasıl oturduğu görülsün) --- */

/* ===========================================================
   FOOTER KABUĞU
   =========================================================== */
.yk-footer{
  position:relative;
  /* flow-root: şeridin -56px'i footer'ın kendi üst marjıyla BİRLEŞMESİN
     (aksi halde hap footer'a binmez, üst kenara yapışır) */
  display:flow-root;
  margin-top:56px;                               /* beyaz şeridin taşması için pay */
  /* açık gökyüzü → derin orman yeşili dikey geçiş */
  /* üst bant: açık sisli gökyüzü → dağlar → derin orman (px duraklar bandı sabitler) */
  background:linear-gradient(180deg,#e4f0e6 0px,#d5e7d9 56px,#b6d2bf 100px,#7aa689 136px,#2d6646 172px,#12432a 206px,var(--koyu) 260px,var(--koyu) 72%,color-mix(in srgb,var(--koyu) 80%,#000) 100%);
  color:var(--krem);
  isolation:isolate;
  overflow:visible;                              /* şerit üstten taşabilsin */
}

/* Arka plan illüstrasyon katmanlarının kırpıldığı kutu */
.yk-footer .yk-manzara{
  position:absolute;inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.yk-footer .yk-manzara > svg{position:absolute;display:block;pointer-events:none}

/* Uzak dağ silsilesi */
.yk-footer .kat-dag{left:50%;top:0;width:max(100%,1100px);height:230px;transform:translateX(-50%)}
/* Yan çam silüetleri */
.yk-footer .kat-cam-sol{left:-10px;top:60px;width:min(33%,470px);height:440px}
.yk-footer .kat-cam-sag{right:-10px;top:40px;width:min(33%,470px);height:460px}
/* En alttaki koyu tepe + çam şeridi */
.yk-footer .kat-tepe{left:0;right:0;bottom:0;width:100%;height:190px}
/* Yumuşak ışık lekesi */
.yk-footer .kat-isik{left:50%;top:230px;transform:translateX(-50%);width:min(1100px,96%);height:420px;opacity:.55}

/* Köşe yaprak kümeleri — beyaz şeridin ÜSTÜNE taşar */
.yk-footer .yk-yaprak{position:absolute;z-index:6;pointer-events:none;filter:drop-shadow(0 9px 16px rgba(4,26,15,.32))}
.yk-footer .yk-yaprak-sol{left:-12px;top:-158px;width:min(200px,17.5vw)}
.yk-footer .yk-yaprak-sag{right:-12px;top:-174px;width:min(214px,18.6vw);transform:scaleX(-1)}

/* Kapsayıcı */
.yk-footer .kap{width:min(100% - 48px,var(--kap));margin-inline:auto;position:relative;z-index:2}

/* ===========================================================
   1) FAYDALI BAĞLANTILAR ŞERİDİ (beyaz hap, footer'a biner)
   =========================================================== */
.yk-footer .fb-sarmal{position:relative;z-index:4;margin-top:-56px}
.yk-footer .fb{
  width:96%;
  margin-inline:auto;
  background:var(--beyaz);
  border-radius:22px;
  box-shadow:0 22px 48px -18px rgba(5,32,19,.45),0 6px 16px rgba(5,32,19,.12);
  display:flex;align-items:center;gap:var(--b3);
  padding:12px 14px;
  min-height:76px;
}
.yk-footer .fb-etiket{flex:0 0 auto;line-height:1.1;padding-right:var(--b3);border-right:1px solid #e8eee9}
.yk-footer .fb-etiket b{display:block;font-size:15px;font-weight:800;letter-spacing:.02em}
.yk-footer .fb-etiket .u{color:var(--amber)}
.yk-footer .fb-etiket .a{color:#123a26}

.yk-footer .fb-liste{
  flex:1 1 auto;min-width:0;
  display:flex;align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
}
.yk-footer .fb-liste::-webkit-scrollbar{display:none}

.yk-footer .fb-oge{
  flex:0 0 auto;
  display:flex;align-items:center;gap:5px;
  padding:4px 3px;border-radius:12px;
  min-height:44px;                      /* dokunma hedefi */
  color:#17382a;
  transition:background .18s ease,transform .18s ease;
}
.yk-footer .fb-oge:hover{background:#f2f7f3;transform:translateY(-1px)}
.yk-footer .fb-logo{
  flex:0 0 auto;
  width:clamp(26px,2.12vw,34px);height:clamp(26px,2.12vw,34px);
  border-radius:50%;background:#f3f7f4;border:1px solid #e6ece8;
  display:grid;place-items:center;overflow:hidden;
}
.yk-footer .fb-logo img{width:84%;height:84%;object-fit:contain}
.yk-footer .fb-logo svg{width:100%;height:100%;display:block}
.yk-footer .fb-ad{
  font-size:clamp(9px,.73vw,12px);
  font-weight:600;line-height:1.22;color:#1d3f30;letter-spacing:-.004em;
  width:clamp(62px,5.95vw,96px);
}
.yk-footer .fb-ad span{display:block}
.yk-footer .fb-ayrac{flex:0 0 auto;width:1px;height:34px;background:#e8eee9;margin:0 3px}

.yk-footer .fb-ok{
  flex:0 0 auto;
  width:44px;height:44px;border-radius:50%;
  border:0;cursor:pointer;
  background:var(--amber);color:#2a1d00;
  display:grid;place-items:center;
  box-shadow:0 6px 14px rgba(242,168,29,.35);
  transition:transform .18s ease,background .18s ease;
}
.yk-footer .fb-ok:hover{transform:translateX(2px);background:#ffb92e}
.yk-footer .fb-ok svg{width:20px;height:20px}

/* ===========================================================
   2) GÖVDE — 3 bölge
   =========================================================== */
.yk-footer .yk-govde{
  position:relative;z-index:2;
  display:grid;
  /* kimlik | menüler (doğal genişlik, tek satır) | iletişim kartı */
  grid-template-columns:252px max-content minmax(0,1fr);
  gap:24px;
  padding:214px 0 58px;
  align-items:start;
}

/* --- A: Kimlik sütunu --- */
.yk-footer .kimlik-ust{display:flex;align-items:center;gap:var(--b3)}
.yk-footer .amblem{
  flex:0 0 auto;
  width:64px;height:64px;border-radius:50%;
  background:rgba(255,255,255,.08);
  border:2px solid rgba(255,255,255,.55);
  display:grid;place-items:center;overflow:hidden;
  box-shadow:0 8px 20px rgba(3,22,13,.4);
}
.yk-footer .amblem img{width:76%;height:76%;object-fit:contain}
.yk-footer .kimlik-ad{min-width:0}
.yk-footer .kimlik-ad b{
  display:block;
  font-size:clamp(19px,1.5vw,26px);font-weight:800;letter-spacing:.06em;color:#fff;line-height:1.05;
}
.yk-footer .kimlik-ad span{
  display:block;margin-top:5px;
  font-size:clamp(11px,.95vw,14px);letter-spacing:.34em;color:var(--ikincil);font-weight:600;
}

.yk-footer .slogan{
  display:flex;align-items:flex-start;gap:10px;
  margin-top:var(--b5);
  font-family:var(--elyazisi);
  font-size:clamp(17px,1.25vw,19px);
  line-height:1.45;color:#ffd98a;
}
.yk-footer .slogan svg{flex:0 0 auto;width:22px;height:22px;margin-top:4px;color:var(--acik-yesil)}

.yk-footer .kimlik-p{
  margin:var(--b4) 0 0;
  font-size:14.5px;line-height:1.75;color:var(--metin-yumusak);
  max-width:34ch;
}
.yk-footer .kimlik-p em{
  font-style:normal;color:var(--amber);font-weight:700;
  border-bottom:2px solid rgba(242,168,29,.55);padding-bottom:1px;
}

.yk-footer .sosyal{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--b6)}
.yk-footer .sosyal a{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:transparent;color:var(--krem);
  display:grid;place-items:center;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.yk-footer .sosyal a svg{width:19px;height:19px}
.yk-footer .sosyal a:hover{background:var(--amber);color:#2a1d00;border-color:var(--amber);transform:translateY(-3px)}

/* --- B: Menü sütunları --- */
.yk-footer .menuler{
  display:flex;justify-content:space-between;
  gap:18px;
}
.yk-footer .fmenu{flex:0 0 auto;min-width:0}
.yk-footer .fmenu h4{
  display:flex;align-items:flex-start;gap:7px;
  margin:0 0 var(--b4);white-space:nowrap;
  font-size:12.5px;font-weight:800;letter-spacing:.06em;color:#fff;text-transform:uppercase;line-height:1.2;
}
.yk-footer .fmenu h4 svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px;color:var(--acik-yesil)}
.yk-footer .fmenu ul{list-style:none;margin:0;padding:0}
.yk-footer .fmenu a{
  display:flex;align-items:flex-start;gap:6px;
  padding:5px 0;
  font-size:13px;line-height:1.35;color:var(--link);white-space:nowrap;
  transition:color .18s ease,transform .18s ease;
  min-height:28px;
}
.yk-footer .fmenu a .cv{flex:0 0 auto;width:10px;height:10px;margin-top:4px;color:var(--chevron);transition:color .18s ease}
.yk-footer .fmenu a:hover{color:#fff;transform:translateX(3px)}
.yk-footer .fmenu a:hover .cv{color:var(--amber)}

/* --- C: İletişim kartı --- */
.yk-footer .iletisim-bolge{min-width:0}
.yk-footer .kart{
  background:var(--kart);
  border:1px solid var(--cerceve);
  border-radius:22px;
  padding:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  grid-template-areas:"tel tel" "adres foto" "sms foto" "form form";
  gap:16px 14px;
  min-width:0;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.6);
}
.yk-footer .satir-tel{grid-area:tel;padding-bottom:16px;border-bottom:1px solid var(--cerceve)}
.yk-footer .satir-adres{grid-area:adres}
.yk-footer .satir-sms{grid-area:sms}
.yk-footer .kart .form{grid-area:form}
.yk-footer .satir{display:flex;align-items:flex-start;gap:9px;min-width:0}
.yk-footer .yuv{
  flex:0 0 auto;
  width:44px;height:44px;
  border-radius:50%;display:grid;place-items:center;
}
.yk-footer .yuv svg{width:48%;height:48%}
.yk-footer .satir-adres .yuv,.yk-footer .satir-sms .yuv{width:36px;height:36px}
.yk-footer .yuv-yesil{background:var(--yesil);color:#fff}
.yk-footer .yuv-amber{background:var(--amber);color:#2a1d00}
.yk-footer .satir-i{min-width:0}
.yk-footer .tel{
  display:block;
  font-size:22px;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:.01em;
}
.yk-footer .alt-not{display:block;margin-top:3px;font-size:12.5px;color:var(--ikincil);line-height:1.4}
.yk-footer .adres{display:block;font-size:13px;line-height:1.5;color:var(--krem)}
.yk-footer .eposta{
  display:inline-block;margin-top:5px;font-size:12.5px;color:var(--ikincil);
  border-bottom:1px dotted rgba(169,196,180,.5);overflow-wrap:anywhere;
}
.yk-footer .eposta:hover{color:var(--amber);border-bottom-color:var(--amber)}
.yk-footer .sms-b{display:block;font-size:14.5px;font-weight:700;color:#fff;line-height:1.25}

.yk-footer .form{display:flex;flex-wrap:wrap;gap:8px}
.yk-footer .form input{
  flex:1 1 150px;min-width:0;
  height:44px;border-radius:999px;
  border:1px solid var(--cerceve);
  background:#072a1a;color:var(--krem);
  padding:0 16px;font-size:13px;font-family:inherit;
}
.yk-footer .form input::placeholder{color:#7fa08e}
.yk-footer .form button{
  flex:0 0 auto;padding:0 22px;
  height:44px;border:0;border-radius:999px;cursor:pointer;
  background:var(--amber);color:#2a1d00;
  font-weight:800;font-size:13px;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  transition:background .18s ease,transform .18s ease;
}
.yk-footer .form button:hover{background:#ffb92e;transform:translateY(-1px)}
.yk-footer .form button svg{width:15px;height:15px}

/* Kartın sağındaki köy görseli (il konturu + yol tarifi) */
.yk-footer .gorsel-blok{
  grid-area:foto;position:relative;
  border-radius:16px;overflow:hidden;
  border:1px solid var(--cerceve);
  min-height:184px;background:#09301d;
}
.yk-footer .gorsel-blok > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.yk-footer .gorsel-blok::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(7,38,23,.05) 0%,rgba(7,38,23,.35) 42%,rgba(7,38,23,.9) 100%);
}
.yk-footer .il-sekli{
  position:absolute;left:50%;top:12px;transform:translateX(-50%);
  width:74%;z-index:2;color:var(--amber);
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));
}
.yk-footer .gorsel-yazi{
  position:absolute;left:0;right:0;bottom:50px;z-index:2;text-align:center;line-height:1.15;
}
.yk-footer .gorsel-yazi b{display:block;color:#fff;font-weight:700;font-size:13px}
.yk-footer .gorsel-yazi span{display:block;color:#cfe2d6;font-size:9.5px;letter-spacing:.22em;margin-top:2px}
.yk-footer .yol-btn{
  position:absolute;left:7px;right:7px;bottom:8px;z-index:2;
  display:flex;align-items:center;justify-content:center;gap:4px;
  min-height:34px;padding:0 6px;border-radius:999px;
  background:#fff;color:#123a26;
  font-size:11px;font-weight:800;white-space:nowrap;
  transition:background .18s ease,transform .18s ease;
}
.yk-footer .yol-btn:hover{background:var(--amber);transform:translateY(-2px)}
.yk-footer .yol-btn svg{flex:0 0 auto;width:12px;height:12px}

/* ===========================================================
   3) ALT BAR
   =========================================================== */
.yk-footer .yk-altbar{
  position:relative;z-index:2;
  background:var(--koyu-alt);
  border-top:1px solid rgba(255,255,255,.08);
}
.yk-footer .altbar-ic{
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:var(--b6);
  padding:18px 0;
}
.yk-footer .ab-sol{display:flex;align-items:center;gap:10px}
.yk-footer .ab-sol > svg{flex:0 0 auto;width:28px;height:28px;color:var(--acik-yesil)}
.yk-footer .ab-sol b{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff;line-height:1.1}
.yk-footer .ab-sol span{display:block;font-size:10px;letter-spacing:.28em;color:var(--ikincil);margin-top:2px}

.yk-footer .ab-orta{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;
  justify-content:center;
  font-size:12.5px;color:var(--ikincil);line-height:1.5;
}
.yk-footer .ab-orta a{color:var(--ikincil);padding:4px 0;transition:color .18s ease}
.yk-footer .ab-orta a:hover{color:#fff}
.yk-footer .ab-orta i{font-style:normal;color:rgba(169,196,180,.4)}

.yk-footer .ab-sag{display:flex;align-items:center;gap:10px}
.yk-footer .ab-camlar{display:flex;align-items:flex-end;gap:2px;color:#2f9e58}
.yk-footer .ab-camlar svg{width:17px;height:22px}
.yk-footer .ab-camlar svg:last-child{width:13px;height:17px;color:#1f7a43}
.yk-footer .ab-slogan{font-family:var(--elyazisi);font-size:15px;color:#ffd98a;white-space:nowrap}
.yk-footer .ust-btn{
  width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:var(--amber);color:#2a1d00;display:grid;place-items:center;
  box-shadow:0 6px 14px rgba(242,168,29,.3);
  transition:transform .18s ease,background .18s ease;
}
.yk-footer .ust-btn:hover{transform:translateY(-3px);background:#ffb92e}
.yk-footer .ust-btn svg{width:19px;height:19px}
.yk-footer .ust-yazi{font-size:12.5px;color:var(--ikincil)}
/* Ajans imzası (sağ uç): ince ayraç + "Tasarım" mikro etiketi + beyaz Üzümnet yazı-logosu */
.yk-footer .ab-ayrac{width:1px;height:22px;background:rgba(255,255,255,.14);margin:0 4px}
.yk-footer .ab-by{display:inline-flex;align-items:center;gap:8px;text-decoration:none;opacity:.78;transition:opacity .18s ease,transform .18s ease}
.yk-footer .ab-by:hover{opacity:1;transform:translateY(-1px)}
.yk-footer .ab-by span{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ikincil)}
.yk-footer .ab-by img{display:block;width:auto;height:15px}

/* ===========================================================
   KIRILIMLAR
   =========================================================== */
@media (max-width:1420px){
  .yk-footer .yk-govde{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"kimlik iletisim" "menu menu";
    gap:var(--b7);padding:214px 0 50px;
  }
  .yk-footer .kimlik{grid-area:kimlik}
  .yk-footer .iletisim-bolge{grid-area:iletisim;max-width:520px;justify-self:end;width:100%}
  .yk-footer .menuler{grid-area:menu}
  .yk-footer .kimlik-p{max-width:none}
}

@media (max-width:1180px){
  .yk-footer .kap{width:min(100% - 40px,var(--kap))}
  /* şerit bu genişlikte tek satıra sığsın diye sıkılaştırılır */
  .yk-footer .fb{padding:10px 12px;gap:10px}
  .yk-footer .fb-etiket{padding-right:10px}
  .yk-footer .fb-etiket b{font-size:13.5px}
  .yk-footer .fb-ad{width:clamp(56px,5.7vw,96px)}
}

@media (max-width:980px){
  .yk-footer .yk-govde{
    grid-template-columns:1fr;
    grid-template-areas:"kimlik" "menu" "iletisim";
  }
  .yk-footer .menuler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b5) var(--b6)}
  .yk-footer .fmenu a,.yk-footer .fmenu h4{white-space:normal}
  .yk-footer .iletisim-bolge{max-width:none;justify-self:stretch}
  /* köy görseli kartın içinde kalır, yalnız genişler */
  .yk-footer .kart{grid-template-columns:minmax(0,1fr) minmax(130px,34%)}
  .yk-footer .yol-btn{min-height:44px;font-size:12.5px}
  .yk-footer .gorsel-yazi{bottom:60px}
  /* alt bar: üstte kimlik+sağ blok, altta telif satırı */
  .yk-footer .altbar-ic{grid-template-columns:auto auto;justify-content:space-between;gap:var(--b4) var(--b5)}
  .yk-footer .ab-sol{grid-area:1 / 1 / 2 / 2}
  .yk-footer .ab-sag{grid-area:1 / 2 / 2 / 3}
  .yk-footer .ab-orta{grid-area:2 / 1 / 3 / 3;justify-content:center}
  .yk-footer .kart{padding:var(--b5)}
  .yk-footer .tel{font-size:22px}
  .yk-footer .yuv{width:44px;height:44px}
  /* Şerit: yatay kaydırma + snap */
  .yk-footer .fb{flex-wrap:nowrap}
  .yk-footer .fb-liste{scroll-snap-type:x mandatory}
  .yk-footer .fb-oge{scroll-snap-align:start}
  .yk-footer .fb-ad{font-size:11.5px;width:96px}
  .yk-footer .fb-logo{width:34px;height:34px}
  .yk-footer .kat-cam-sol,.yk-footer .kat-cam-sag{width:44%;height:300px;top:70px}
  .yk-footer .yk-yaprak-sol{width:150px;top:-122px}
  .yk-footer .yk-yaprak-sag{width:160px;top:-130px}
}

@media (max-width:760px){
  .yk-footer .fb-sarmal{margin-top:-44px}
  .yk-footer .fb{width:94%;border-radius:18px;padding:10px 12px}
  .yk-footer .fb-etiket b{font-size:13.5px}
  .yk-footer .menuler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yk-footer .altbar-ic{
    grid-template-columns:1fr;
    justify-content:stretch;
    justify-items:center;text-align:center;gap:var(--b4);
  }
  /* ≤980'deki iki sütunlu yerleşim sıfırlanır */
  .yk-footer .ab-sol,.yk-footer .ab-orta,.yk-footer .ab-sag{grid-area:auto}
  .yk-footer .ab-orta{justify-content:center}
  .yk-footer .ab-sag{flex-wrap:wrap;justify-content:center}
  /* imza: ayraçsız, ortalanmış kendi satırı */
  .yk-footer .ab-ayrac{display:none}
  .yk-footer .ab-by{flex-basis:100%;justify-content:center;margin-top:4px}
  .yk-footer .yk-govde{padding:206px 0 44px;gap:var(--b7)}
  .yk-footer .kat-tepe{height:140px}
  /* dokunma konforu: bağlantı satırları büyütülür */
  .yk-footer .fmenu a{padding:8px 0;min-height:34px}
}

@media (max-width:480px){
  .yk-footer .kap{width:min(100% - 28px,var(--kap))}
  .yk-footer .amblem{width:60px;height:60px}
  .yk-footer .kimlik-ad b{font-size:21px}
  .yk-footer .menuler{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b5) var(--b4)}
  .yk-footer .fmenu a{font-size:12.5px}
  .yk-footer .kart{grid-template-columns:minmax(0,1fr) 116px;padding:16px}
  .yk-footer .form input,.yk-footer .form button{flex:1 1 100%}
  .yk-footer .ab-slogan{font-size:14px;white-space:normal}
  .yk-footer .yk-yaprak-sol{width:124px;top:-100px;left:-18px}
  .yk-footer .yk-yaprak-sag{width:132px;top:-108px;right:-18px}
  .yk-footer .kat-cam-sol,.yk-footer .kat-cam-sag{width:52%;height:230px;top:80px;opacity:.9}
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .yk-footer *,.yk-footer *::before,.yk-footer *::after{
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
}

/* --- Sayfaya uyum (anasayfa tasarımının yazı tipleri ve sıfırlamasıyla) --- */
.yk-footer{
  --yazi:var(--yk-font);
  --elyazisi:var(--yk-script);
  font-family:var(--yazi);font-size:16px;line-height:normal;
  margin-top:var(--yk-ft-gap,170px);  /* yapraklar ve şerit üstteki bölüme binmesin */
  overflow-x:clip;overflow-y:visible;  /* köşe yaprakları yatay kaydırma açmasın */
}
.yk-footer .slogan,.yk-footer .ab-slogan{font-weight:700}
.yk-footer .slogan{font-size:clamp(19px,1.45vw,22px)}
.yk-footer .ab-slogan{font-size:18px}
/* Plus Jakarta Sans sistem fontundan geniş: menüler tek satırda kalsın, kart daralmasın */
.yk-footer .fmenu a{font-size:12.5px}
.yk-footer .fmenu h4{font-size:12px}