/* Main banner navigation only. */
.c-slider > .owl-carousel > .owl-nav > button.owl-prev,
.c-slider > .owl-carousel > .owl-nav > button.owl-next {
  appearance: none;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #191e30;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  opacity: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.c-slider > .owl-carousel > .owl-nav > button.owl-prev { left: 24px; }
.c-slider > .owl-carousel > .owl-nav > button.owl-next { right: 24px; }
.c-slider > .owl-carousel > .owl-nav > button > .icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-slider > .owl-carousel > .owl-nav > button svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.8;
}
.c-slider > .owl-carousel > .owl-nav > button:focus-visible {
  outline: 3px solid #191e30;
  outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .c-slider > .owl-carousel > .owl-nav > button:hover {
    background: #191e30;
    color: #fff;
  }
}
.c-slider > .owl-carousel > .owl-nav > button:active {
  transform: translateY(-50%) scale(.96);
}

/* Reserve space for logo, search, discount, favorites and cart. */
@media (min-width: 1200px) {
  .header-fixed .container-fluid > .d-flex > .c-logo {
    flex: 0 0 128px;
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    margin-right: 24px;
  }
  .header-fixed .container-fluid > .d-flex > nav.navbar {
    width: auto !important;
    min-width: 0;
    flex: 1 1 0%;
    transition: none;
  }
  .header-fixed .container-fluid > .d-flex > .c-icons {
    flex: 0 0 auto;
    margin-left: 24px;
  }
  .header-fixed nav.navbar > .navbar-nav {
    flex-wrap: nowrap;
  }
  .header-fixed nav.navbar > .navbar-nav > .nav-item {
    flex: 0 0 auto;
  }
  .header-fixed nav.navbar > .navbar-nav > .nav-item > .nav-link {
    white-space: nowrap;
  }
}

.c-slider > .owl-carousel > .owl-nav > button.disabled {
  opacity: .35;
  cursor: default;
}

/* Reserve the logo geometry before its lazy-loaded image arrives. */
@media (min-width: 1200px) {
  .header-fixed .c-logo .c-logo__link,
  .header-fixed .c-logo .c-logo__img { display: block; width: 100%; }
  .header-fixed .c-logo .c-logo__img img {
    display: block;
    width: 128px;
    height: 80px;
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
  }
  .header-fixed nav[data-responsive-navbar] > .navbar-nav {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .header-fixed nav[data-responsive-navbar] > .navbar-nav > .is-hidden {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .header-fixed nav[data-responsive-navbar] > .navbar-nav > .nav-item--more:not(.is-hidden) {
    display: block !important;
    visibility: visible;
    position: relative;
  }
  .header-fixed .nav-item--more > button .icon { color: #191e30 !important; }
  .header-fixed .nav-item--more > button svg circle { fill: currentColor; }
}