/* Keep offer navigation inside the container, like the category carousel. */
.tiles.js-slider-recommended-offers {
  margin-left: 36px;
  margin-right: 36px;
  overflow: visible;
}

.js-slider-recommended-offers .flex-viewport {
  margin-left: 0;
  margin-right: 0;
}

.js-slider-recommended-offers .slides > li {
  display: none;
}

.tiles.js-slider-recommended-offers .flex-prev,
.tiles.js-slider-recommended-offers .flex-next {
  width: 36px;
  height: 48px;
  top: calc(50% - 24px);
  padding: 0;
  background: none;
  color: inherit;
  font-size: 2rem;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  transform: none;
}

.tiles.js-slider-recommended-offers .flex-prev,
.tiles.js-slider-recommended-offers .flex-prev:hover {
  left: -36px;
}

.tiles.js-slider-recommended-offers .flex-next,
.tiles.js-slider-recommended-offers .flex-next:hover {
  right: -36px;
}

.js-slider-recommended-offers .flex-direction-nav a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

.js-slider-recommended-offers .tile__price {
  display: block;
  position: static;
  margin: 8px 0;
  text-align: left;
}