@charset "utf-8";

div.section-ss-product-recommendations { background: rgb(242, 242, 242); }

div.section-ss-product-recommendations:not(.ss-titan-attachments) [searchspring-recommend] { min-width: 1px; padding: 0px 0px 0px 20px; overflow: hidden; }

div.section-ss-product-recommendations.ss-titan-attachments [searchspring-recommend] { overflow: hidden; }

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

.ss__theme.ss__recommendation--carousel .ss__recommendation__header > * { min-width: 1px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header, .ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__carousel__navigation { flex-flow: wrap; display: flex; align-items: center; }

.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__title { order: 1; text-align: left; flex: 1 1 0%; }

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

.ss__theme.ss__recommendation--carousel .ss__recommendation__header .ss__recommendation__description { order: 2; flex: 1 1 100%; margin: 10px 0px 0px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation { position: relative; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { display: none; position: absolute; top: 0px; bottom: 21%; z-index: 2; margin: auto; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper { left: 0px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { right: 0px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container { overflow: visible; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container > .swiper-wrapper { cursor: grab; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container > .swiper-wrapper > .swiper-slide { height: auto; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container > .swiper-wrapper > .swiper-slide .ss__recommendation-result-tracker { height: 100%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container > .swiper-wrapper > .swiper-slide .ss__result { height: 100%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container > .swiper-wrapper > .swiper-slide .ss__result .card__heading a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer { position: relative; width: 100%; max-width: calc(100% - 2px); height: 32px; margin-top: 16px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .swiper-scrollbar { background: rgb(202, 202, 202); border-radius: 8px; height: 2px; transition: opacity 0.4s; width: 100%; top: 17px; left: 0px; z-index: 1; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .swiper-scrollbar .swiper-scrollbar-drag { background: rgb(0, 0, 0); height: 4px; display: block; border-radius: 10px; cursor: grab; top: -1px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation { position: absolute; right: 50px; top: 0px; display: none; justify-content: flex-start; align-items: center; gap: 24px; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button { cursor: pointer; transition: 0.4s ease-in; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button.ss__carousel__prev { transform-origin: 100% 50%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button.ss__carousel__next { transform-origin: 0% 50%; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button:hover { transform: scale(1.3); }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button.swiper-button-disabled { opacity: 0.35; }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button.ss__carousel__prev { background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11 17H27V15H11V17Z%27 fill=%27black%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11.4141 16L17.707 9.70706L16.2928 8.29285L8.58571 16L16.2928 23.7071L17.707 22.2928L11.4141 16Z%27 fill=%27black%27/%3E%3C/svg%3E%0A"); }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button.ss__carousel__next { background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M21 17H5V15H21V17Z%27 fill=%27black%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M20.5859 16L14.293 9.70706L15.7072 8.29285L23.4143 16L15.7072 23.7071L14.293 22.2928L20.5859 16Z%27 fill=%27black%27/%3E%3C/svg%3E%0A"); }

.ss__theme.ss__recommendation--carousel .ss__recommendation .ss__carousel__recommendation > .swiper-container .ss__carousel__footer .ss__carousel__navigation .ss__button .ss__icon__wrapper { transition: 0.4s ease-in; transform-origin: 0% 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; }

@media only screen and (min-width: 768px) {
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { width: 28px; height: 28px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper div { line-height: 28px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper div .ss__icon__wrapper { width: 10px; height: 10px; line-height: 10px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { bottom: 20%; }
}

@media only screen and (min-width: 1024px) {
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini).ss__recommendation--ash .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__footer .swiper-scrollbar, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini).ss__recommendation--pallet .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__footer .swiper-scrollbar { max-width: calc(100% - 120px); }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini).ss__recommendation--ash .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__navigation, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini).ss__recommendation--pallet .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__navigation { right: 0px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini).ss__recommendation--ash { padding-left: 48px; padding-right: 48px; }
  .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__carousel__navigation { display: none; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { width: 32px; height: 32px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper div, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper div { line-height: 32px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__prev-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation > .ss__carousel__next-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper div .ss__icon__wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper div .ss__icon__wrapper { width: 12px; height: 12px; line-height: 12px; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation .swiper-container .ss__carousel__footer .swiper-scrollbar, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__footer .swiper-scrollbar { max-width: calc(100% - 170px); }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__carousel__navigation .swiper-container .ss__carousel__footer .ss__carousel__navigation, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation .swiper-container .ss__carousel__footer .ss__carousel__navigation { display: flex; }
  .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__prev-wrapper, .ss__theme.ss__recommendation--carousel:not(.ss__recommendation--mini) .ss__recommendation .ss__carousel__recommendation > .ss__carousel__next-wrapper { display: block; bottom: 22%; }
}