/* ==========================================================================
   Okulia — Kurucu Öğretmen Programı sayfası

   Ana sayfayla aynı tasarım dili (renkler, fontlar, kart/buton biçimleri,
   hover davranışları) ama yerleşim akış tabanlı: mutlak koordinat yok,
   ölçekleme yok. Bu yüzden her ekranda kendiliğinden düzgün oturuyor.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.k-sayfa{
  margin:0;background:var(--beyaz);color:var(--metin);
  font-family:var(--f-govde);overflow-x:hidden;
}
.k-sayfa :where(img,svg){display:block;max-width:100%}
.k-sayfa :where(a){color:inherit;text-decoration:none}
.k-sayfa :where(ul){margin:0;padding:0;list-style:none}
.k-sayfa :where(p,h1,h2,h3){margin:0}

:root{--k-yan:clamp(20px,4vw,64px);--k-en:1720px}

/* ==========================================================================
   ÜST MENÜ
   ========================================================================== */
.k-ust{position:sticky;top:0;z-index:60;background:var(--beyaz)}
.k-ust__ic{
  max-width:var(--k-en);margin-inline:auto;
  padding:12px var(--k-yan);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  min-height:108px;
}

.k-ust__kus{display:none}

.k-ust__logo{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--e-cikis);
}
.k-ust__logo:hover{transform:scale(1.04)}
.k-ust__logo-yazi{
  display:block;
  height:90px;
  width:auto;
  max-width:280px;
  object-fit:contain;
}

.k-menu{justify-self:start}
.k-ust__panel{
  justify-self:end;
  display:flex;align-items:center;gap:clamp(10px,1vw,16px);
  flex:none;
}
.k-ust__ayrac{width:1px;height:48px;background:var(--cizgi);flex:none}

/* Sol menü hapı */
.k-menu{
  display:flex;align-items:center;gap:2px;flex:none;
  height:48px;padding:0 16px 0 10px;
  background:var(--acik);border-radius:24px;
}
.k-menu__ev{width:26px;height:26px;flex:none;margin-right:2px}
.k-menu a{
  position:relative;padding:0 12px;white-space:nowrap;
  font:600 16px/48px var(--f-govde);color:var(--metin);
  transition:color .2s var(--e-cikis);
}
.k-menu a::after{
  content:"";position:absolute;left:50%;bottom:12px;width:0;height:2px;
  border-radius:2px;background:var(--mavi);transform:translateX(-50%);
  transition:width .2s var(--e-cikis);
}
.k-menu a:hover{color:var(--mavi)}
.k-menu a:hover::after{width:calc(100% - 24px)}

/* Öğrenci girişi — ana sayfadaki gökkuşağı çerçeveli düğmenin aynısı */
.ogrenci{
  flex:none;height:48px;border-radius:24px;padding:2px 3px;
  background:linear-gradient(90deg,#c59aff 0%,#76e6ea 21.6%,#9ffe5c 38%,#fbe940 56.25%,#ffad47 76.4%,#ff7dae 100%);
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.ogrenci__ic{
  display:flex;align-items:center;justify-content:center;gap:9px;
  height:100%;padding:0 18px;border-radius:22px;background:var(--beyaz);
  font:600 17px/1 var(--f-govde);color:var(--lacivert);white-space:nowrap;
}
.ogrenci:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(43,42,80,.55)}

.giris{
  flex:none;display:flex;align-items:center;justify-content:center;gap:8px;
  height:48px;padding:0 24px;border-radius:24px;background:var(--yesil-buton);
  font:600 17px/1 var(--f-govde);color:var(--beyaz);white-space:nowrap;
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.giris:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(40,160,80,.7)}

.ok-asagi{width:17px;height:17px;flex:none;transform:rotate(-90deg)}

.k-dil{position:relative;flex:none}
.k-bayrak{
  flex:none;
  width:48px;height:48px;border:0;border-radius:24px;padding:0;cursor:pointer;
  background:var(--acik);display:flex;align-items:center;justify-content:center;
  transition:transform .2s var(--e-cikis),background .2s var(--e-cikis);
}
.k-bayrak img,.k-bayrak__img{width:33px;height:33px;display:block}
.k-bayrak:hover,.k-dil.acik .k-bayrak{transform:scale(1.06);background:#e3eaf7}
.k-dil__liste{
  position:absolute;top:calc(100% + 8px);right:0;z-index:80;
  min-width:148px;margin:0;padding:6px;list-style:none;
  background:var(--beyaz);border:1px solid var(--cizgi);border-radius:14px;
  box-shadow:0 12px 28px -12px rgba(43,42,80,.35);
}
.k-dil__liste[hidden]{display:none}
.k-dil__liste li{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;cursor:pointer;
  font:600 15px/1.2 var(--f-govde);color:var(--metin);
  transition:background .15s var(--e-cikis),color .15s var(--e-cikis);
}
.k-dil__liste li img{width:22px;height:22px;flex:none}
.k-dil__liste li:hover{background:var(--acik);color:var(--mavi)}
.k-dil__liste li[aria-selected="true"]{background:#eef3ff;color:var(--mavi)}

.menu-dugme{display:none}

/* ==========================================================================
   HERO
   ========================================================================== */
.k-hero{
  --k-dalga:clamp(92px,8.6vw,164px);                 /* geçiş dalgasının yüksekliği */
  position:relative;overflow:hidden;
  padding-block:clamp(20px,2.4vw,36px) calc(var(--k-dalga) + 28px);
}
/* Beyazdan maviye geçiş — tasarımdaki dalga grafiği */
.k-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--k-dalga);
  background:url(../assets/img/waves/gecis-dalgasi.svg) no-repeat bottom / 100% 100%;
  z-index:0;
}
.k-hero__ic{
  position:relative;z-index:1;
  max-width:var(--k-en);margin-inline:auto;padding-inline:var(--k-yan);
  display:grid;grid-template-columns:minmax(280px,430px) auto minmax(300px,352px);
  grid-template-rows:auto auto;
  gap:clamp(18px,2vw,52px);align-items:stretch;
}

/* --- sol sütun --- */
.k-tanit{grid-column:1;grid-row:1;align-self:center}
.k-tanit__b1,.k-tanit__b2{
  font:400 clamp(28px,2.15vw,41px)/1.18 var(--f-baslik);color:var(--lacivert);
  text-wrap:balance;
}
.k-tanit__b2{margin-top:8px}
/* El çizimi altı çizgisi doğrudan sloganın altına oturuyor */
.k-alti{position:relative;display:inline-block}
.k-alti::after{
  content:"";position:absolute;left:-2%;right:-2%;bottom:-16px;height:15px;
  background:url(../assets/img/vec/underline.svg) no-repeat center/100% 100%;
  opacity:0;transform:scaleX(.25);transform-origin:left center;
  transition:opacity .35s var(--e-cikis) .35s,transform .65s var(--e-cikis) .35s;
}
.k-tanit__b2.ac--gor .k-alti::after{opacity:.95;transform:scaleX(1)}
.k-tanit__p{margin-top:34px;font:600 17px/28px var(--f-govde);color:var(--metin)}
.k-tanit__p em{font-style:normal;color:var(--lacivert)}

.k-uye{
  display:inline-flex;align-items:center;gap:16px;margin-top:26px;
  height:52px;padding:0 10px 0 26px;border-radius:26px;background:var(--acik);
  font:600 18px/1 var(--f-govde);color:var(--metin);
  transition:transform .2s var(--e-cikis),background .2s var(--e-cikis);
}
.k-uye:hover{transform:translateY(-2px);background:#e7eef9}
.k-uye__ok{
  width:36px;height:36px;border-radius:18px;background:var(--beyaz);
  display:flex;align-items:center;justify-content:center;color:var(--mavi);
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.k-uye__ok svg{width:18px;height:18px}
.k-uye:hover .k-uye__ok{transform:translate(3px,-3px);box-shadow:0 6px 14px -6px rgba(43,42,80,.5)}

/* --- altı renkli kart --- */
.kartlar{
  grid-column:2;grid-row:1;
  display:grid;grid-template-columns:repeat(3,minmax(186px,242px));
  gap:clamp(14px,1.2vw,22px);justify-content:center;
}
.kart{
  position:relative;aspect-ratio:262/272;border-radius:11%/10.6%;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:5% 5% 20%;justify-content:center;
}
/* Arkada hafif dönük "etiket" gölgesi — tasarımdaki çıkartma hissi */
.kart::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:inherit;opacity:.5;z-index:-1;
  transform:rotate(var(--egim2,-5deg));
}
.kart--1{background:var(--k-sari);   --parilti:rgba(224,160,20,.55); --egim2:-5deg}
.kart--2{background:var(--k-gok);    --parilti:rgba(20,150,200,.5);  --egim2: 4deg}
.kart--3{background:var(--k-pembe);  --parilti:rgba(220,60,110,.45); --egim2:-4deg}
.kart--4{background:var(--k-yesil);  --parilti:rgba(40,150,70,.45);  --egim2: 5deg}
.kart--5{background:var(--k-turuncu);--parilti:rgba(220,90,40,.45);  --egim2:-6deg}
.kart--6{background:var(--k-mor);    --parilti:rgba(120,70,220,.45); --egim2: 4deg}
.kart img{width:82%;height:auto;margin:0 auto}
/* Etiket hapı kartın içinde tam genişlikte oturuyor — beğenilen görünüm */
.etiket{
  position:absolute;left:6%;right:6%;bottom:6%;
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:44px;padding:6px 14px;border-radius:22px;
  font:600 clamp(15px,1.05vw,19px)/1.2 var(--f-ara);color:var(--metin);
  text-align:center;
}
.kart--1 .etiket{background:var(--e-sari);   color:var(--y-sari)}
.kart--2 .etiket{background:var(--e-gok);    color:var(--y-gok)}
.kart--3 .etiket{background:var(--e-pembe);  color:var(--y-pembe)}
.kart--4 .etiket{background:var(--e-yesil);  color:var(--y-yesil)}
.kart--5 .etiket{background:var(--e-turuncu);color:var(--y-turuncu)}
.kart--6 .etiket{background:var(--e-mor);    color:var(--y-mor);gap:8px;padding-inline:12px 10px}
.etiket__ok{
  position:relative;flex:none;
  width:26px;height:26px;border-radius:13px;background:#eee7ff;
}
.etiket__ok::after{
  content:"";position:absolute;left:8px;top:9px;width:8px;height:8px;
  border-right:2px solid var(--y-mor);border-bottom:2px solid var(--y-mor);
  transform:rotate(-45deg);
}

/* --- sağ sütun --- */
/* .k-sag masaüstünde ızgaraya karışıyor: kutu 1. satırda kartlarla aynı
   yükseklikte, mobil şeridi 2. satırda altında duruyor. */
.k-sag{display:contents}
.kayit{
  grid-column:3;grid-row:1;
  display:flex;flex-direction:column;justify-content:center;gap:14px;
  width:100%;padding:38px 30px;border-radius:35px;background:var(--acik);
  transition:box-shadow .2s var(--e-cikis);
}
.kayit__baslik{font:600 23px/1.3 var(--f-ara);color:var(--lacivert);text-align:center;margin:0}
.kayit__buton{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0;min-height:74px;padding:0 26px;border-radius:14px;
  background:var(--beyaz);font:600 16px/1.3 var(--f-govde);color:var(--metin);
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.kayit__buton .ok-asagi{width:18px;height:18px;flex:none;transform:rotate(-90deg)}

.k-mobil{grid-column:3;grid-row:2;display:flex;align-items:center;gap:14px;margin-top:-34px;justify-content:center}
.k-mobil__maskot{width:132px;height:132px;animation:suzul 6s ease-in-out infinite}
.k-mobil__pill{
  height:50px;padding:0 24px;border-radius:25px;background:var(--sari-buton);
  display:flex;align-items:center;white-space:nowrap;
  font:600 17px/1 var(--f-govde);color:var(--lacivert);
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.k-mobil__pill:hover{transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(212,160,20,.7)}

/* ==========================================================================
   MAVİ ALAN — program + iletişim
   ========================================================================== */
.k-mavi{background:var(--mavi);color:var(--beyaz)}

.k-program{
  max-width:var(--k-en);margin-inline:auto;
  padding:clamp(24px,2.2vw,38px) var(--k-yan) clamp(24px,2.6vw,42px);
  text-align:center;
}
.k-program__baslik{font:400 clamp(30px,3vw,46px)/1.2 var(--f-baslik)}
.k-program__alt{
  max-width:560px;margin:18px auto 0;
  font:600 17px/27px var(--f-govde);color:rgba(255,255,255,.92);
}

.k-basvuru{
  display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);
  flex-wrap:wrap;margin-top:clamp(28px,4vw,54px);
}
.k-balon{position:relative;width:118px;height:118px;flex:none}
.k-balon__zemin{position:absolute;inset:0;width:100%;height:100%}
.k-balon__kus{
  position:absolute;left:50%;top:46%;width:74px;height:74px;
  transform:translate(-50%,-50%);
}
.k-basvuru__metin{
  max-width:430px;min-height:62px;display:flex;align-items:center;
  padding:12px 28px;border-radius:31px;background:var(--beyaz);
  font:600 16px/24px var(--f-govde);color:var(--metin);
}
.k-basvuru__buton{
  display:inline-flex;align-items:center;gap:12px;
  height:62px;padding:0 34px;border-radius:31px;
  background:#8bc43f;box-shadow:0 5px 0 0 #6ba32c;
  font:600 21px/1 var(--f-ara);color:var(--beyaz);
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.k-basvuru__buton svg{width:20px;height:20px;transition:transform .2s var(--e-cikis)}
.k-basvuru__buton:hover{transform:translateY(-3px);box-shadow:0 8px 0 0 #6ba32c}
.k-basvuru__buton:hover svg{transform:translateX(4px)}
.k-basvuru__buton:active{transform:translateY(4px);box-shadow:none}

/* --- iletişim --- */
.k-iletisim{
  max-width:1260px;margin-inline:auto;
  padding:clamp(36px,4.5vw,72px) var(--k-yan) clamp(46px,6vw,96px);
}
.k-kanallar{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(26px,4vw,54px) clamp(20px,3vw,40px);
}
.kanal{position:relative;padding-left:82px;min-height:62px}
.kanal > a{display:block;color:inherit}
.kanal__daire{
  position:absolute;left:0;top:0;width:62px;height:62px;border-radius:31px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s var(--e-cikis),box-shadow .2s var(--e-cikis);
}
.kanal__daire svg{width:30px;height:30px;color:var(--beyaz)}
.kanal--adres .kanal__daire{background:var(--s-adres)}
.kanal--mail  .kanal__daire{background:var(--s-mail)}
.kanal--tel   .kanal__daire{background:var(--s-tel)}
.kanal--ig    .kanal__daire{background:var(--s-ig)}
.kanal--in    .kanal__daire{background:var(--s-in)}
.kanal h3{font:600 21px/1.3 var(--f-ara);color:var(--beyaz);margin-bottom:4px}
.kanal p{font:600 15px/22px var(--f-govde);color:rgba(255,255,255,.95)}
.kanal a:hover .kanal__daire{transform:scale(1.07);box-shadow:0 0 0 5px rgba(255,255,255,.25)}

/* Son iki kart (sosyal) ortalanıyor — üstte üç, altta iki */
.kanal--ig{grid-column:1/2}
.kanal--in{grid-column:2/3}

/* ==========================================================================
   OKULIA NEDİR / SSS
   ========================================================================== */
.k-seo{
  background:var(--krem);
  color:var(--metin);
  padding:clamp(48px,6vw,88px) var(--k-yan) clamp(56px,7vw,96px);
}
.k-seo__ic{max-width:820px;margin-inline:auto}
.k-seo h2{
  margin:0 0 16px;
  font:800 clamp(28px,3vw,40px)/1.15 var(--f-ara);
  color:var(--mavi);
}
.k-seo__sss{margin-top:40px}
.k-seo p,.k-seo dd{
  margin:0 0 14px;
  font:600 17px/28px var(--f-govde);
  color:var(--metin);
}
.k-seo dt{
  margin:18px 0 6px;
  font:700 18px/1.4 var(--f-ara);
  color:var(--lacivert);
}

/* ==========================================================================
   DİP BANT
   ========================================================================== */
.k-dip{
  color:var(--beyaz);padding-top:96px;
  background:
    url(../assets/img/waves/wave-koyu-kisa.svg) no-repeat top / 100% 92px,
    linear-gradient(var(--mavi),var(--mavi)) no-repeat top / 100% 92px,
    linear-gradient(var(--mavi-koyu),var(--mavi-koyu)) no-repeat bottom / 100% calc(100% - 91px);
}
.k-dip__ic{
  max-width:var(--k-en);margin-inline:auto;
  padding:clamp(28px,3.4vw,52px) var(--k-yan) clamp(24px,2.6vw,40px);
  display:grid;grid-template-columns:minmax(170px,1.1fr) repeat(3,minmax(0,1fr));
  gap:clamp(28px,3vw,56px);align-items:start;
}
.k-dip__logo img{width:150px;height:auto}
.k-dip__logo span{
  display:block;margin-top:8px;text-align:center;
  font:600 10px/1 var(--f-govde);letter-spacing:2.1px;color:#cfd8f5;
}
.k-dip__logo{display:inline-block;transition:transform .2s var(--e-cikis)}
.k-dip__logo:hover{transform:scale(1.04)}

.k-sutun{display:flex;flex-direction:column;gap:12px}
.k-sutun h3{
  margin-bottom:4px;font:600 21px/1.3 var(--f-ara);color:var(--beyaz);
}
.k-sutun a{
  position:relative;width:fit-content;
  font:600 15px/1.35 var(--f-govde);color:rgba(255,255,255,.92);
  transition:color .2s var(--e-cikis);
}
.k-sutun a::after{
  content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;
  border-radius:2px;background:currentColor;transition:width .2s var(--e-cikis);
}
.k-sutun a:hover{color:var(--beyaz)}
.k-sutun a:hover::after{width:100%}

.k-dip__telif{
  max-width:var(--k-en);margin-inline:auto;
  padding:6px var(--k-yan) clamp(22px,2.4vw,36px);
  font:600 15px/22px var(--f-govde);color:rgba(255,255,255,.9);text-align:center;
}

/* ==========================================================================
   DAR EKRANLAR
   ========================================================================== */
@media (max-width:1280px){
  /* Üç sütun sığmıyor: kayıt kutusu ile mobil şeridi alta, yan yana geçiyor */
  .k-hero__ic{grid-template-columns:minmax(300px,1fr) auto;grid-template-rows:auto auto}
  .k-tanit{grid-row:1}
  .kartlar{grid-row:1}
  .k-sag{
    display:flex;grid-column:1/-1;grid-row:2;
    flex-direction:row;align-items:flex-start;gap:28px;justify-content:center;flex-wrap:wrap;
  }
  .kayit{grid-column:auto;grid-row:auto;max-width:420px}
  .k-mobil{grid-column:auto;grid-row:auto;margin-top:0;align-self:center}
}

/* Üst menü kendi eşiğinde hamburgere dönüyor — masaüstü şeridi 1150px altında sığmıyor */
@media (max-width:1150px){
  /* Menü hamburgere dönüyor */
  .k-ust__kus{display:none}
  .k-ust__ic{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "logo burger"
      "nav nav"
      "panel panel";
    gap:8px 12px;
    min-height:72px;
    padding-block:10px;
  }
  .k-ust__logo{grid-area:logo;justify-self:start}
  .k-ust__logo-yazi{height:70px;max-width:220px}
  .menu-dugme{
    grid-area:burger;justify-self:end;align-self:center;
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:0 10px;border:0;border-radius:12px;
    background:var(--acik);cursor:pointer;
  }
  .menu-dugme span{display:block;height:3px;border-radius:2px;background:var(--mavi);transition:transform .25s,opacity .2s}
  .menu-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-dugme[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  .k-menu{
    grid-area:nav;display:none;
    width:100%;height:auto;padding:4px 0;background:none;border-radius:0;
    flex-direction:column;align-items:stretch;gap:0;
  }
  .k-ust__panel{
    grid-area:panel;display:none;
    width:100%;flex-direction:column;align-items:stretch;gap:10px;
  }
  .k-ust.acik .k-menu,.k-ust.acik .k-ust__panel{display:flex}
  .k-menu__ev{display:none}
  .k-menu a{padding:0;line-height:52px;font-size:18px;border-bottom:1px solid #eef2f8}
  .k-menu a::after{display:none}
  .k-ust__ayrac{display:none}
  .ogrenci{width:100%;height:54px}
  .giris{width:100%;height:50px;border-radius:25px}
  .k-dil{align-self:flex-start}
}

@media (max-width:980px){
  .k-hero__ic{grid-template-columns:1fr;grid-template-rows:none;gap:34px}
  .k-tanit,.kartlar,.k-sag,.kayit,.k-mobil{grid-column:auto;grid-row:auto}
  .k-tanit{max-width:640px;margin-inline:auto;text-align:center}
  .kartlar{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:680px;margin-inline:auto}
  .k-kanallar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kanal--ig,.kanal--in{grid-column:auto}

  .k-dip__ic{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  .k-dip__marka{grid-column:1/-1;display:flex;justify-content:center}
}

@media (max-width:640px){
  .kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .kart{padding:6% 6% 22%}
  .kart img{width:74%;max-height:58%;object-fit:contain}
  .etiket{
    left:5%;right:5%;bottom:5%;
    min-height:40px;padding:5px 10px;gap:6px;
    font-size:clamp(13px,3.4vw,16px);
  }
  .kart--6 .etiket{padding-inline:10px 8px}
  .etiket__ok{width:22px;height:22px;border-radius:11px}
  .etiket__ok::after{left:7px;top:7px;width:7px;height:7px}
  .k-kanallar{grid-template-columns:1fr}
  .k-basvuru{flex-direction:column}
  .k-basvuru__metin{text-align:center}
  .k-basvuru__buton{width:100%;justify-content:center}
  .k-dip__ic{grid-template-columns:1fr;justify-items:center;text-align:center}
  .k-sutun{align-items:center}
  .k-sutun a{width:auto}
  .k-sag{flex-direction:column;align-items:stretch;gap:20px}
  .kayit{max-width:none;padding:28px 20px;gap:12px}
  .kayit__baslik{font-size:20px;margin-bottom:2px}
  .kayit__buton{min-height:64px;padding:0 18px;font-size:15px}
  .k-mobil{flex-direction:column;gap:10px}
}

/* Dokunmatikte bağlantı hedefleri en az 44px yüksekliğinde olsun */
@media (hover:none){
  .kanal p a{display:inline-block;padding:11px 0}
  .k-sutun{gap:4px}
  .k-sutun a{padding:11px 0}
  .k-sutun a::after{bottom:8px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .k-mobil__maskot{animation:none}
}