:root{
  --purple: #2D0147;   /* kurumsal mor */
  --white: #ffffff;
}

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{
  font-family: Arial, Helvetica, sans-serif;
}

.promo-bar{
  width: 100%;
  height: 44px;                 /* ince şerit */
  background: var(--purple);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.promo-track{
  display: flex;
  gap: 48px;
  white-space: nowrap;
  animation: scroll 18s linear infinite;
}

.promo-track span{
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

/* Kayma animasyonu */
@keyframes scroll{
  from{
    transform: translateX(0);
  }
  to{
    transform: translateX(-50%);
  }
}
.promo-bar {
  margin-bottom: 0 !important;
}
/* SADECE BU SAYFA İÇİN CONTAINER FULL WIDTH */
.main > .container{
  max-width: 100% !important;
  padding-left: 32px;
  padding-right: 32px;
}
/* ===============================
   PROMO BAR – FAZLA YÜKSEKLİK FIX
=============================== */

.promo-bar{
  height: 44px;              /* ŞERİT SABİT */
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 !important;
}

/* Akan yazı */
.promo-track{
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* Yazılar */
.promo-track span{
  line-height: 1 !important;
  padding: 0 18px !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}


html, body {
  margin: 0;
  padding: 0;
}

.top-bar,
.announcement-bar,
.promo-bar,
.discount-bar {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

.top-bar *,
.announcement-bar *,
.promo-bar * {
  margin: 0;
  padding: 0;
  line-height: 1;
}
/* =====================================
   ÜST BEYAZ BOŞLUK TEMİZLE
===================================== */

/* Body / html default boşluk */
html, body{
  margin:0 !important;
  padding:0 !important;
}

/* Header – promo bar arası boşluk */
header,
.navbar,
.sub-header,
.promo-bar{
  margin:0 !important;
  padding:0 !important;
}

/* =====================================
   PROMO BAR YÜKSEKLİK & ORTALAMA FIX
===================================== */

.promo-bar{
  display:flex;
  align-items:center;
  min-height:48px;      /* ← bar yüksekliği */
  line-height:1;
}

/* İç kayan yazı */
.promo-track{
  padding:0 !important;   /* ← yukarıdan aşağıdan boşluk GİDER */
  margin:0 !important;
  align-items:center;
}

/* Metinler */
.promo-track span,
.promo-track p,
.promo-track div{
  margin:0 !important;
  padding:0 24px;        /* sadece yatay boşluk */
  line-height:1.2;
  display:flex;
  align-items:center;
}