/* =================================================================================================
   İPEK OTO — STOREFRONT CAMPAIGN TICKER V1.1
   Refined continuous promotional top bar.
   ================================================================================================= */

.sf-site-header .sf-campaign-ticker {
  position: relative;
  display: block;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  background: #0b477f;
  color: #fff;
}

.sf-site-header .sf-campaign-ticker__viewport {
  position: relative;
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 2.4%,
    #000 97.6%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 2.4%,
    #000 97.6%,
    transparent 100%
  );
}

.sf-site-header .sf-campaign-ticker__track {
  width: max-content;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  will-change: transform;
  animation: sfCampaignTickerMove 38s linear infinite;
}

.sf-site-header .sf-campaign-ticker__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 40px;
  white-space: nowrap;
}

.sf-site-header .sf-campaign-ticker__item {
  position: relative;
  width: 600px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 600px;
  padding: 0 48px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.002em;
}

.sf-site-header .sf-campaign-ticker__item strong {
  color: inherit;
  font: inherit;
  font-weight: 600;
  white-space: nowrap;
}

.sf-site-header .sf-campaign-ticker__item--primary strong {
  font-weight: 700;
  letter-spacing: 0.008em;
}


.sf-site-header .sf-campaign-ticker:hover .sf-campaign-ticker__track {
  animation-play-state: paused;
}

@keyframes sfCampaignTickerMove {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 1500px) {
  .sf-site-header .sf-campaign-ticker__item {
    width: 520px;
    flex-basis: 520px;
  }
}

@media (max-width: 1100px) {
  .sf-site-header .sf-campaign-ticker__item {
    width: 440px;
    flex-basis: 440px;
    padding: 0 36px;
  }
}

@media (max-width: 768px) {
  .sf-site-header .sf-campaign-ticker,
  .sf-site-header .sf-campaign-ticker__viewport,
  .sf-site-header .sf-campaign-ticker__group,
  .sf-site-header .sf-campaign-ticker__item {
    min-height: 38px;
  }

  .sf-site-header .sf-campaign-ticker__track {
    animation-duration: 32s;
  }

  .sf-site-header .sf-campaign-ticker__viewport {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 5%,
      #000 95%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 5%,
      #000 95%,
      transparent 100%
    );
  }

  .sf-site-header .sf-campaign-ticker__item {
    width: 360px;
    flex-basis: 360px;
    padding: 0 28px;
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  .sf-site-header .sf-campaign-ticker__item {
    width: 320px;
    flex-basis: 320px;
    padding: 0 22px;
    font-size: 11.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf-site-header .sf-campaign-ticker__track {
    animation: none;
    transform: none;
  }

  .sf-site-header .sf-campaign-ticker__viewport {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .sf-site-header .sf-campaign-ticker__viewport::-webkit-scrollbar {
    display: none;
  }

  .sf-site-header .sf-campaign-ticker__group[aria-hidden="true"] {
    display: none;
  }
}