@charset "UTF-8";
/* Banner kapsayıcıları için konumlandırma */
.banner { position: relative; }

/* Sayaç kapsayıcı */
.countdown-badge1 {
  position: absolute; z-index: 3;
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem .75rem;
  background: rgba(0,0,0,.65);
  color: #fff; border-radius: 12px;
  font-size: 14px; line-height: 1; font-weight: 600;
  backdrop-filter: blur(2px);
  user-select: none;
}

.countdown-badge {
  position: absolute; z-index: 3;
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .3rem .45rem;
  background: rgba(0,0,0,.65);
  color: #fff; border-radius: 12px;
  font-size: 14px; line-height: 1; font-weight: 600;
  backdrop-filter: blur(2px);
  user-select: none;
}

/* Konumlar */
.pos-1 { top: 10px; left: 22px; }         /* Sol Üst */
.pos-2 { top: 10px; right: 22px; }        /* Sağ Üst */
.pos-3 { bottom: 10px; left: 22px; }      /* Sol Alt */
.pos-4 { bottom: 10px; right: 22px; }     /* Sağ Alt */
.pos-5 { top: 10px; left: 50%; transform: translateX(-50%); } /* Üst Orta */
.pos-6 { bottom: 10px; left: 50%; transform: translateX(-50%); } /* Alt Orta */

@media (max-width: 576px)
{
.pos-1 { top: 0px; left: 12px; }         /* Sol Üst */
.pos-2 { top: 0px; right: 12px; }        /* Sağ Üst */
.pos-3 { bottom: 0px; left: 12px; }      /* Sol Alt */
.pos-4 { bottom: 0px; right: 12px; }     /* Sağ Alt */
.pos-5 { top: 0px; left: 50%; transform: translateX(-50%); } /* Üst Orta */
.pos-6 { bottom: 0px; left: 50%; transform: translateX(-50%); } /* Alt Orta */	
}

/* İç parça: sayı kutuları */
.countdown-badge .unit {
  display: inline-flex; align-items: baseline; gap: .25rem;
  padding: .35rem .5rem; border-radius: 8px;
  background: rgba(255,255,255,.12);
}
.countdown-badge .value { font-variant-numeric: tabular-nums; font-size: 16px; }
.countdown-badge .label { font-size: 11px; opacity: .85; }

/* “Sona erdi” durumu */
.countdown-ended { background: rgba(128,0,0,.75); }

/* Masaüstünde biraz büyük */
@media (min-width: 992px) {
  .countdown-badge { font-size: 15px; }
  .countdown-badge .value { font-size: 16px; }
}

/* Mobil optimizasyonu: daha büyük dokunma alanı, satır kırma */
@media (max-width: 576px) {
  .countdown-badge { 
    padding: .45rem .6rem; 
    font-size: 13px;
    border-radius: 10px;
  }
  .countdown-badge .value { font-size: 14px; }
  .countdown-badge { gap: .4rem; }
}