.back-to-searches-wrap { width: 100%; max-width: 100%; max-height: 90%; position: fixed; bottom: 0; left: 50%; z-index: 999; transform: translate(-50%, 100%); padding: 1.25rem; background-color: hsl(var(--white)); border-radius: var(--borderRadius) var(--borderRadius) 0 0; box-shadow: 0 0 1.25rem hsla(var(--siteColor1), 0.25); transition: all 0.4s ease-in-out; }
.back-to-searches-wrap.active { transform: translate(-50%, 0); }
.back-to-search-container { width: 100%; max-width: 112.5rem; }
.back-to-search-toggle { cursor: pointer; height: 2rem; display: flex; justify-content: center; align-items: center; padding: 0.5rem 1rem; position: absolute; bottom: 100%; left: 50%; z-index: 1; transform: translateX(-50%); background-color: hsl(var(--white)); border-radius: var(--borderRadius) var(--borderRadius) 0 0; box-shadow: 0 -1rem 1.25rem hsla(var(--siteColor1), 0.25); }
.back-to-search-toggle .text { display: none; margin-right: 0.25rem; font-size: 1rem; font-weight: var(--wBold); text-transform: uppercase; }
.back-to-search-toggle .icon { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; color: hsl(var(--siteColor1)); line-height: 1; transform: rotate(0); transition: all 0.4s ease-in-out; }
.back-to-search-toggle.active .icon { transform: rotate(180deg); }
.search-suggestions { padding: 0 1.5rem; position: relative; }

/* Search Suggestion Block */
.search-suggestion { overflow: hidden; width: 100%; position: relative; border-radius: var(--borderRadius); }
.search-suggestion-img-wrap { aspect-ratio: 4 / 3; width: 100%; min-height: 15rem; max-height: 28rem; position: relative; background-color: hsl(var(--siteColor1)); }
.search-suggestion-img { object-fit: cover; opacity: 0.9; width: 100%; height: 100%; position: absolute; inset: 0; z-index: 1; transition: all 0.4s ease-in-out; }
.search-suggestion-info-wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: absolute; inset: 0; z-index: 2; padding: 1rem; background-color: hsla(var(--white), 10%); }
.search-suggestion-info { width: 100%; max-width: 20rem; min-height: 8rem; display: flex; flex-direction: column; justify-content: flex-start; position: relative; transform: translateY(0); padding: 1rem; background-color: hsla(var(--siteColor1), 80%); border-radius: var(--borderRadius); color: hsl(var(--white)); text-decoration: none; transition: all 0.4s ease-in-out; }
.search-suggestion:hover .search-suggestion-info { transform: translateY(-1.25rem); background-color: hsla(var(--siteColor1), 100%); color: hsl(var(--white)); text-decoration: none; }
.search-suggestion-info-wrap .title { font-size: 1.75rem; line-height: 1.15; text-transform: capitalize; color: inherit; }
.search-suggestion-info-wrap .desc { line-height: 1.25; color: inherit; }
@media (min-width: 480px) {
  .search-suggestion-info-wrap { padding: 1.75rem 1.5rem; }
}

/* Back to Search Carousel */
.back-to-search-carousel { padding: 0; }
.back-to-search-carousel .owl-nav { width: calc(100% + 5rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 !important; }
.back-to-search-carousel button.owl-prev,
.back-to-search-carousel button.owl-next { width: 2.25rem; height: 2.25rem; padding: 0.3125rem !important; position: absolute; background: transparent !important; outline: none; border-radius: 0.125rem; text-align: center; }
.back-to-search-carousel button.owl-prev { left: 0; }
.back-to-search-carousel button.owl-next { right: 0; }
.back-to-search-carousel button.owl-prev.disabled,
.back-to-search-carousel button.owl-next.disabled { opacity: 0.5 !important; }
.back-to-search-carousel button.owl-prev:focus,
.back-to-search-carousel button.owl-next:focus { outline: none; }
.back-to-search-carousel button.owl-prev .fa,
.back-to-search-carousel button.owl-next .fa { font-size: 1.5rem; color: hsl(var(--siteColor1)); }
.back-to-search-carousel .owl-dots { max-width: 18rem; margin: 1rem auto; }
.back-to-search-carousel .owl-dot,
.back-to-search-carousel .owl-dot:focus { outline: none; }
.back-to-search-carousel .owl-dot span { width: 1.5625rem !important; height: 1.5625rem !important; border: 0.25rem solid hsl(0, 0%, 84%); outline: none !important; }
.back-to-search-carousel .owl-dot.active span { background: hsl(var(--siteColor1)) !important; }
