/* ---------- Buton ---------- */
.dugme{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.4em;
  font-weight:600;font-size:.9375rem;letter-spacing:-.01em;border:1px solid transparent;
  border-radius:var(--yaricap);cursor:pointer;white-space:nowrap;
  transition:background var(--s-mikro) var(--egri),color var(--s-mikro) var(--egri),
             border-color var(--s-mikro) var(--egri)}
.dugme--birincil{color:#fff;border-color:rgba(255,255,255,.24);
  background:linear-gradient(135deg,#2C6BFF 0%,#0A49E2 52%,#0733A0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),
             0 8px 22px -10px rgba(10,73,226,.85);
  transition:background var(--s-mikro) var(--egri),
             box-shadow var(--s-mikro) var(--egri),
             transform var(--s-mikro) var(--egri)}
.dugme--birincil:hover{
  background:linear-gradient(135deg,#3D7AFF 0%,#1355F0 52%,#0A3FBF 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
             0 12px 28px -10px rgba(10,73,226,1);
  transform:translateY(-1px)}
.dugme--birincil:active{transform:translateY(0)}
.dugme--ikincil{border-color:var(--cizgi);color:var(--metin);background:transparent}
.dugme--ikincil:hover{border-color:var(--aksan);color:var(--aksan)}

/* Cam: koyu foto uzerinde okunur, buton gibi durur ama one cikmaz */
.dugme--cam{color:#F7F8FA;border-color:rgba(247,248,250,.28);
  background:rgba(247,248,250,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:background var(--s-mikro) var(--egri),
             border-color var(--s-mikro) var(--egri)}
.dugme--cam:hover{background:rgba(247,248,250,.16);
  border-color:rgba(247,248,250,.46)}

/* ---------- Header ---------- */
.atla:focus{position:fixed;inset-block-start:12px;inset-inline-start:12px;
  width:auto;height:auto;clip:auto;padding:.75em 1.25em;
  background:var(--mavi);color:#fff;z-index:200}

/* ---------- Header — Figma "Desktop - 6" (node 70:41) ----------
   Olculer 1440'lik tuvalden: header 39px iceriden, toplam 1362 genis.
   Ray 8px, mavi bant 73px, logo 263x44, buton 107x33.
   Ray ve bant ayni kutunun icinde: kenarlari tanim geregi birebir hizali. */
.ust{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;
  max-width:var(--kapsayici);margin-inline:auto;
  padding-block-start:0;padding-inline:clamp(16px,2.71vw,39px);
  pointer-events:none}

/* --- Kaydirma ilerlemesi (bar / Rectangle 3 + Rectangle 4) --- */
.ilerleme{pointer-events:none;height:8px;overflow:hidden;background:#D1D1D1}
.ilerleme__dolgu{display:block;width:100%;height:100%;
  background:var(--koyu-gri);transform:scaleX(0);
  transform-origin:left center;will-change:transform}

/* --- Mavi bant (Rectangle 2) --- */
.ust__kart{pointer-events:auto;display:flex;align-items:center;
  height:73px;padding-inline:47px 45px;
  background:var(--mavi);color:var(--beyaz)}

/* --- Marka ---
   Logo renkleri site-logo.svg'den: AKKENT ve EST. 1988 beyaz;
   E harfinin sol yarisi ve TEKNIK gri. Mevcut satir ici SVG zaten
   ayni yapiyi tasiyor (l-mavi / l-mavi-koyu / l-gri), yalnizca
   dolgular tek renk yerine bu ayrima gore veriliyor. */
.marka{flex:none;display:flex;align-items:center}
/* Figma render'inda logo 263x34 olcusunde (oran 7.735; SVG'nin kendi
   orani 7.808 — ayni). Bu yuzden GENISLIGE sabitlenir, yukseklik
   orandan gelir; boylece logo hicbir yerde ezilmez.

   Acilis: kutu once TEKNIK'in tam basinda kesilir, sonra saga dogru
   genisleyerek TEKNIK'i ILK harften itibaren harf harf ortaya cikarir.
   Kesme orani SVG'den: T harfi x=596.52, viewBox 112.52 + 854.97 ->
   (596.52-112.52)/854.97 = 0.5661 */
.marka__kutu{--gen:263px;--oran:7.808;--kesme:.5661;
  display:block;height:calc(var(--gen) / var(--oran));
  width:calc(var(--gen) * var(--kesme));
  overflow:hidden;transition:width 1100ms var(--egri)}
.marka.acildi .marka__kutu{width:var(--gen)}
/* max-width:none sart: base.css'teki svg{max-width:100%} kutu daralinca
   logoyu kirpmak yerine SIKISTIRIYORDU. */
.marka__logo{display:block;height:100%;
  width:var(--gen);max-width:none}
.marka__logo .l-mavi{fill:var(--beyaz)}              /* AKKENT harfleri */
.marka__logo .logo__akkent .l-gri{fill:var(--beyaz)} /* EST. 1988 */
.marka__logo .l-mavi-koyu{fill:#D1D1D1}              /* E'nin sol yarisi */
.marka__logo .logo__teknik .l-gri{fill:#D1D1D1}      /* TEKNIK */
/* TEKNIK artik solmuyor. Onceden opaklik 0'dan 1'e gelirken tum kelimeyi
   ayni anda belirginlestiriyor, siyirmayi gorunmez kiliyordu; geriye
   sadece son harflerde fark edilen bir acilma kaliyordu. */

/* --- Gezinme: 12.312px, harf araligi .4925px, beyaz --- */
.ust__nav{display:flex;align-items:center;gap:64px;margin-inline-start:auto}
.ust__oge{font-family:var(--f-header);font-size:12.312px;font-weight:600;
  letter-spacing:.4925px;color:var(--beyaz);text-decoration:none;
  white-space:nowrap}

/* --- Kayan yazi (menu ve buton) ---
   Her kelime kendi maskesinde iki kopya tasir. Uzerine gelindiginde ic
   kutu tam bir satir yukari kayar: ustteki kopya cikar, alttaki gelir.
   Kelimeler --i sirasina gore kucuk gecikmelerle pesi sira hareket eder. */
.kayan-grup{display:inline-flex;gap:.3em;vertical-align:bottom}
.kayan{display:inline-block;overflow:hidden;vertical-align:bottom;
  height:1.2em;line-height:1.2}
.kayan__ic{display:block;will-change:transform;
  transition:transform 520ms var(--egri-yumusak);
  transition-delay:calc(80ms + var(--i,0) * 70ms)}
.kayan__kopya{display:block;line-height:1.2}
.ust__oge:hover .kayan__ic,
.ust__oge:focus-visible .kayan__ic,
.ust__teklif:hover .kayan__ic,
.ust__teklif:focus-visible .kayan__ic,
.vitrin__buton:hover .kayan__ic,
.vitrin__buton:focus-visible .kayan__ic{transform:translateY(-50%)}

/* --- Teklif Al: beyaz gradyan, mavi yazi. Alt cizgi Desktop-6'da
       gizlendigi icin kaldirildi. --- */
.ust__teklif{flex:none;margin-inline-start:45px;
  display:flex;align-items:center;justify-content:center;
  width:107px;height:33px;
  font-family:var(--f-header);font-size:14px;font-weight:600;
  letter-spacing:.14px;color:var(--mavi);text-decoration:none;
  background:linear-gradient(212.75deg,#FFF 20.53%,#D9D9D9 92.1%);
  border:1px solid #D1D1D1;border-radius:0;
  box-shadow:0 0 9.1px rgba(255,255,255,.4);
  transition:border-radius var(--s-mikro) var(--egri-standart)}

/* Uzerine gelince YALNIZCA koseler yuvarlanir; renk, zemin ve golge
   aynen kalir.

   Hedef 999px DEGIL: tarayici yaricapi yuksekligin yarisinda kirpar
   (33/2 = 16.5px). 999px'e animasyon yapilinca sekil daha hareketin
   %1.7'sinde tam yuvarlak oluyor, yani acilis anlik gorunuyordu;
   kapanista ise gorunur degisim son %1.7'ye sikisip yavas kaliyordu.
   Gercek degere animasyon yapilinca iki yon de esitlendi.

   Sure ve egri arayuz standardi: durum degisimleri 150-250ms bandinda
   ve GECIKMESIZ olur; gecikme butonu tepkisiz hissettirir. */
.ust__teklif:hover,.ust__teklif:focus-visible{border-radius:16.5px}

@media (prefers-reduced-motion:reduce){
  .marka__kutu,.kayan__ic{transition:none}
}

/* ---------- Mega menü ---------- */
/* Zemin marka mavisi ve TAM OPAK: yari saydamken arkadaki sayfa
   iceriği yazilarin uzerine biniyordu. */
.mega{position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);
  background:linear-gradient(180deg,var(--mavi) 0%,var(--lacivert) 100%);
  color:var(--beyaz);border-radius:18px;overflow:hidden;
  box-shadow:0 24px 50px -22px rgba(10,10,10,.55);
  clip-path:inset(0 0 100% 0);transition:clip-path 420ms var(--egri)}
.mega.acik{clip-path:inset(0 0 0 0)}
.mega__ic{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.55fr);
  gap:clamp(24px,3vw,56px);
  padding:clamp(24px,3vh,40px) clamp(20px,2.4vw,40px)}

/* Birincil: kategori sayfasina giden kart */
.mega__kategori{display:flex;flex-direction:column;justify-content:space-between;
  gap:var(--b8);padding:var(--b6);border-radius:14px;
  background:rgba(254,254,254,.1);
  border:1px solid rgba(254,254,254,.22);
  opacity:0;transform:translateY(12px);
  transition:opacity 420ms var(--egri),transform 420ms var(--egri),
             background var(--s-mikro) var(--egri),
             border-color var(--s-mikro) var(--egri)}
.mega.acik .mega__kategori{opacity:1;transform:none;transition-delay:40ms}
.mega__kategori:hover{background:rgba(254,254,254,.18);
  border-color:rgba(254,254,254,.4)}
.mega__baslik{display:block;font-size:1.5rem;font-weight:700;
  line-height:1.1;letter-spacing:-.025em;color:var(--beyaz)}
.mega__tanit{display:block;margin-block-start:var(--b3);
  font-size:.9375rem;color:rgba(254,254,254,.78);max-width:32ch}
.mega__kategori-eylem{display:inline-flex;align-items:center;gap:.6em;
  font-weight:700;font-size:.9375rem;color:var(--beyaz)}
.mega__ok{transition:transform 320ms var(--egri)}
.mega__kategori:hover .mega__ok{transform:translateX(5px)}

/* Ikincil: hizmet listesi */
.mega__sutunlar{display:grid;gap:var(--b6);align-content:start}
.mega__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 var(--b8);list-style:none;padding:0;margin:0}
.mega__liste a{display:block;padding:.52em 0;font-size:1rem;
  color:rgba(254,254,254,.86);opacity:0;transform:translateY(8px);
  transition:opacity 380ms var(--egri),transform 380ms var(--egri),
             color var(--s-mikro) var(--egri),
             padding-inline-start 300ms var(--egri)}
.mega.acik .mega__liste a{opacity:1;transform:none}
.mega__liste a:hover,.mega__liste a:focus-visible{color:var(--beyaz);
  padding-inline-start:8px}
.mega__alt-grup{padding-block-start:var(--b4);
  border-block-start:1px solid rgba(254,254,254,.24)}
.mega__alt-baslik{display:block;margin-block-end:var(--b2);
  font-size:.8125rem;font-weight:700;color:rgba(254,254,254,.7)}

.mega.acik .mega__liste li:nth-child(1) a{transition-delay:80ms}
.mega.acik .mega__liste li:nth-child(2) a{transition-delay:104ms}
.mega.acik .mega__liste li:nth-child(3) a{transition-delay:128ms}
.mega.acik .mega__liste li:nth-child(4) a{transition-delay:152ms}
.mega.acik .mega__liste li:nth-child(5) a{transition-delay:176ms}
.mega.acik .mega__liste li:nth-child(6) a{transition-delay:200ms}
.mega.acik .mega__liste li:nth-child(7) a{transition-delay:224ms}
.mega.acik .mega__liste li:nth-child(8) a{transition-delay:248ms}

/* Karartma yalnizca SAYFAYI kapatir; header karti opak oldugu icin
   onun rengini etkilemez. */
.ust.mega-acik::before{content:"";position:fixed;inset:0;z-index:-1;
  background:rgba(10,10,10,.5);backdrop-filter:blur(3px)}

/* Imlec takipli kapak gorseli */
.imlec{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:130;
  pointer-events:none;opacity:0;scale:.88;transform-origin:top left;
  transition:opacity 180ms var(--egri),scale 180ms var(--egri)}
.imlec.gorunur{opacity:1;scale:1}
.imlec img{width:220px;height:140px;object-fit:cover;border-radius:12px;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
  transition:opacity 120ms linear}
.imlec img.degisiyor{opacity:0}

@media (max-width:1024px){.mega,.imlec{display:none}}
@media (prefers-reduced-motion:reduce){
  .mega{transition:none}
  .mega__liste a,.mega__kategori{opacity:1;transform:none;transition:none}
}

/* ---------- Mobil menü ---------- */
.mobil{position:fixed;inset:0;z-index:150;background:var(--karbon);color:#F2F3F5;
  display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
  padding:var(--b16) clamp(20px,6vw,40px) calc(var(--b16) + 72px);
  transform:translateY(100%);transition:transform 250ms var(--egri)}
/* Icerik kisayken alta hizalanir (basparmak erisimi), uzunken tepeden akar.
   justify-content:flex-end kaydirilabilir kapsayicida tepeyi kirpardi. */
.mobil__seviye{margin-block-start:auto}
.mobil.acik{transform:none}
.mobil__liste{list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:2px}
.mobil__liste button,.mobil__liste a{display:flex;align-items:center;gap:var(--b3);
  width:100%;padding:.7em 0;background:none;border:0;text-align:start;
  font-size:1.375rem;font-weight:600;color:inherit;cursor:pointer;
  border-block-end:1px solid rgba(242,243,245,.1)}
.mobil__liste button span{margin-inline-start:auto;opacity:.5}
.mobil__liste--gorselli a{font-size:1.0625rem}
.mobil__liste--gorselli img{width:48px;height:48px;object-fit:cover;flex:none;
  border-radius:var(--yaricap)}
.mobil__grup-basligi{padding-block:var(--b6) var(--b2);font-family:var(--f-mono);
  font-size:var(--t-etiket);font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--duman)}
.mobil__geri{background:none;border:0;color:var(--mavi-isik);cursor:pointer;
  padding:0 0 var(--b6);font-size:.9375rem;font-weight:600}
.mobil__seviye .dugme{margin-block-start:var(--b8)}

/* Hamburger -> çarpı */
.ust__mobil-ac.acik .ust__cizgi:first-child{transform:translateY(3.5px) rotate(45deg)}
.ust__mobil-ac.acik .ust__cizgi:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* ---------- Sabit alt bar (mobil) ---------- */
.alt-bar{position:fixed;inset-block-end:0;inset-inline:0;z-index:140;display:none;
  gap:1px;background:rgba(242,243,245,.14)}
.alt-bar__oge{flex:1;padding:1.05em .5em;text-align:center;font-weight:600;
  font-size:.9375rem;background:var(--karbon);color:#F2F3F5}
.alt-bar__oge--birincil{background:var(--mavi);color:#fff}

@media (max-width:1024px){.alt-bar{display:flex}body{padding-block-end:60px}}
@media (min-width:1025px){.mobil{display:none}}
@media (prefers-reduced-motion:reduce){.mobil{transition:none}}

/* ---------- Footer ---------- */
.alt{position:relative;background:var(--karbon);color:#F2F3F5;overflow:hidden;
  padding-block-start:var(--b16)}
.alt__cagri{display:flex;flex-wrap:wrap;gap:var(--b6) var(--b8);align-items:end;
  justify-content:space-between;padding-block-end:var(--b12);
  border-block-end:1px solid rgba(242,243,245,.14)}
.alt__cagri h2{max-width:20ch;font-size:clamp(1.5rem,2.4vw,2.25rem)}
.alt__cagri p{color:var(--duman);margin-block-start:var(--b3);max-width:46ch;
  font-size:.9375rem}
.alt__cagri-eylem{display:flex;gap:var(--b3);flex-wrap:wrap}

.alt__sutunlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--b8);padding-block:var(--b12)}
.alt__sutun ul{list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:.35em}
.alt__sutun a{color:#F2F3F5;opacity:.62;font-size:.875rem;
  transition:opacity var(--s-mikro) var(--egri),color var(--s-mikro) var(--egri)}
.alt__sutun a:hover,.alt__sutun a:focus-visible{opacity:1;color:var(--mavi-isik)}
/* Sutun basliklari artik kucuk buyuk-harf etiket degil, okunur baslik */
.alt__sutun .etiket{margin-block:0 var(--b4);font-size:.9375rem;font-weight:700;
  letter-spacing:-.01em;text-transform:none;color:#F7F8FA}

/* Telefon ve e-posta artik pasif degil */
.alt__iletisim address{font-style:normal;display:grid;gap:var(--b2);
  font-size:.875rem;color:var(--duman);line-height:1.5}
.alt__iletisim address a{opacity:1;font-size:1.0625rem;font-weight:600;
  color:#F7F8FA;width:fit-content}
.alt__iletisim address a:hover{color:var(--mavi-isik)}

.alt__filigran{margin-block-start:var(--b8);color:#F2F3F5;opacity:.11;
  clip-path:inset(0 100% 0 0);transition:clip-path 1600ms var(--egri)}
.alt__filigran.gorunur{clip-path:inset(0 0 0 0)}
/* Yalnizca AKKENT gorunsun: sag taraf (TeKNiK) disari tasip kirpilir */
.alt__filigran img{width:168%;max-width:none;margin-inline-start:-4%;
  margin-block-end:-5%}

.alt__serit{display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--b4) var(--b8);justify-content:space-between;
  padding-block:var(--b6);font-size:var(--t-kucuk);color:var(--duman);
  border-block-start:1px solid rgba(242,243,245,.14)}
.alt__yasal{display:flex;gap:var(--b6);flex-wrap:wrap}
.alt__serit a:hover{color:var(--mavi-isik)}
.alt__sosyal{display:flex;gap:var(--b3);margin-inline-start:auto}
.alt__sosyal:empty{display:none}
.alt__sosyal a{display:grid;place-items:center;width:36px;height:36px;
  border:1px solid rgba(242,243,245,.2);border-radius:50%;color:var(--duman);
  transition:color var(--s-mikro) var(--egri),
             border-color var(--s-mikro) var(--egri)}
.alt__sosyal a:hover{color:#F7F8FA;border-color:var(--mavi-isik)}

@media (max-width:900px){.alt__sutunlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.alt__sutunlar{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .alt__filigran{clip-path:none;transition:none}}

/* ---------- Form ---------- */
.form{display:grid;gap:var(--b4);max-width:none;
  padding:var(--b8);background:var(--karbon-yuzey);
  border:1px solid var(--cizgi);border-radius:var(--yaricap)}
.form__ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--b4)}
@media (max-width:560px){.form__ikili{grid-template-columns:1fr}}
.form__satir{display:grid;gap:var(--b2)}
.form__satir label{font-size:var(--t-kucuk);color:var(--metin-ikincil)}
.form__istege-bagli{opacity:.7}
.form input,.form select,.form textarea{padding:.8em .9em;background:transparent;
  border:1px solid var(--cizgi);border-radius:var(--yaricap);color:var(--metin);
  transition:border-color var(--s-mikro) var(--egri)}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:var(--aksan);outline:none}
.form input[aria-invalid="true"],.form select[aria-invalid="true"]{
  border-color:var(--kor)}
.form select option{background:var(--karbon);color:#F2F3F5}
.form__onay{display:flex;gap:var(--b3);align-items:start;
  font-size:var(--t-kucuk);color:var(--metin-ikincil);cursor:pointer}
.form__onay input{flex:none;width:18px;height:18px;margin-block-start:2px;
  accent-color:var(--aksan)}
.form__onay a{color:var(--aksan);text-decoration:underline}
.form__tuzak{position:absolute!important;inset-inline-start:-9999px;
  width:1px;height:1px;opacity:0}
.form__durum{min-height:1.4em;font-size:var(--t-kucuk);margin:0}
.form__durum[data-tur="hata"]{color:var(--kor)}
.form__durum[data-tur="basari"]{color:var(--aksan)}
.form button[type="submit"]{justify-self:stretch;justify-content:center}

/* ---------- Sabit WhatsApp butonu ---------- */
/* Kapatma dugmesi kaldirildi. Ikon buyutuldu, zemin marka mavisi. */
.wa{position:fixed;inset-block-end:26px;inset-inline-end:26px;z-index:130;
  display:grid;place-items:center;width:60px;height:60px;border-radius:50%;
  color:#fff;background:var(--mavi);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 34px -12px rgba(10,73,226,.9),
             inset 0 1px 0 rgba(255,255,255,.3);
  opacity:0;transform:translateY(10px) scale(.9);
  transition:opacity 280ms var(--egri),transform 280ms var(--egri),
             background 200ms var(--egri)}
.wa.gorunur{opacity:1;transform:none}
.wa:hover{background:#1355F0;transform:translateY(-3px)}
.wa svg{width:30px;height:30px}
@media (max-width:1024px){.wa{inset-block-end:76px;inset-inline-end:16px}}
@media (prefers-reduced-motion:reduce){.wa{transition:none}}

/* ---------- Gönder butonu ----------
   Uiverse: adamgiebl (ucak ikonu + kayan metin) ile MuhammadHasann
   (ic isik, yumusak golge) bilesenlerinin karmasi. Marka renklerinde,
   sade ve olculu: ikon ucar, metin hafifce kayar, buyume abartisiz. */
.gonder-dugme{flex:none;position:relative;display:inline-flex;
  align-items:center;gap:.15em;overflow:hidden;cursor:pointer;
  padding:.72em 1.15em .72em 1em;border:0;border-radius:14px;
  background:linear-gradient(180deg,var(--mavi) 0%,var(--lacivert) 100%);
  color:var(--beyaz);
  box-shadow:inset 0 1px 0 rgba(254,254,254,.28),
             0 6px 16px -8px rgba(10,73,226,.85);
  transition:box-shadow .25s var(--egri),transform .18s var(--egri)}
.gonder-dugme:hover{
  box-shadow:inset 0 1px 0 rgba(254,254,254,.38),
             0 10px 22px -9px rgba(10,73,226,1)}
.gonder-dugme:active{transform:scale(.97)}

.gonder-dugme__ikon{display:block;transform-origin:center;
  transition:transform .32s ease-in-out}
.gonder-dugme__ikon svg{display:block}
.gonder-dugme__metin{display:block;margin-inline-start:.35em;
  font-size:.9375rem;font-weight:700;letter-spacing:-.01em;
  transition:transform .32s ease-in-out}

.gonder-dugme:hover .gonder-dugme__ikon{
  transform:translateX(.35em) rotate(24deg) scale(1.06);
  animation:gonderSuz .7s ease-in-out infinite alternate}
.gonder-dugme:hover .gonder-dugme__metin{transform:translateX(.28em)}

@keyframes gonderSuz{
  from{translate:0 .08em}
  to{translate:0 -.08em}}

@media (prefers-reduced-motion:reduce){
  .gonder-dugme,.gonder-dugme__ikon,.gonder-dugme__metin{transition:none}
  .gonder-dugme:hover .gonder-dugme__ikon{animation:none;transform:none}
  .gonder-dugme:hover .gonder-dugme__metin{transform:none}
}