/* =============================================================================
   03emlak.net — Anasayfa kurumsal düzeni
   Hero · hızlı işlem kartları · bölüm kabukları · ilan kaydırıcısı ·
   kategori çipleri · sağ bilgi sütunu · hizmet şeridi · CTA çifti.

   Tek bir ızgara: hero metni, arama kutusu ve içerik SOL sütunda; hızlı kartlar
   ve bilgi kartları SAĞ sütunda. Hero görseli bu ızgaranın arkasına mutlak
   konumla serilir; böylece arama kutusu görselin altına "binmiş" görünür.
   ========================================================================== */

.anasayfa {
  position: relative;
  --hero-yuk: clamp(360px, 33vw, 460px);
  padding-bottom: var(--bo-6);
}

/* ---------------------------------------------------------------- HERO --- */
.hero-fon { position: absolute; inset: 0 0 auto; height: var(--hero-yuk); overflow: hidden; z-index: 0; }
/* Görsel iki kadrajlı: geniş ekranda yatay, dar ekranda dikey dosya.
   Dikey dosya tanımlı değilse `var()` yedeği yatay görsele düşer. */
.hero-gorsel {
  position: absolute; inset: 0;
  background-image: var(--gorsel-genis);
  /* Kadraj: kale tepesi ve bayrak üstten kırpılmasın diye odak yukarıda. */
  background-size: cover; background-position: center 40%;
  background-repeat: no-repeat;
  /* Ken Burns: 28 saniyede yavaşça yakınlaşıp hafifçe kayar, sonra geri döner.
     `alternate` sayesinde başa dönerken sıçrama olmaz. */
  transform-origin: 50% 42%;
  animation: ken-burns 28s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes ken-burns {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to   { transform: scale(1.16) translate3d(-1.5%, -1.2%, 0); }
}
@media (max-width: 768px) {
  .hero-gorsel {
    background-image: var(--gorsel-dar, var(--gorsel-genis));
    background-position: center 45%;
  }
}
/* Hareket hassasiyeti: efekt tamamen kapanır. */
@media (prefers-reduced-motion: reduce) {
  .hero-gorsel { animation: none; transform: scale(1.02); }
}
.hero-perde {
  position: absolute; inset: 0;
  background:
    linear-gradient(100deg, rgba(6, 18, 30, .88) 0%, rgba(9, 28, 47, .72) 34%,
                    rgba(9, 28, 47, .34) 62%, rgba(9, 28, 47, .20) 100%),
    linear-gradient(to top, rgba(6, 18, 30, .62) 0%, transparent 44%);
}

/* `z-index` VERİLMEZ: değer verilirse burada yığın bağlamı açılır ve içindeki
   sabit konumlu kategori çekmecesi (z-index 1200) yapışkan başlığın (100)
   ALTINDA kalırdı. Konumlanmış ve DOM'da `.hero-fon`dan sonra geldiği için
   görselin üstünde zaten boyanır. */
.anasayfa > .kap { position: relative; }

.anasayfa-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--yan-sutun);
  grid-template-areas:
    "hero  hizli"
    "arama hizli";
  column-gap: var(--bo-5);
  align-items: start;
}

.hero-metin {
  grid-area: hero;
  min-height: calc(var(--hero-yuk) - 96px);
  display: flex; flex-direction: column;
  padding: clamp(var(--bo-4), 3vw, var(--bo-6)) 0 var(--bo-6);
  color: #FFF;
}
.hero-metin h1 { margin: 0; line-height: 1.02; }
.hero-metin h1 .ust,
.hero-metin h1 .alt {
  display: block; text-transform: uppercase; font-weight: var(--kalin-cok);
  letter-spacing: -.01em;
  text-shadow: 0 2px 18px rgba(4, 14, 24, .45);
}
.hero-metin h1 .ust { font-size: clamp(1.125rem, 2.2vw, 1.75rem); color: #FFFFFF; }
.hero-metin h1 .alt { font-size: clamp(1.625rem, 3.4vw, 2.75rem); color: var(--brand-300); margin-top: 2px; }

.hero-slogan {
  margin-top: var(--bo-3);
  font-size: var(--ts-md); line-height: var(--sy-orta);
  color: rgba(255, 255, 255, .94);
  text-shadow: 0 1px 12px rgba(4, 14, 24, .5);
}
.hero-slogan em { font-style: normal; color: var(--brand-300); font-weight: var(--kalin-yari); }

.hero-guven {
  display: flex; flex-wrap: wrap; margin-top: auto; padding-top: var(--bo-5);
  gap: var(--bo-2) 0;
}
.hero-guven li {
  display: flex; align-items: center; gap: 10px;
  padding-inline: clamp(12px, 1.6vw, 26px);
  border-left: 1px solid rgba(255, 255, 255, .22);
}
.hero-guven li:first-child { padding-left: 0; border-left: 0; }
.hero-guven svg { color: var(--brand-300); flex: none; width: 20px; height: 20px; }
.hero-guven span {
  display: flex; flex-direction: column;
  font-size: var(--ts-2xs); line-height: 1.35; letter-spacing: .02em;
  color: rgba(255, 255, 255, .88);
}
.hero-guven b { font-weight: var(--kalin-tam); color: #FFF; }

/* ------------------------------------------------- HIZLI İŞLEM KARTLARI --- */
.hizli-kartlar {
  grid-area: hizli;
  display: grid; gap: 8px;
  padding-top: clamp(var(--bo-4), 3vw, var(--bo-6));
}
.hizli-kart {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 10px 9px 12px; min-height: 58px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--kart-yr); box-shadow: var(--golge-yuzen);
  color: var(--lacivert);
  transition: transform var(--sure-orta) var(--egri-giris),
              box-shadow var(--sure-orta) var(--egri-giris);
}
.hizli-kart:hover, .hizli-kart:focus-visible {
  text-decoration: none; color: var(--lacivert);
  transform: translateY(-2px); box-shadow: 0 14px 34px rgba(20, 58, 99, .18);
}
.hizli-kart .simge { flex: none; display: grid; place-items: center; width: 28px; color: var(--vurgu-gold); }
.hizli-kart .simge svg { width: 22px; height: 22px; }
.hizli-kart .yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
/* Üç satırlık metin bloğu 12px'te sıkışık ama okunur kalır. */
.hizli-kart b {
  font-size: var(--ts-xs); font-weight: var(--kalin-yari); line-height: 1.3;
  letter-spacing: 0; color: var(--lacivert);
}
.hizli-kart .ok {
  flex: none; width: 20px; height: 20px; border-radius: var(--yr-tam);
  display: grid; place-items: center; color: #FFF; background: var(--vurgu-gold);
  transition: transform var(--sure-hizli) var(--egri-giris);
}
.hizli-kart:hover .ok { transform: translateX(3px); }

/* Renk yalnız simgeyi ve okun ZEMİNİNİ değiştirir; okun kendisi daima beyaz. */
.hizli-kart.r-mavi      .simge { color: var(--vurgu-mavi); }
.hizli-kart.r-yesil     .simge { color: var(--vurgu-yesil); }
.hizli-kart.r-mor       .simge { color: var(--vurgu-mor); }
.hizli-kart.r-wp        .simge { color: var(--wp-700); }
.hizli-kart.r-camgobegi .simge { color: var(--vurgu-camgobegi); }
.hizli-kart.r-mavi      .ok { background: var(--vurgu-mavi); }
.hizli-kart.r-yesil     .ok { background: var(--vurgu-yesil); }
.hizli-kart.r-mor       .ok { background: var(--vurgu-mor); }
.hizli-kart.r-wp        .ok { background: var(--wp-700); }
.hizli-kart.r-camgobegi .ok { background: var(--vurgu-camgobegi); }

/* --------------------------------------------------------- SÜTUN AKIŞI --- */
.arama-yuva { grid-area: arama; }

/* Arama kutusunun ALTINDAKİ düzen: solda kategori sütunu, sağda ilan bölümleri
   (afyonilan düzeni). Kurumsal bilgi kartları da kategori sütununa iner —
   üç sütun sığmıyor, kategori ağacı ise sayfanın ana gezinme aracı. */
.ilan-duzen {
  display: grid;
  grid-template-columns: var(--kat-sutun-genis, 288px) minmax(0, 1fr);
  gap: var(--bo-5);
  align-items: start;
  padding-top: var(--bo-5);
}
.kat-sutun   { min-width: 0; display: flex; flex-direction: column; gap: var(--bo-5); }
.bolum-sutun { min-width: 0; display: flex; flex-direction: column; gap: var(--bo-5); }
/* Sol sütun BOYDAN BOYA: yükseklik sınırı ve iç kaydırma yok — kategori
   ağacının tamamı tek bakışta görünür, sütun ilan listesi boyunca uzar. */

/* ------------------------------------------------------- BÖLÜM KABUĞU --- */
/* Bölüm = afyonilan'ın "section-bar + listing-grid" ikilisi.
   Başlık şeridi: 11/16px dolgu, 15px kalın başlık, solda 3px marka çubuğu. */
.bolum-kabuk { display: flex; flex-direction: column; gap: var(--bo-3); }
/* Şeridin kendisi base.css'te; burada yalnız anasayfaya özel parçalar var. */
.kabuk-basi { margin-bottom: 0; }
.kabuk-basi h2 {
  display: flex; align-items: center; gap: var(--bo-2); margin: 0;
  font-size: var(--ts-lg); font-weight: var(--kalin-yari);
  letter-spacing: 0; color: var(--lacivert); line-height: 1.3;
}
.kabuk-basi h2 .no { color: var(--brand-metin); }
.kabuk-basi .yildiz { display: inline-flex; color: var(--brand); }
.kabuk-basi .yildiz svg { width: 14px; height: 14px; }
.kabuk-basi .cizgi { flex: 1; min-width: var(--bo-2); }


/* Kategori bölümlerinin başlığındaki ilan sayısı */
.kabuk-adet {
  padding: 2px 8px; margin-left: 4px; border-radius: var(--yr-tam);
  background: var(--surface-3); color: var(--text-3);
  font-size: var(--ts-2xs); font-weight: var(--kalin-orta);
  letter-spacing: 0; font-variant-numeric: tabular-nums;
}

/* --------------------------------------------- SATILIK / KİRALIK SEKME --- */
/* JS kapalıyken bunlar arama sayfasına giden normal bağlantılardır. */
.satis-sekme { display: flex; flex-wrap: wrap; gap: 6px; }
.sekme {
  display: inline-flex; align-items: center;
  padding: 6px 12px; border-radius: var(--yr-2);
  border: 1px solid transparent; background: var(--surface-3); color: var(--text-2);
  font-size: var(--ts-xs); font-weight: var(--kalin-orta); white-space: nowrap;
  transition: border-color var(--sure-hizli), background-color var(--sure-hizli), color var(--sure-hizli);
}
.sekme span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 16px; padding: 0 6px; margin-left: 4px;
  border-radius: var(--yr-tam); color: inherit;
  background: color-mix(in srgb, currentColor 16%, transparent);
  font-size: var(--ts-3xs); font-weight: var(--kalin-yari); font-variant-numeric: tabular-nums;
}
.sekme:hover { background: var(--surface-2); border-color: var(--border-2); color: var(--text); text-decoration: none; }
.sekme.aktif { background: var(--brand); border-color: transparent; color: var(--brand-uzeri); }
.sekme.aktif span { background: color-mix(in srgb, var(--brand-uzeri) 20%, transparent); }
.sekme-bos { padding: var(--bo-6) 0; text-align: center; color: var(--text-3); font-size: var(--ts-sm); }

/* ---------------------------------------------------- TÜM İLANLAR CTA --- */
.tum-ilan-cta { display: flex; justify-content: center; }
.tum-ilan-cta .dg { min-width: min(100%, 260px); }

/* ---------------------------------------------------- İLAN KAYDIRICISI --- */
.kaydirici { position: relative; }
/* Kart artık başlık + özet şerit taşıyor: dört sütunda 200px'e düşüp
   okunamaz hale geliyordu. Geniş ekranda üç kart gösterilir. */
.kay-ray {
  display: grid; grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2 * var(--bo-4)) / 3);
  gap: var(--bo-4);
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-behavior: smooth;
  padding-block: 4px; margin-inline: -4px; padding-inline: 4px;
  scrollbar-width: none;
}
.kay-ray::-webkit-scrollbar { display: none; }
.kay-ray:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; border-radius: var(--kart-yr); }
.kay-oge { scroll-snap-align: start; min-width: 0; display: flex; }
.kay-oge > .ilan-kart { flex: 1; }
.kay-oge[hidden] { display: none; }

/* Oklar kartın GÖRSELİNİN ortasına gelir. Kart yüksekliği = 0.75×genişlik
   (4:3 görsel) + ~215px gövde olduğundan oran ≈ %24. */
.kay-dg {
  position: absolute; top: 24%; translate: 0 -50%; z-index: 3;
  width: 44px; height: 44px; border-radius: var(--yr-tam);
  display: grid; place-items: center;
  background: var(--surface); color: var(--lacivert);
  border: 1px solid var(--border); box-shadow: var(--golge-yuzen);
  transition: background-color var(--sure-hizli), color var(--sure-hizli), opacity var(--sure-hizli);
}
.kay-dg:hover { background: var(--brand); color: #FFF; border-color: var(--brand); }
.kay-onceki  { left: -18px; }
.kay-sonraki { right: -18px; }
.kay-dg[disabled] { opacity: .35; pointer-events: none; }

.kay-noktalar { display: flex; justify-content: center; gap: 7px; margin-top: var(--bo-4); }
.kay-noktalar button {
  width: 8px; height: 8px; border-radius: var(--yr-tam); border: 0; padding: 0;
  background: var(--border-2); cursor: pointer;
  transition: background-color var(--sure-orta), width var(--sure-orta);
}
.kay-noktalar button.aktif { background: var(--brand); width: 20px; }
.kay-bos { padding: var(--bo-6) 0; text-align: center; color: var(--text-3); font-size: var(--ts-sm); }

/* ---------------------------------------------------- KATEGORİ ÇİPLERİ --- */
.cip-serit { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: var(--bo-4); }
.cip {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: var(--dg-yuk); padding: 10px var(--bo-4); border-radius: var(--yr-2);
  border: 1px solid var(--border); background: var(--surface);
  color: var(--lacivert); font-size: var(--ts-xs); font-weight: var(--kalin-cok);
  letter-spacing: 0; white-space: nowrap;
  transition: border-color var(--sure-hizli), background-color var(--sure-hizli), color var(--sure-hizli);
}
.cip svg { color: var(--brand); }
.cip:hover { border-color: var(--brand-300); text-decoration: none; color: var(--lacivert); }
.cip.aktif { background: var(--gold-gradyan); border-color: transparent; color: var(--gold-uzeri); }
.cip.aktif svg { color: currentColor; }

/* --------------------------------------------------- SAĞ BİLGİ KARTLARI --- */
.bilgi-kart {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--bolum-yr); box-shadow: var(--golge-kart);
  padding: var(--bo-5);
}
.bilgi-kart h2 {
  margin: 0 0 var(--bo-3); font-size: var(--ts-lg); font-weight: var(--kalin-tam);
  letter-spacing: 0; color: var(--lacivert);
}

.guven-liste li { display: flex; align-items: center; gap: 13px; padding-block: 10px; }
.guven-liste svg { flex: none; color: var(--brand); }
.guven-liste span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.guven-liste b { font-size: var(--ts-md); font-weight: var(--kalin-cok); color: var(--lacivert); letter-spacing: 0; }
.guven-liste span { font-size: var(--ts-2xs); letter-spacing: 0; color: var(--text-3); }

.bolge-govde { display: grid; grid-template-columns: minmax(0, 1fr) 108px; gap: var(--bo-3); align-items: start; }
.bolge-liste li a { display: flex; align-items: center; gap: 11px; padding-block: 8px; }
.bolge-liste li a:hover { text-decoration: none; }
.bolge-liste li a:hover b { color: var(--brand-metin); }
.bolge-liste svg { flex: none; color: var(--brand); }
.bolge-liste span { display: flex; flex-direction: column; gap: 2px; font-size: var(--ts-2xs); color: var(--text-3); }
.bolge-liste b { font-size: var(--ts-sm); font-weight: var(--kalin-cok); color: var(--lacivert); letter-spacing: .02em; }
.bolge-harita { width: 100%; height: auto; border-radius: var(--yr-2); }
.bolge-dg {
  width: 100%; margin-top: var(--bo-4); border-radius: var(--yr-2); min-height: var(--dg-yuk);
  font-size: var(--ts-xs); font-weight: var(--kalin-tam); letter-spacing: 0;
}

/* -------------------------------------------------------- HİZMET ŞERİDİ --- */
.hizmet-serit {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--bolum-yr); box-shadow: var(--golge-1);
  padding: var(--bo-3) var(--bo-2);
}
.hizmet {
  display: flex; align-items: center; gap: 9px; min-width: 0;
  padding: 8px clamp(6px, .8vw, 14px);
  border-left: 1px solid var(--border);
  color: var(--lacivert);
}
.hizmet:first-child { border-left: 0; }
.hizmet:hover { text-decoration: none; color: var(--brand-metin); }
.hizmet svg { flex: none; color: var(--brand); }
.hizmet span {
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
  font-size: var(--ts-2xs); letter-spacing: 0; color: var(--text-2); line-height: 1.3;
  overflow-wrap: anywhere;
}
.hizmet b { font-size: var(--ts-2xs); font-weight: var(--kalin-tam); color: inherit; }
.hizmet svg { width: 20px; height: 20px; }

/* -------------------------------------------------------------- CTA'LAR --- */
.cta-cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bo-5); margin-top: var(--bo-5); }
.cta {
  display: flex; align-items: center; gap: var(--bo-3);
  padding: var(--bo-3) var(--bo-4);
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--bolum-yr); box-shadow: var(--golge-kart);
  color: var(--lacivert);
  transition: transform var(--sure-orta) var(--egri-giris), box-shadow var(--sure-orta) var(--egri-giris);
}
.cta:hover { text-decoration: none; color: var(--lacivert); transform: translateY(-2px); box-shadow: var(--golge-yuzen); }
.cta-simge { flex: none; display: grid; place-items: center; width: 40px; height: 40px; }
.cta-simge svg { width: 28px; height: 28px; }
.cta-wp .cta-simge { border-radius: var(--yr-tam); background: var(--wp-700); color: #FFF; }
.cta-analiz .cta-simge { color: var(--brand); }
.cta-yazi { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.cta-yazi b {
  font-size: var(--ts-lg); font-weight: var(--kalin-tam);
  letter-spacing: 0; line-height: 1.3;
}
.cta-yazi small { font-size: var(--ts-sm); color: var(--text-2); }
.cta .dg { flex: none; }

/* ============================================================ RESPONSIVE == */
/* 1180 altı: kategori sütunu daralır. */
@media (max-width: 1180px) {
  .ilan-duzen { --kat-sutun-genis: 252px; }
  .kay-ray { grid-auto-columns: calc((100% - var(--bo-4)) / 2); }
  .kay-onceki  { left: -10px; }
  .kay-sonraki { right: -10px; }
}

/* 1024 altı: tek sütun. Sıra: hero → arama → hızlı kartlar → kategoriler → ilanlar. */
@media (max-width: 1024px) {
  .anasayfa { --hero-yuk: clamp(420px, 64vw, 540px); }
  .hero-metin { padding-bottom: var(--bo-6); }
  .arama-kutu { margin-top: -22px; }
  .anasayfa-duzen {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "hero" "arama" "hizli";
    row-gap: 0;
  }
  /* Tek sütunda kurumsal bilgi kartları ilanların ÜSTÜNDE kalmasın:
     `display: contents` ile sütun kutusu düşer, çocuklar ızgaraya girer ve
     sıralanabilir olur (kategori menüsü → ilanlar → bilgi kartları). */
  .ilan-duzen { grid-template-columns: minmax(0, 1fr); }
  .kat-sutun { display: contents; }
  /* `.kat-yan` bu genişlikte sabit konumlu çekmecedir (base.css); akışta yalnız
     onu açan düğme kalır. Betik kapalıyken menü akışta durur — ikisi de 1. sıra. */
  .kat-sutun > .kat-ac-dg,
  .kat-sutun > .kat-yan     { order: 1; }
  .bolum-sutun              { order: 2; }
  .kat-sutun > .bilgi-kart  { order: 3; }
  .hero-metin { min-height: calc(var(--hero-yuk) - 120px); }
  .hizli-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: var(--bo-5); }
  .hizli-kart { min-height: 84px; box-shadow: var(--golge-kart); }
  /* Tek sütuna geçti: ana sütun tüm genişliği aldı, yeniden 3 kart sığar. */
  .kay-ray { grid-auto-columns: calc((100% - 2 * var(--bo-4)) / 3); }
  .hizmet-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--bo-3); }
  .hizmet:nth-child(3n + 1) { border-left: 0; }
  .bolge-govde { grid-template-columns: minmax(0, 1fr) 120px; }
}

/* 900 altı: kaydırıcı iki karta iner. */
@media (max-width: 900px) {
  .kay-ray { grid-auto-columns: calc((100% - var(--bo-4)) / 2); }
}

/* 768 altı: iki sütunluk ızgaralar tek/çift sütuna iner. */
@media (max-width: 768px) {
  .hizli-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta-cift { grid-template-columns: minmax(0, 1fr); }
  .cta { flex-wrap: wrap; }
  .cta .dg { width: 100%; }
  .hizmet-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hizmet:nth-child(3n + 1) { border-left: 1px solid var(--border); }
  .hizmet:nth-child(2n + 1) { border-left: 0; }
  .kay-dg { display: none; }   /* dokunmalı ekranda parmakla kaydırılır */
  .bolum-kabuk { padding: var(--bo-4) var(--bo-4) var(--bo-3); }
}

/* 560 altı: kartlar tam genişlik, kaydırıcıda bir sonraki kart hafif görünür. */
@media (max-width: 560px) {
  .anasayfa { --hero-yuk: clamp(420px, 100vw, 500px); }
  .hero-metin { padding-top: var(--bo-5); padding-bottom: var(--bo-7); min-height: calc(var(--hero-yuk) - 84px); }
  .hero-guven { padding-top: var(--bo-5); gap: var(--bo-3) 0; }
  .hero-guven li { flex: 1 1 46%; padding-inline: 0 10px; border-left: 0; }
  .hizli-kartlar { grid-template-columns: minmax(0, 1fr); }
  .kay-ray { grid-auto-columns: 86%; }
  .kabuk-basi { flex-wrap: wrap; gap: var(--bo-2) var(--bo-3); }
  .kabuk-basi h2 { white-space: normal; }
  .kabuk-basi .cizgi { display: none; }
  .tumu-dg { margin-left: auto; }
  .bolge-govde { grid-template-columns: minmax(0, 1fr); }
  .bolge-harita { max-width: 160px; justify-self: center; }
}

@media (prefers-reduced-motion: reduce) {
  .kay-ray { scroll-behavior: auto; }
  .hizli-kart, .cta, .ilan-kart { transition: none; }
  .hizli-kart:hover, .cta:hover, .ilan-kart:hover { transform: none; }
}