/* Üst duyuru bandı – GIF yerine saf CSS */
body::before {
    content: "3000 TL ÜZERİ ÜCRETSİZ KARGO\A TÜM KREDİ KARTLARINA VADE FARKSIZ 3 TAKSİT!\A 3000 TL ÜZERİ ÜCRETSİZ KARGO";
    display: block;
    width: 100%;
    height: 45px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 10px;
    background: #004aad;           /* Bant rengi (GIF'teki mavi) */
    color: transparent;            /* Dokunmayın */
    text-shadow: 0 -90px 0 #fff;   /* Yazı rengi */
    font: 700 16px/45px "Montserrat", "Poppins", Arial, Helvetica, sans-serif;
    letter-spacing: .3px;
    text-align: center;
    white-space: pre;
    animation: duyuruKay 8s ease-in-out infinite;
}

@keyframes duyuruKay {
    0%, 40%   { text-shadow: 0 -90px 0 #fff; }  /* 1. yazı bekler */
    50%, 90%  { text-shadow: 0 -45px 0 #fff; }  /* 2. yazı yukarıdan iner */
    100%      { text-shadow: 0   0   0 #fff; }  /* 1. yazı yukarıdan iner */
}

/* Mobil */
@media (max-width: 480px) {
    body::before {
        font-size: 12px;
        letter-spacing: 0;
    }
}

/* Sayfa içeriği hizalaması */
header, #top-bar {
    position: relative;
    top: 0;
}

/* Mobil Düzenlemesi (Telefonlar için) */
@media only screen and (max-width: 768px) {
    body::before {
        height: 30px; /* Mobilde yüksekliği düşürerek taşmayı önler */
        background-size: cover; /* Mobilde boşluk kalmaması için */
    }
}

/* Çok küçük ekranlar için ekstra önlem */
@media only screen and (max-width: 480px) {
    body::before {
        height: 25px;
    }
}

.qreate-seo-bottom-section{
  width:100%!important;
  position:relative!important;
}

.qreate-seo-content{
  width:100%!important;
  position:relative!important;
}

.qreate-seo-text-content{
  position:relative!important;
  max-height:140px!important;
  overflow:hidden!important;
  transition:max-height .45s ease!important;
}

.qreate-seo-fade-effect{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:90px!important;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 85%)!important;
  pointer-events:none!important;
  z-index:2!important;
}

.qreate-seo-bottom-section.qreate-seo-open .qreate-seo-fade-effect{
  display:none!important;
}

.qreate-seo-expand-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  margin:18px auto 0!important;
  padding:10px 22px!important;
  border:1px solid #111!important;
  border-radius:4px!important;
  background:#111!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:all .25s ease!important;
}

.qreate-seo-expand-toggle:hover{
  background:#fff!important;
  color:#111!important;
}

@media(max-width:768px){
  .qreate-seo-text-content{
    max-height:220px!important;
  }

  .qreate-seo-expand-toggle{
    font-size:13px!important;
    padding:9px 18px!important;
  }
}