/* =========================================================
   Downloads Responsive Fix Final
   Problem: Statistik-Karten brechen auf kleinen Breiten falsch.
   Lösung: flexible Grid-Spalten, kleinere Typografie, saubere Zentrierung.
   ========================================================= */

.download-stats-pro{
  width:100%!important;
  max-width:980px!important;
  margin:28px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

.download-stat{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(8,23,42,.92),rgba(4,12,24,.92))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.download-stat-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:10px!important;
  border-radius:14px!important;
  color:#22e6ff!important;
  background:rgba(34,230,255,.08)!important;
  box-sizing:border-box!important;
}

.download-stat div{
  min-width:0!important;
  text-align:left!important;
}

.download-stat strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(1.45rem,2.2vw,2.2rem)!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.download-stat span{
  display:block!important;
  color:#dbe7f8!important;
  font-size:clamp(.82rem,.95vw,.98rem)!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Tablet: 2x2 */
@media(max-width:980px){
  .download-stats-pro{
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
    max-width:680px!important;
    gap:16px!important;
  }

  .download-stat{
    min-height:94px!important;
  }
}

/* Handy: 1 Spalte, alles sauber lesbar */
@media(max-width:560px){
  .download-stats-pro{
    grid-template-columns:1fr!important;
    max-width:360px!important;
    gap:12px!important;
    margin-top:22px!important;
  }

  .download-stat{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:84px!important;
    padding:14px!important;
    gap:12px!important;
    border-radius:14px!important;
  }

  .download-stat-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:9px!important;
  }

  .download-stat strong{
    font-size:1.55rem!important;
  }

  .download-stat span{
    font-size:.88rem!important;
  }
}

/* Sehr schmale Geräte */
@media(max-width:360px){
  .download-stat{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }

  .download-stat-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }

  .download-stat strong{
    font-size:1.35rem!important;
  }

  .download-stat span{
    font-size:.8rem!important;
  }
}


/* Header brand color like footer */
.brand{
 color:#ffffff !important;
}
.brand .accent,
.brand-highlight,
.brand span:last-child{
 background:linear-gradient(135deg,#00e5ff,#2dd4ff) !important;
 -webkit-background-clip:text !important;
 -webkit-text-fill-color:transparent !important;
 color:transparent !important;
 font-weight:800 !important;
}