/* Ajanda — ek modüller: ana sayfa, mobil menü penceresi, alarm, sağlık, finans, videolar, linkler, ders notları, Google. */

/* ---------- Mobil menü penceresi ---------- */
.alt-nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--metin3);font-size:.66rem;font-weight:600;cursor:pointer;font-family:inherit}
.alt-nav button .ik{padding:4px 12px;border-radius:999px}
/* Tam ekran menü: başlık sabit, yalnız kutucuk alanı kayar; böylece "Panel" ve
   "Hesap ve ayarlar" bağlantıları ekranın altında kesilmez. Açıkken arka
   sayfanın kayması .menu-tam ile durdurulur (ajanda.js). */
.menu-pencere{position:fixed;inset:0;z-index:50;background:rgba(17,24,39,.5);display:flex;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.menu-pencere-ic{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--kart);animation:menu-acil .22s cubic-bezier(.22,.9,.3,1)}
@keyframes menu-acil{from{opacity:0;transform:translateY(14px)}}
.menu-pencere-ic>.kart-baslik{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;border-bottom:1px solid var(--cizgi)}
.menu-pencere-ic>.kart-baslik h3{margin:0;font-size:16px;font-weight:750;letter-spacing:-.3px}
/* Tüm modüller tek ekrana sığmalı: 4 sütun, sıkı kutucuklar. Kaydırma yalnızca
   çok fazla modülü olan hesaplarda devreye girer, normalde gerekmez. */
.menu-izgara{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px;padding:10px calc(env(safe-area-inset-left) + 10px) 10px calc(env(safe-area-inset-right) + 10px)}
.menu-izgara a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:74px;padding:9px 4px;border:1px solid var(--cizgi);border-radius:13px;background:var(--kart);color:var(--metin2);font-size:9.5px;font-weight:650;line-height:1.2;text-align:center;overflow-wrap:anywhere;hyphens:auto;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .15s,border-color .15s}
.menu-izgara a .ik{width:30px;height:30px;padding:7px;border-radius:10px;background:var(--ana-acik);color:var(--ana);flex:none}
.menu-izgara a:active{transform:scale(.95)}
.menu-izgara a.aktif{border-color:var(--ana);background:var(--ana-acik);color:var(--ana)}
/* Panel ve Ayar: kaydırmanın dışında, altta sabit. */
.menu-alt-bar{flex:none;display:flex;gap:8px;padding:10px calc(env(safe-area-inset-left) + 10px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-right) + 10px);border-top:1px solid var(--cizgi);background:var(--kart2,#f7f8fc)}
.menu-alt-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px;border:1px solid var(--cizgi);border-radius:13px;background:var(--kart);color:var(--metin);font-size:13px;font-weight:700;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
.menu-alt-bar a .ik{color:var(--ana);flex:none}
.menu-alt-bar a:active{transform:scale(.97)}
html.menu-tam,html.menu-tam body{overflow:hidden;overscroll-behavior:none}
@media (min-width:900px){.menu-pencere{display:none}}

/* ---------- Ana sayfa ---------- */
.ana-selam{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.ana-selam h1{font-size:1.5rem}.ana-selam p{color:var(--metin2);font-size:.9rem;margin-top:2px}
.ana-moduller{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.ana-modul{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:var(--r);background:var(--kart);border:1px solid var(--cizgi);color:var(--metin);box-shadow:var(--golge);transition:transform .12s,box-shadow .15s;position:relative}
.ana-modul:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(23,32,51,.1)}
.ana-modul .ikon-kutu{width:40px;height:40px;border-radius:12px;background:var(--ana-acik);color:var(--ana);display:inline-flex;align-items:center;justify-content:center}
.ana-modul b{font-size:.92rem}.ana-modul small{color:var(--metin3);font-size:.74rem}
.ana-modul .sayi{position:absolute;right:10px;top:10px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--ana-acik);color:var(--ana);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ana-bolumler{display:grid;grid-template-columns:1fr;gap:12px}
.ana-bolum{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px;box-shadow:var(--golge)}
.ana-bolum .kart-baslik{margin-bottom:8px}.ana-bolum .kart-baslik a{font-size:.8rem;font-weight:600}
.ana-bolum ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ana-bolum li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--cizgi);font-size:.9rem;min-width:0}
.ana-bolum li:last-child{border:0}.ana-bolum li a{color:var(--metin);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ana-bolum li small{color:var(--metin3);white-space:nowrap}
.ana-bos{color:var(--metin3);font-size:.86rem;padding:8px 0}
@media (min-width:640px){.ana-moduller{grid-template-columns:repeat(4,1fr)}.ana-bolumler{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ana-moduller{grid-template-columns:repeat(6,1fr)}.ana-bolumler{grid-template-columns:repeat(3,1fr)}}

/* ---------- Ortak: kategori chip'leri, kayıt satırları ---------- */
.kat-dugme{display:inline-flex;align-items:center;gap:6px}
.kayit-satir{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.kayit-satir .satir-eylem{margin-left:auto}
.form-satir-ic{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}

/* ---------- Alarm ---------- */
.alarm-satir{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.alarm-satir.pasif{opacity:.55}
.alarm-saat{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1;min-width:88px;font-variant-numeric:tabular-nums}
.alarm-govde{flex:1;min-width:0}.alarm-govde b{display:block;font-weight:600}
.alarm-gunler{display:flex;gap:3px;margin-top:4px}
.alarm-gunler span{width:22px;height:22px;border-radius:50%;background:var(--kart2);color:var(--metin3);font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.alarm-gunler span.acik{background:var(--ana-acik);color:var(--ana)}
.anahtar{position:relative;width:46px;height:26px;flex:none}
.anahtar input{opacity:0;width:0;height:0;position:absolute}
.anahtar i{position:absolute;inset:0;border-radius:999px;background:var(--cizgi2);transition:background .15s;cursor:pointer}
.anahtar i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.anahtar input:checked+i{background:var(--ana)}.anahtar input:checked+i::after{transform:translateX(20px)}
.gun-sec{display:flex;gap:6px;flex-wrap:wrap}
.gun-sec label{cursor:pointer}.gun-sec input{position:absolute;opacity:0;width:0;height:0}
.gun-sec span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cizgi2);font-size:.78rem;font-weight:700;color:var(--metin2);background:var(--kart)}
.gun-sec input:checked+span{background:var(--ana);border-color:var(--ana);color:#fff}
.alarm-caliyor{position:fixed;inset:0;z-index:80;background:var(--ana-grad);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;animation:nabiz-arka 1.2s infinite}
@keyframes nabiz-arka{50%{filter:brightness(1.12)}}
.alarm-caliyor .saat{font-size:4rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.alarm-caliyor .ad{font-size:1.3rem;font-weight:600;opacity:.95}
.alarm-caliyor .dugmeler{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.alarm-caliyor .dugme{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.14);color:#fff;min-height:48px;padding:0 22px}
.alarm-caliyor .dugme.birincil{background:#fff;color:var(--ana);box-shadow:none}

/* ---------- Sağlık ---------- */
.saglik-kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
.saglik-kart{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r);background:var(--kart);border:1px solid var(--cizgi);box-shadow:var(--golge);text-align:left;cursor:pointer;font-family:inherit;color:var(--metin)}
.saglik-kart .ikon-kutu{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--r) 14%,#fff);color:var(--r)}
.saglik-kart b{font-size:.95rem}.saglik-kart small{color:var(--metin3)}
@media (min-width:640px){.saglik-kartlar{grid-template-columns:repeat(4,1fr)}}

/* ---------- Finans ---------- */
.finans-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.finans-ozet .kart{padding:12px 14px}.finans-ozet b{display:block;font-size:1.3rem;letter-spacing:-.02em}.finans-ozet span{font-size:.76rem;color:var(--metin2)}
.finans-ozet .gelir b{color:var(--yesil)}.finans-ozet .gider b{color:var(--kirmizi)}
.tutar{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.tutar.gelir{color:var(--yesil)}.tutar.gider{color:var(--kirmizi)}
.finans-satir{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r2)}
.finans-satir .nokta{width:10px;height:10px;border-radius:50%;flex:none;background:var(--r,#94a3b8)}
.finans-satir .govde{flex:1;min-width:0}.finans-satir .govde small{display:block;color:var(--metin3);font-size:.76rem}
.finans-ay{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}

/* ---------- Videolar ---------- */
.video-izgara{display:grid;grid-template-columns:1fr;gap:12px}
.video-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;box-shadow:var(--golge)}
.video-kapak{position:relative;display:block;aspect-ratio:16/9;background:#0f172a center/cover no-repeat}
.video-kapak .oynat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.35))}
.video-kapak .oynat .ik{width:52px;height:52px;background:rgba(255,255,255,.18);border-radius:50%;padding:12px;backdrop-filter:blur(4px)}
.video-govde{padding:10px 12px}.video-govde b{display:block;line-height:1.35}.video-govde p{font-size:.84rem;color:var(--metin2);margin-top:3px}
.video-oynatici{aspect-ratio:16/9;width:100%;border:0;border-radius:var(--r);background:#000}
@media (min-width:640px){.video-izgara{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.video-izgara{grid-template-columns:repeat(3,1fr)}}

/* ---------- Linkler ---------- */
.link-izgara{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
.link-kart{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.link-kart .fav{width:36px;height:36px;border-radius:10px;background:var(--kart2);display:inline-flex;align-items:center;justify-content:center;color:var(--metin2);flex:none;overflow:hidden}
.link-kart .fav img{width:20px;height:20px}
.link-kart .govde{flex:1;min-width:0}
.link-kart .govde a{font-weight:600;color:var(--metin);display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere}
.link-kart .adres{display:block;font-size:.76rem;color:var(--metin3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.link-kart .satir-alt{margin-top:6px}
.link-kart .satir-eylem{flex:none;align-self:flex-start}
@media (min-width:640px){.link-izgara{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.link-kart{padding:12px}.link-kart .fav{width:30px;height:30px;border-radius:9px}.link-kart .satir-eylem .dugme.ikon.kucuk{width:30px;min-height:30px}}

/* ---------- Ders notları ---------- */
.ders-izgara{display:grid;grid-template-columns:1fr;gap:10px}
.ders-kart{display:block;padding:14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);color:var(--metin)}
.ders-kart b{display:block;font-size:1rem;margin-bottom:4px}.ders-kart p{font-size:.86rem;color:var(--metin2)}
.ders-kart .satir-alt{margin-top:8px}
.kayit-kutu{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:var(--kart2);border:1px dashed var(--cizgi2)}
.kayit-kutu.kaydediyor{background:var(--kirmizi-acik);border-color:var(--kirmizi)}
.kayit-sure{font-variant-numeric:tabular-nums;font-weight:700;min-width:52px}
.kayit-dalga{flex:1;height:26px;border-radius:6px;background:var(--kart)}
.ses-satir{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.ses-satir:last-child{border:0}.ses-satir audio{flex:1;min-width:0;height:36px}
/* Alan başlığı ve yanındaki araç düğmesi (sesle yazma) aynı satırda; düğme editörün
   altında kalmaz, alan açılır açılmaz görünür. */
.alan-basi{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.alan-basi label{font-size:.85rem;font-weight:600;color:var(--metin2)}
.alan-basi .dugme{flex:none}
.alan-satir{display:flex;gap:8px;align-items:center}
.alan-satir input{flex:1;min-width:0}
[data-mikrofon-durum]{margin-top:6px}
[data-mikrofon-durum].dinliyor{color:var(--kirmizi);font-weight:600}
.metin-mikrofon{display:flex;gap:8px;align-items:center;margin-top:6px}
.metin-mikrofon .durum{font-size:.8rem;color:var(--metin3)}
@media (min-width:640px){.ders-izgara{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ders-izgara{grid-template-columns:repeat(3,1fr)}}

/* ---------- Sesli hatırlatıcı ---------- */
.sesli-ozet{display:grid;gap:6px;background:var(--ana-acik);border-radius:var(--r2);padding:12px 14px;margin:10px 0}
.sesli-ozet b{color:var(--ana)}
.sesli-metin{min-height:60px;background:var(--kart2);border-radius:var(--r2);padding:10px 12px;font-size:1rem;line-height:1.5}
.sesli-metin.dinliyor{outline:2px solid var(--kirmizi)}

/* ---------- Üst menü "Daha fazla" ---------- */
.ust-daha{position:relative}.ust-daha summary{list-style:none;cursor:pointer}.ust-daha summary::-webkit-details-marker{display:none}
.ust-daha .acilir{left:0;right:auto;top:44px;min-width:220px}.ust-daha .acilir a.aktif{background:var(--ana-acik);color:var(--ana)}

/* ---------- Hatırlatıcı sürükle-bırak ---------- */
.hat-satir[draggable=true]{cursor:grab}.hat-satir.tasiniyor{opacity:.4}
.hat-hedefler{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;margin-bottom:10px;border:1px dashed var(--cizgi2);border-radius:var(--r);background:var(--kart2);font-size:.82rem;transition:background .15s,border-color .15s}
body.hat-surukleniyor .hat-hedefler{background:var(--ana-acik);border-color:var(--ana)}
[data-hedef].hedef{background:var(--ana)!important;color:#fff!important;border-color:var(--ana)!important;transform:scale(1.06)}
.hat-hedefler .chip{cursor:default}
[data-mikrofon].dinliyor,[data-sesli-dinle].dinliyor{background:var(--kirmizi)!important;border-color:var(--kirmizi)!important;color:#fff!important;animation:nabiz 1s infinite}

/* ---------- Görev listesi sürükleme ---------- */
.gorev-satir[draggable=true]{cursor:grab}.gorev-satir.tasiniyor{opacity:.4}

/* ---------- Video penceresi ---------- */
.video-pencere .kart-baslik h2{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-kapak{border:0;padding:0;cursor:pointer;width:100%}
.link-kart .fav b{font-size:1rem}

/* ---------- Takvim sürükleme ---------- */
.takvim-oge[draggable=true]{cursor:grab}.takvim-gun.hedef{background:var(--ana-acik);border-color:var(--ana)}

/* =====================================================================
   Mobil menü — "PREMIUM Hamburger Menu" uyarlaması
   ---------------------------------------------------------------------
   Kaynak: premium-code-library › Hamburger-Menu-UI-Upgrade.
   Özgün tasarım soldan kayan, yuvarlatılmış kenarlı bir çekmece; satırlar
   ikon kutusu + metin + ok üçlüsünden oluşur, etkin satırın ikonu degrade olur.
   Uyarlama:
     · Mor degrade yerine sitenin --ana-grad'ı.
     · Bootstrap Icons ve Material Symbols fontları ALINMADI; ok saf CSS ile
       (kenarlık döndürerek) çizildi, ikonlar sitenin kendi SVG'leri.
     · İşaretleme değişmedi: aynı .menu-pencere / .menu-izgara yapısı,
       aynı JavaScript (assets/js/ajanda.js) — yalnız görünüm değişti.
       Çekmece "hidden" kalkınca animasyonla girer, kapatma/Esc/dışına tıklama
       eskisi gibi çalışır.
   ===================================================================== */
.menu-pencere-ic{width:min(87vw,330px);margin-right:auto;
  border-radius:0 22px 22px 0;box-shadow:14px 0 44px rgba(23,32,51,.22);
  animation:menu-kay .42s cubic-bezier(.22,1,.36,1)}
@keyframes menu-kay{from{transform:translateX(-102%)}}

.menu-pencere-ic>.kart-baslik h3{background:var(--ana-grad);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.menu-pencere-ic>.kart-baslik .ikon-dugme{border:1px solid var(--cizgi);border-radius:12px;
  transition:transform .25s ease,background .25s ease,color .25s ease}
.menu-pencere-ic>.kart-baslik .ikon-dugme:hover{background:var(--ana-acik);color:var(--ana);transform:rotate(90deg)}

/* Izgara değil, liste: her satır ikon + metin + ok. */
.menu-izgara{display:flex;flex-direction:column;gap:4px;grid-template-columns:none}
.menu-izgara a{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;
  min-height:48px;padding:6px 10px;border:0;border-radius:14px;background:transparent;
  font-size:.88rem;font-weight:600;line-height:1.35;text-align:left;
  transition:background .22s ease,color .22s ease,transform .22s ease}
.menu-izgara a>span{flex:1;min-width:0;overflow-wrap:anywhere}
.menu-izgara a .ik{width:34px;height:34px;padding:8px;border-radius:11px;
  background:var(--kart2);color:var(--metin2);
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
/* Ok: ikon fontu yerine döndürülmüş kenarlık. */
.menu-izgara a::after{content:'';flex:none;width:7px;height:7px;margin-left:2px;
  border-right:2px solid currentColor;border-top:2px solid currentColor;border-radius:1px;
  transform:rotate(45deg);opacity:.35;transition:transform .22s ease,opacity .22s ease}
.menu-izgara a:hover{background:var(--kart2);color:var(--metin);transform:translateX(3px)}
.menu-izgara a:hover .ik{background:var(--ana-acik);color:var(--ana);transform:scale(1.05)}
.menu-izgara a:hover::after{opacity:.7;transform:rotate(45deg) translate(2px,-2px)}
.menu-izgara a:active{transform:translateX(3px) scale(.98)}

.menu-izgara a.aktif{color:var(--ana);
  background:linear-gradient(135deg,var(--ana-acik),color-mix(in srgb,var(--ana-acik) 40%,var(--kart)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ana) 14%,transparent)}
.menu-izgara a.aktif .ik{background:var(--ana-grad);color:#fff;box-shadow:0 6px 14px rgba(59,108,246,.26)}
.menu-izgara a.aktif::after{opacity:.75}

/* Klasörler (Öğrenim, Medya) aynı satır dilini konuşur. */
.menu-izgara .og-menu-folder>summary{display:flex;align-items:center;gap:11px;min-height:48px;
  padding:6px 10px;border-radius:14px;font-size:.88rem;font-weight:600;color:var(--metin2);cursor:pointer;list-style:none}
.menu-izgara .og-menu-folder>summary::-webkit-details-marker{display:none}
.menu-izgara .og-menu-folder>summary:hover{background:var(--kart2);color:var(--metin)}
.menu-izgara .og-menu-folder>summary .ik{width:34px;height:34px;padding:8px;border-radius:11px;
  background:var(--kart2);color:var(--metin2);flex:none}
.menu-izgara .og-menu-folder>summary>span{flex:1;min-width:0}
.menu-izgara .og-menu-folder[open]>summary{color:var(--ana)}
.menu-izgara .og-menu-folder[open]>summary .ik{background:var(--ana-acik);color:var(--ana)}
.menu-izgara .og-menu-folder>div{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px 45px}
.menu-izgara .og-menu-folder>div>a{min-height:40px;padding:5px 10px;font-size:.84rem;font-weight:550;
  color:var(--metin2);border-radius:11px}
.menu-izgara .og-menu-folder>div>a::after{display:none}
.menu-izgara .og-menu-folder>div>a.aktif{background:var(--ana-acik);color:var(--ana);box-shadow:none}

/* Alt bölüm: özgün tasarımdaki "utility" alanı — ince ayraçla ayrılır. */
.menu-alt-bar{position:relative;padding-top:10px}
.menu-alt-bar::before{content:'';position:absolute;top:0;left:10px;right:10px;height:1px;
  background:linear-gradient(90deg,transparent,var(--cizgi2),transparent)}

@media(prefers-reduced-motion:reduce){
  .menu-pencere-ic{animation:none}
  .menu-izgara a,.menu-izgara a .ik,.menu-izgara a::after{transition:none}
  .menu-izgara a:hover,.menu-izgara a:active{transform:none}
}