/* ==========================================================
   Üst Promo Şerit – sticky değil, beyaz şerit yok
   ========================================================== */
html, body { margin:0; padding:0; }          /* body default margin kill */
:root { --container-max: 1200px; }

.promo{
  background: linear-gradient(180deg, #6b3f1c, #5a3316);
  color:#fff;

  /* sticky yok; margin-collapse yok */
  position: static;
  top: auto;
  z-index: auto;
  display: flow-root;                         /* yeni BFC → margin collapse biter */
  overflow: hidden;                           /* güven katmanı */
  box-shadow: 0 1px 0 rgba(0,0,0,.1) inset;
}

.promo__inner{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 16px;

  min-height: 64px;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}

.promo__left{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap }
.promo__line{ opacity:.9; letter-spacing:.3px }
.promo__big{ font-weight:800; font-size:20px; letter-spacing:.4px }

/* CTA */
.promo__cta{
  background:#fff; color:#2b2b2b; text-decoration:none;
  padding:10px 14px; border-radius:10px; font-weight:700;
  border:1px solid rgba(0,0,0,.08);
  transition: transform .15s ease, filter .2s ease;
}
.promo__cta:hover{ filter:brightness(1.02) }
.promo__cta:active{ transform: translateY(1px) }
.promo__cta:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,.35) }

/* Sayaç */
.promo__timer{ display:flex; align-items:center; gap:8px }
.promo .sep{ opacity:.6; font-weight:700 }
.tbox{
  display:grid; grid-template-rows:auto 12px; align-items:center; justify-items:center;
  min-width:54px; padding:8px 6px; border-radius:12px;
  background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.tbox .num{ font-weight:800; font-variant-numeric: tabular-nums; font-size:18px }
.tbox .lbl{ font-size:11px; opacity:.85 }

/* Responsive */
@media (max-width: 900px){
  .promo__inner{ gap:12px; min-height:56px }
  .promo__big{ font-size:18px }
  .tbox{ min-width:46px; padding:6px }
}
@media (max-width: 620px){
  .promo__left{ display:none } /* mobil: sadece CTA + sayaç */
}
/* ===== Top gap killer ===== */

/* UA margin/padding vs. başka CSS'lerden gelen saçmalıkları ez */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Promo kesinlikle tepeye yapışık olsun */
#promo {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;

  /* Margin collapse ve “ilk çocuk margin taşıması” biter */
  display: flow-root !important;   /* yeni BFC */
  overflow: hidden;                /* emniyet */
  isolation: isolate;
}

/* İçeride bir eleman margin-top atıyorsa, onu da taşıttırma */
#promo > *:first-child { margin-top: 0 !important; }

/* Ç1: Bazı temalarda global bir üst boşluk bırakılır; garanti olsun */
body > :first-child { margin-top: 0 !important; }