/* =========================
   GLOBAL
========================= */
:root{
  /* header yüksekliği + ufak pay (diller + logo/misafir toplamı) */
  --ha-header-offset: 86px;  /* 80–100 arası oynatılabilir */
}

html{ height:100%; }
:root{
				--ivory:#f6f4f2;
				--paper:#ffffff;
				--line:#eceae6;
				--text:#2b2f33;
				--muted:#6f7680;
				--icon-brown:#a67c52;
				--radius:14px;
				--shadow:0 6px 16px rgba(0,0,0,.05);
			}
body{
  margin:0;
  height:auto;                         /* scroll bozulmasın */
  font-family:'Roboto Condensed',sans-serif;
  font-weight:500;
  font-style:normal;
  font-size:18px;
  color:#212529;
  padding-top:var(--ha-header-offset,90px);     /* header kadar üst boşluk */
  padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)); /* sosyal bar için */
}

.h2, h2{ font-size:20px; }

a, a:hover, a:focus, a:active{
  text-decoration:none !important;
  color:#212529;
}

.loading{ top:0; background:rgba(0,0,0,.25); z-index:99; }
.loading i{ font-size:36px; color:#fff; }

/* =========================
   FORMS
========================= */
.form-group{ padding:10px 0; margin:0; }
.form-group .input-group{
  font-size:16px; font-weight:300; width:100%; height:60px;
  border:1px solid #B7B7B7; border-radius:10px;
}
.form-group .input-group .input-group-prepend,
.form-group .input-group .input-group-append{ margin:0 20px; }
.form-group .input-group input,
.form-group .input-group select,
.form-group .input-group textarea{
  padding-left:10px; margin-right:10px; font-weight:300; border:none; height:100%;
}
.form-group .input-group select{
  -webkit-appearance:none; background:#fff;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position:right center; background-repeat:no-repeat; padding-right:1.5em;
}
.form-group .input-group .input-group-prepend span,
.form-group .input-group .input-group-append span{ color:#777; line-height:58px; }
.form-control:focus{ box-shadow:none; }
.form-submit-button{ width:100%; padding:10px 0; }
.btn-dark{
  width:100%; border-radius:10px; height:60px; color:#fff;
  font-weight:300; font-size:18px; line-height:47px; text-transform:uppercase;
}
.flatpickr-input{ background:#fff !important; }

/* =========================
   BOXES (eski kutu stilleri – kullanılmaya devam ediyorsa)
========================= */
.box{ box-shadow:0 0px 0 rgba(0,0,0,.1); padding:0; margin:10px; border-radius:10px; }
.box-2{ box-shadow:0px 0px 0px 0px rgba(0,0,0,.1); padding:0; margin:5px; border-radius:0; }
.box-4{ box-shadow:0 0 0 0 rgba(0,0,0,.1); padding:0; margin:10px; border-radius:0; }
.box-5{ box-shadow:0px 0px 0px 0px rgba(0,0,0,.1); padding:0; margin:5px; border-radius:10px; background:#fff; }
.box-6{ box-shadow:0px 0px 0px 0px rgba(0,0,0,.1); padding:0; margin:5px; border-radius:10px; background:#4b2210; }

.home-box{ height:140px; }
.home-box i{ display:block; margin-bottom:10px; }

/* =========================
   AKTİVİTE ŞERİDİ (varsa)
========================= */
.aktivite{
  position:relative; min-height:30px; background:#EFEFF0; color:#fff;
  width:100%; margin-bottom:3px; padding:0 5px; display:flex; flex-direction:row;
}
.aktivite:before{
  content:''; width:10px; height:10px; background:red; position:absolute;
  right:10px; top:50%; transform:translateY(-50%); border-radius:50%;
}
.aktivite.aktif{ min-height:30px; }
.aktivite.aktif:before{ background:#50b848; width:20px; height:20px; right:5px; }
.aktivite.aktif-gecen:before{ background:#50b848; }
.aktivite.aktif .saat, .aktivite.aktif .aktivite-baslik{ top:0; }
.aktivite.aktif .saat{ font-weight:bold; font-size:1.1em; }
.aktivite img{
  width:calc(100% + 10px); height:180px; object-fit:cover; position:relative; z-index:2; left:-5px;
}
.aktivite .saat, .aktivite .aktivite-baslik{
  position:relative; float:left; z-index:2; color:#000; font-size:14px; display:flex; align-items:center;
}
.aktivite .saat{ font-size:1.1em; margin-right:5px; }
.aktivite .bar{ position:absolute; left:0; top:0; height:100%; background:#50b848; transition:1s; }

/* =========================
   SWITCH
========================= */
.switch{ position:relative; display:inline-block; width:60px; height:32px; }
.switch input{ opacity:0; width:0; height:0; }
input:checked+.slider{ background-color:#FFD300; border:2px solid #FFD300; }
.slider{
  position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0;
  background:#fff; transition:.4s; border-radius:20px; border:2px solid #E5E5E5;
}
input:checked+.slider:before{ transform:translateX(26px); box-shadow:none; }
.slider:before{
  position:absolute; content:""; height:27px; width:27px; left:1px; bottom:1px;
  background:#fff; transition:.4s; border-radius:50%; box-shadow:2px 2px 4px 1px #c5c5c5ad;
}
.setting-wrapper, .setting-wrapper-1, .setting-wrapper-2, .setting-wrapper-primary{ line-height:32px; margin:10px 5px; }


  .dil-link{ text-align:center; margin:0 1px; }

  /* Gün butonları */
  .day-btn{
    border:0; background:#f1f3f5; padding:6px 10px; border-radius:8px;
    font-size:13px; text-transform:uppercase; display:inline-flex; align-items:center; gap:6px;
  }
  .day-btn i{ font-size:14px; }
  .day-btn:active{ transform:translateY(1px); }

  /* Kompakt kart görünümü */
  .aktivite{
    position:relative;
    display:flex; flex-direction:column; align-items:flex-start;
    gap:2px; padding:4px 8px; margin:3px 0;
    background:#f9f9f9; border:1px solid #e9e9e9; border-radius:5px;
    overflow:hidden;
  }
  .aktivite.aktif{ background:#eef8e8; border-color:#d6eace; }

  .aktivite .saat{
    font-weight:700; font-size:14px; line-height:1.15; margin:0 0 1px 0;
  }
  .aktivite .aktivite-baslik{
    font-size:15px; line-height:1.2; margin:0;
  }
  .aktivite .aktivite-baslik .alt{ color:#666; font-weight:400; }
  .aktivite .aktivite-baslik .alt:empty { display:none; }

  /* İlerleme çubuğu: aktif kartta tam dolgu */
  .aktivite .bar{
    position:absolute; top:0; left:0; height:100%; width:0%;
    background:rgba(0,160,0,.45);
    z-index:0; transition:width .5s linear;
  }
  .aktivite:not(.aktif) .bar{ display:none; }
  .aktivite .saat, .aktivite .aktivite-baslik{ position:relative; z-index:1; }











/* =========================
   LANG PILL
========================= */
.langs{ display:flex; gap:6px; }
.lang-pill{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:26px; padding:0 10px; border:1px solid #ddd; border-radius:5px;
  background:#fff; font-size:14px; font-weight:500; color:#444; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.lang-pill:hover{ background:#f4f4f4; }
.lang-pill.active{ background:#f0efe9; border-color:#d7cdb8; color:#6b512f; }

/* =========================
   HEADER (SABİT, 2 SATIR)
========================= */
.header{
  position:fixed; top:0; left:0; right:0;
  z-index:1000;
  background:#fff;
/*  box-shadow:0 2px 5px rgba(0,0,0,.1);*/
  padding:0;                                  /* iç boşluk .ha-header’da */
}
.ha-header{
  display:flex; flex-direction:column; gap:4px;
  padding:6px 12px; border-bottom:1px solid #ccc8c8; margin:0;
  border-radius: 0 0 10px 10px;	
}
.ha-row-right{ display:flex; justify-content:flex-end; gap:6px; }
.ha-header-row{ display:flex; justify-content:space-between; align-items:flex-end; }

.ha-header-left img{ height:50px; width:auto; object-fit:contain; display:block; }
.ha-header-center img{ height:50px; width:auto; object-fit:contain; display:block; }

.ha-header-right img{ height:50px; width:auto;  }

.guest-info{ display:flex; align-items:flex-end; gap:6px; font-size:14px; color:#444; line-height:1; margin-bottom:-2px; }
.guest-info i{ opacity:.7; }

	.ha-topbar{
  position: relative;
  height: 45px !important;           /* bar yüksekliği */
}

.ha-back{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: inherit;
  text-decoration: none;
	top: 35px;
}

.ha-logo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);  /* TAM merkez */
  max-height: 40px;
  display: block;
}



/* =========================
   3'lü KART LİSTE (Bootstrap row/col-4)
========================= */
.container-fluid {
  padding-left: 5px !important;
  padding-right: 5px !important;
}



/* Bölüm */
.ha-sec{
 /* background:linear-gradient(#f7f4f1,#f3f0ec);*/
  padding:0px 0px 0px;
}


/* Kart kutusu */
.ha-tile{
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:8px; padding:5px 5px;
  background:#fff; border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  
  transition:transform .15s ease, box-shadow .15s ease;
}
.ha-tile:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.10); }

.ha-tile-icon i{ font-size:28px; line-height:1; }
.ha-tile-icon img{ width:42px; height:42px; object-fit:contain; display:block; }

/* Başlık / alt başlık */
.ha-tile-title{
  font-size:14px; font-weight:800; line-height:1.25;
  text-align:center; padding:0 6px;
}
.ha-tile-sub{ font-size:12.5px; color:#7a7a7a; margin-top:2px; text-align:center; }

/* Çok dar cihazlar */
@media (max-width:360px){
  .ha-tile{ min-height:160px; }
  .ha-tile-icon{ width:58px; height:58px; border-radius:15px; }
  .ha-tile-icon i{ font-size:26px; }
  .ha-tile-icon img{ width:38px; height:38px; }
  .ha-tile-title{ font-size:15px; }
}





.ha-tile-icon {
  font-size: 28px;

}


.ha-tile-sub {
  font-size: 12px;
  color: #777;
  text-align: center;
  margin: 0;         /* alt boşluğu sıfırla */
}



/* Kartlara hafif kenarlık */
.ha-tile {
  border: 1px solid rgba(0,0,0,0.06);  /* çok açık gri çizgi */
  background: #fff;
}

.ha-tile:hover {
  border-color: rgba(0,0,0,0.12);      /* hover’da biraz daha belirgin */
}



/* Container yan boşluk: 5px */
.container-fluid{ padding-left:5px !important; padding-right:5px !important; }




/* Bölüm başlığı / zemin */
/*.ha-sec{ background:linear-gradient(#f7f4f1,#f3f0ec) !important; padding:12px 5px 10px !important; }*/
.ha-sec + .ha-sec{ margin-top:0px !important; }
.ha-sec-title{ margin:10px 5px 10px !important; font-size:14px !important; font-weight:800 !important; color:#5b5b5b !important; }

.ha-tile:active{ transform:translateY(1px) !important; }




/* Çok dar cihazlar (isteğe bağlı ufak düşürme) */
@media (max-width:360px){
  .ha-tile-icon{ width:58px !important; height:58px !important; border-radius:15px !important; }
  .ha-tile-icon i{ font-size:26px !important; }
  .ha-tile-icon img{ width:38px !important; height:38px !important; }
  .ha-tile-title{ font-size:13.5px !important; min-height:32px !important; max-height:32px !important; }
}

/* GRID — mobil 3, desktop 4, çok geniş 5 sütun */
.ha-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;              /* kartlar arası hem yatay hem dikey */
}
@media (min-width: 992px){  /* desktop */
  .ha-grid{ grid-template-columns:repeat(4,1fr); }
}
@media (min-width: 1400px){ /* çok geniş ekran */
  .ha-grid{ grid-template-columns:repeat(5,1fr); }
}

/* KARE KART */
.ha-tile{
  aspect-ratio:1/1;                         /* kare */
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px;
  background:#fff;
  border:1px solid #eee;                    /* açık gri çizgi */
  border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  text-decoration:none; color:inherit;
  padding:12px 10px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.ha-tile:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.10); }

/* İkon kapsülü */
.ha-tile-icon{
  width:64px; height:64px; border-radius:16px; background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 2px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06);
  overflow:hidden;
}
.ha-tile-icon i{ font-size:28px; line-height:1; }
.ha-tile-icon img{ width:42px; height:42px; object-fit:contain; display:block; }

/* Başlık / alt başlık */
.ha-tile-title{
  font-size:14px; font-weight:800; line-height:1.25;
  text-align:center; padding:0 6px;
}
.ha-tile-sub{
  font-size:12.5px; color:#777; margin-top:-2px; text-align:center;
}


/* ===== Container & Section spacing ===== */
.container-fluid{ padding-left:6px !important; padding-right:6px !important; }
.ha-sec{ margin:12px 0; padding:0; }
.ha-sec-title{ margin:0 6px 12px; font-size:18px; font-weight:800; letter-spacing:.2px; }

/* ===== GRID ===== */
/* Mobil: 3 sütun */
.ha-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;                 /* hem yatay hem dikey */
  align-items:stretch;      /* satırlar eşitlensin */
}

/* Tablet: 4 sütun */
@media (min-width:768px){
  .ha-grid{ grid-template-columns:repeat(4,1fr); }
}




/* ===== TILE (kare kart) ===== */
.ha-tile{
  aspect-ratio:1/1;                                /* kare */
  display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  padding:12px 10px;
  margin:0;
  color:inherit; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ha-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,.10);
  border-color:rgba(0,0,0,.12);
}

/* Icon capsule */
.ha-tile-icon{
  width:64px; height:64px; border-radius:16px; background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06);
  overflow:hidden;
}
.ha-tile-icon i{ font-size:28px; line-height:1; color:var(--icon-brown, #a67c52); }
.ha-tile-icon img{ width:42px; height:42px; object-fit:contain; display:block; }

/* Title & subtitle */
.ha-tile-title{
  font-size:14px; font-weight:800; line-height:1.25; text-align:center; padding:0 6px;
  min-height:34px; max-height:34px; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.ha-tile-sub{
  font-size:12.5px; color:var(--muted, #6f7680); text-align:center; margin-top:0;
	
	
}

/* Çok dar telefonlar */
@media (max-width:360px){
  .ha-tile-icon{ width:58px; height:58px; border-radius:15px; }
  .ha-tile-icon i{ font-size:26px; }
  .ha-tile-icon img{ width:38px; height:38px; }
  .ha-tile-title{ font-size:13.5px; min-height:32px; max-height:32px; }
}

/* ===== SOCIAL BAR ===== */
.social{
  position:fixed; bottom:0; left:0; right:0;
  background:#fff; display:flex; font-size:22px;
  border-radius: 10px 10px 0 0;	
  box-shadow:-2px -2px 11px rgba(0,0,0,.1);
}

.social div{
  flex:1; padding:10px 0; text-align:center;
  border-right:1px solid rgba(33,37,41,.05);
}

.social div{ padding:5px 5px; flex:1; text-align:center; border-right:1px solid rgba(33,37,41,.05); }

/* --- Taşma/kayma düzeltmeleri --- */
*, *::before, *::after{ box-sizing: border-box; }

.ha-grid{ 
  display:grid;
  grid-template-columns: repeat(3, 1fr);  /* mobil 3 */
  gap:5px;
}
.ha-grid > *{ min-width:0; }              /* grid çocuğu taşmasın */



/* Bölüm: ayırma ve stacking */
.ha-sec{
  position:relative;
  padding:0px 0px 0px;   /* başlık + grid nefes alsın */
  background:transparent; /* istersen burada gradyanı geri verebilirsin */
}
.ha-sec + .ha-sec{ margin-top:12px; }
.ha-sec-title{ margin:0 6px 10px; font-size:16px; font-weight:800; color:#5b5b5b; }

/* Kare kart (kritik kısımlar) */
.ha-tile{
  aspect-ratio:1/1;             /* kare */
  overflow:hidden;              /* içerik dışarı taşmasın — asıl düzeltme */
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  background:#fff;
  border:1px solid rgba(150,150,150,.36); border-radius:10px;
  box-shadow:0 0px 8px rgba(0,0,0,.06);
  padding:5px 5px;
  color:inherit; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ha-tile:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.10); border-color:rgba(0,0,0,.12); }

.ha-tile-icon{
  width:64px; height:64px; border-radius:16px; background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06);
}
.ha-tile-icon i{ font-size:28px; line-height:1; }
.ha-tile-icon img{ width:42px; height:42px; max-width:100%; object-fit:contain; display:block; }

.ha-tile-title{
  font-size:14px; font-weight:600; line-height:1.25; text-align:center; padding:0 0px;
  min-height:34px; max-height:34px; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.ha-tile-sub{ font-size:12.5px; color:#777; text-align:center; margin-top:-13px; }

/* Çok dar telefon */
@media (max-width:360px){
  .ha-tile-icon{ width:58px; height:58px; border-radius:15px; }
  .ha-tile-icon i{ font-size:26px; }
  .ha-tile-icon img{ width:38px; height:38px; }
  .ha-tile-title{ font-size:13.5px; min-height:32px; max-height:32px; }
}

/* Sosyal bar sabit ama yatay kaymayı kapat */
html, body{ overflow-x:hidden; }


/* --- FİX: küçük ekranlarda ikon kapsülü bozulmasın --- */

/* Her şey kutu-modeli ile hesaplansın */
*, *::before, *::after { box-sizing: border-box; }

/* Kart içi elemanların esnemesini engelle */
.ha-tile { align-items: center; justify-content: flex-start; }
.ha-tile * { min-width: 0; }

/* İkon kapsülü her zaman kare ve sabit; flex ile asla büyümesin/küçülmesin */
:root { --iconBox: clamp(52px, 10vw, 64px); }  /* min 52px, ideal 10vw, max 64px */

.ha-tile-icon{
  flex: 0 0 var(--iconBox);
  width: var(--iconBox);
  height: var(--iconBox);
  border-radius: 10px;              /* kapsül köşesi sabit kalsın */
  display: grid;
  place-items: center;
  overflow: hidden;
  line-height: 1 !important;        /* metin yüksekliği etki etmesin */
}

/* İkonun kendisi orantılı kalsın */
.ha-tile-icon i{
  font-size: clamp(22px, 3.8vw, 28px);
}
.ha-tile-icon img{
  width: 70%;
  height: auto;
  display: block;
}

/* Çok dar ekranlarda hover animasyonu gereksiz, sallanma olmasın */
@media (hover:none){
  .ha-tile:hover{ transform: none; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
}

/* Başlık iki satır ile sınırlı kalsın; taşmalar kutuyu germesin */
.ha-tile-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Tablet ve üstü: kutu içeriğini biraz aşağı kaydır */
@media (min-width: 768px){
  .ha-tile { padding-top: 14px; }          /* tüm içeriği aşağı alır */
  .ha-tile-title { margin-top: 10px; }     /* başlık aralığını koru */
}

/* Büyük desktoplarda bir tık daha aşağı */
@media (min-width: 1200px){
  .ha-tile { padding-top: 18px; }
}

/* Sadece mobilde ikonun kendisini büyüt (çerçeve değil) */
@media (max-width: 767px){
  .ha-tile-icon i,
  .ha-tile-icon img,
  .ha-tile-icon svg {
    transform: scale(1.3);   /* %30 büyüt */
  }
}

/* Kategori sekmeleri */
.menu ul {
  gap: 0px;              /* opsiyonel: aralık */
}

.menu ul li {
  cursor: pointer;       /* EL SİMGESİ */
  user-select: none;     /* seçilmesin */
  padding: 5px 5px;    /* daha büyük tıklama alanı */
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.menu ul li:hover {
  filter: brightness(0.98);
}

.menu ul li.active {
  background: #ffd54d;   /* mevcut "TÜMÜ" gibi */
}

/* ===== Bottom Tabbar (düzeltildi) ===== */
			.tabbar{
				position:sticky; bottom:0; z-index:20;
				background:linear-gradient(180deg, rgba(255,255,255,.75), #fff);
				border-top:1px solid var(--line);
				backdrop-filter:blur(6px) saturate(115%);
				padding:10px 12px;
				width:100%;
			}
			.tabs{
				display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
			}
			.tabs a,
			.tabs a:visited{
				text-decoration:none;
				color:var(--muted);
				background:#fff;
				border:1px solid var(--line);
				border-radius:12px;
				box-shadow:var(--shadow);
				padding:8px 0;
				display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
				font-size:12px;
			}
			.tabs a i{font-size:18px; color:var(--icon-brown)}
			.tabs a.active{color:var(--text); border-color:#eadfcd}

/* === TILE: stabil hizalama (tek satır/iki satır bozulmasın) === */
.ha-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:5px;
}
.ha-grid > *{ min-width:0; }

.ha-tile{
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;   /* ✅ üstten başlasın */
  text-align:center;
  overflow:hidden;
  padding:0px 5px;
}

.ha-tile-icon{
  flex:0 0 auto;                /* ✅ yazıya göre büyümesin/küçülmesin */
  margin-top:6px;
}

.ha-tile-title{
  width:100%;
  margin-top:6px;
  font-size:14px;
  font-weight:800;
  line-height:1.2;

  min-height:calc(1.2em * 2);   /* ✅ tek satır olsa da kart “kısa” görünmesin */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}

.ha-tile-sub{ margin-top:0; }

/* ===== DESKTOP EXTRA COMPACT ===== */
@media (min-width: 992px){

  /* 6 yerine 8 sütun */
  .ha-grid{
    grid-template-columns: repeat(8, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  .ha-tile{
    padding: 6px 6px !important;
    border-radius: 10px !important;
  }

  .ha-tile-icon{
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
  }

  .ha-tile-icon i{
    font-size: 18px !important;
  }

  .ha-tile-icon img{
    width: 28px !important;
    height: 28px !important;
  }

  .ha-tile-title{
    font-size: 16px !important;
    line-height: 1.15 !important;
    min-height: calc(1.15em * 2) !important;
    max-height: calc(1.15em * 2) !important;
  }
}

/* Çok geniş ekranlarda 9 sütun */
@media (min-width: 1400px){
  .ha-grid{
    grid-template-columns: repeat(9, minmax(0,1fr)) !important;
  }
}