@charset "utf-8";

.ss__recommendation--home.ss__theme.ss__recommendation--carousel, .ss__recommendation--home-featured.ss__theme.ss__recommendation--carousel { padding: 0px 12px; }

.ss__recommendation--home.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title, .ss__recommendation--home-featured.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { color: rgb(19, 80, 135); padding-left: 0px; font-size: 24px !important; }

@media only screen and (min-width: 960px) {
  .ss__recommendation--home.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title, .ss__recommendation--home-featured.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { text-align: center; }
}

body.t-page-prod .ss__theme.ss__recommendation--carousel { padding: 0px 12px; }

@media only screen and (min-width: 768px) {
  body.t-page-prod .ss__theme.ss__recommendation--carousel { padding: 0px 16px; }
}

body.t-page-prod .ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { padding-left: 0px; }

.ss__no-results { max-width: 100%; }

@media only screen and (min-width: 960px) {
  .ss__no-results { max-width: 72%; }
}

.ss__no-results .ss__recommendation--no-results.ss__theme.ss__recommendation--carousel { padding: 0px; }

.ss__no-results .ss__recommendation--no-results.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { color: rgb(19, 80, 135); padding-left: 0px; font-size: 24px !important; }

.ss__theme.ss__recommendation--carousel { position: relative; margin: 32px auto; max-width: 1440px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header { margin: 0px 0px 12px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { margin: 0px; text-align: left; padding: 0px 80px 0px 16px; font-size: 24px; color: rgb(0, 0, 0); }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title a { color: inherit; }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__recommendation__description { margin: 8px 0px 0px; color: rgb(0, 0, 0); }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper { border-radius: 2px; cursor: pointer; width: 24px; height: 24px; line-height: 24px; position: absolute; top: 2px; z-index: 2; background-color: rgb(19, 80, 135); }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper div, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper svg, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper div, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper svg { width: 100%; height: 100%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper div svg, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper div svg { fill: rgb(255, 255, 255); padding: 8px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper { right: 48px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper { right: 12px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper--hidden, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .ss__carousel__next-wrapper--hidden { display: none; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container-pointer-events { touch-action: pan-y; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container { margin: 0px auto; padding: 0px; overflow: hidden; display: flex; flex-flow: wrap; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper .swiper-slide { position: relative; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper { min-width: 1px; -webkit-box-flex: 1; flex: 1 1 100%; display: flex; flex-flow: row; -webkit-box-align: start; align-items: flex-start; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper .swiper-slide { transition-property: transform; width: 100%; height: 100%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel .swiper-container .swiper-wrapper .swiper-slide { flex-shrink: 0; }

.ss__theme.ss__recommendation--carousel .ss__results { display: block; }

.ss__theme.ss__recommendation--carousel .ss__results, .ss__theme.ss__recommendation--carousel .ss__results .ss__result { margin: 0px; padding: 0px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result { padding: 0px; }

@media only screen and (min-width: 768px) {
  .ss__theme.ss__recommendation--carousel .ss__results .ss__result { padding: 6px; }
}

@media only screen and (min-width: 960px) {
  .ss__theme.ss__recommendation--carousel .ss__results .ss__result { padding: 8px; }
}

@media only screen and (min-width: 1200px) {
  .ss__theme.ss__recommendation--carousel .ss__results .ss__result { padding: 10px; }
}

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .x-product-list__inner:hover { box-shadow: rgba(51, 51, 51, 0.25) 0px 0px 10px 0px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .x-product-list__inner form { margin: 8px 16px 0px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .t-product-layout-purchase__quantity { flex-flow: wrap; height: 42px; min-height: unset; min-width: 42px; border-width: 1px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .t-product-layout-purchase__quantity .c-form-label { font-size: 10px; padding: 0px; margin: 0px; min-width: 32px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .t-product-layout-purchase__quantity .c-form-input { width: 40px; padding: 0px; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .t-product-layout-purchase__add-to-cart { height: 42px; min-height: unset; }

.ss__theme.ss__recommendation--carousel .ss__results .ss__result .t-product-layout-purchase__add-to-cart input { padding: 4px 8px; }

@media only screen and (min-width: 768px) {
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) { padding: 0px 16px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation__header .ss__title { padding: 0px 72px 0px 6px; font-size: 28px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__next-wrapper { width: 28px; height: 28px; line-height: 28px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper div svg, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__next-wrapper div svg { padding: 9px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper { right: 60px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__next-wrapper { right: 22px; }
}

@media only screen and (min-width: 960px) {
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation__header { text-align: center; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation__header .ss__title { padding: 0px; font-size: 32px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel { padding: 0px 48px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__next-wrapper { width: 32px; height: 32px; line-height: 32px; top: 42%; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper div svg, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__next-wrapper div svg { padding: 10px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel .ss__carousel__prev-wrapper { left: 16px; right: auto; }
}