.section-announcement-bar {
  position: sticky;
  top: 0;
  z-index: 102;
}

.mini-cart-is-active .section-announcement-bar,
.no-scroll .section-announcement-bar {
  z-index: 99;
}

.js-announcement-carousel {
  padding: 0.6250rem 0;
}

.announcement-bar {
  position: relative;
  width: 100%;
  display: block;
  background-color: var(--hh-color-brand-primary);
}

@media (max-width: 750px) {
  .announcement-bar {
    max-width: 100vw;
    overflow: hidden;
  }
}

.announcement-col__country-selector,
.announcement-col__nav {
  display: none;
}

.announcement-bar .announcement-bar__wrapper {
  grid-template-columns: 1fr;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__slider {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 2.5000rem;
  width: 100vw;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__slider-single {
  justify-content: center;
}

.announcement-bar .announcement-bar__wrapper .announcement-prev,
.announcement-bar .announcement-bar__wrapper .announcement-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.announcement-bar .announcement-bar__wrapper .announcement-prev {
  left: 10px;
}

.announcement-bar .announcement-bar__wrapper .announcement-next {
  right: 10px;
}

.announcement-carousel {
  flex: 1;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__slider button {
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__slider .announcement__message-text {
  --hh-color-text: var(--hh-color-day);
  margin: 0;
  color: var(--hh-color-day);
  letter-spacing: 0.0125rem;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__slider .announcement__message-text a {
  margin-left: 0.5000rem;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__nav nav ul {
  display: flex;
  justify-content: flex-end;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__nav nav ul li {
  margin-right: 0.6250rem;
  display: flex;
  align-items: center;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__nav nav ul li a {
  text-decoration: none;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__nav nav ul li:last-child {
  margin-right: 0px;
}

.announcement-bar__message {
  scroll-snap-align: center;
  width: 100%;
  flex-shrink: 0;
  justify-content: center;
}

.announcement-bar .announcement-bar__wrapper .announcement-col__nav nav ul button.no-styles svg:first-child {
  margin-right: 0px;
}

.announcement-col__country-selector {
  flex: 1;
}

.announcement-col__country-selector div>div {
  margin-right: 0.6250rem;
}

.announcement-col__country-selector div>div:last-child {
  margin-right: 0px;
}

.announcement-col__slider {
  flex: 1;
}

.announcement-col__slider button {
  color: var(--hh-color-neutral);
}

.announcement-col__nav {
  flex: 1;
}

@media (min-width: 992px) {
  .announcement-bar .announcement-bar__wrapper {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .announcement-bar .announcement-bar__wrapper .announcement-col__slider {
    padding: 0;
    flex: 2.5;
  }

  .announcement-bar .announcement-bar__wrapper .announcement-prev,
  .announcement-bar .announcement-bar__wrapper .announcement-next {
    position: initial;
    top: unset;
    left: unset;
    right: unset;
    transform: unset;
  }

  .announcement-bar__message {
    padding: 0 calc(var(--hh-gutter) * 2);
  }

  .announcement-col__country-selector,
  .announcement-col__nav {
    display: block;
  }
}