/* transformed from scss to css */
@media (min-width: 768px) {
  .header--component {
    margin-bottom: 0;
  }
}

.main-nav {
  --borderSize: 3px;
}

.main-nav a {
  border-bottom: var(--borderSize) solid transparent;
  transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
}

.main-nav a.open {
  border-bottom: var(--borderSize) solid black;
  pointer-events: none;
}

.main-nav a.open + .menu-dropdown--wrapper {
  opacity: 1;
  transform: translateY(0);
}



.menu-dropdown--wrapper {
  position: absolute;
  background-color: #fbf7f6;
  box-shadow: 1px 4px 20px -15px rgba(0, 0, 0, 0.6);
  transform: translateY(-150%);
  opacity: 0;
  right: 0;
  top: 38px;
}

.menu-dropdown--wrapper.wide {
  width: 100%;
  left: 0;
  top: 0px;
}

@media(min-width: 1024px) {
  .main-nav a:hover {
    border-bottom: var(--borderSize) solid black;
    transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
  }

  .main-nav a:hover + .menu-dropdown--wrapper {
    opacity: 1;
    transform: translateY(-5px);
    z-index: 101;
    transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .menu-dropdown--wrapper:hover {
    opacity: 1;
    transform: translateY(-5px);
    z-index: 101;
    transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .menu-dropdown--wrapper-inner a:hover {
    /*color: #00a670;*/
    border-bottom: 1px solid #333;
    text-decoration: none;
  }
}

.menu-dropdown--wrapper-inner a {
  border-bottom: 1px solid transparent;
}



.menu-dropdown--wrapper-inner ul li {
  line-height: 1.8;
}

.bottom-menu--wrapper {
  box-shadow: 0px -4px 20px -15px rgba(0, 0, 0, 0.6);
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 250ms ease-in-out;
}


.bottom-menu--wrapper-inner .menu-dropdown--wrapper {
  transform: translateY(100%);
  overflow-y: auto;
}

.bottom-menu--wrapper-inner .menu-dropdown--wrapper.full {
  height: calc(100dvh - 72px);
}

.bottom-menu--wrapper-inner ul li {
  padding: 7px 0;
}

.bottom-menu--wrapper-inner a.open + .menu-dropdown--wrapper {
  width: 100%;
  opacity: 1;
  box-shadow: 1px -10px 20px -15px rgba(0, 0, 0, 0.4);
  transform: translateY(calc(-100% - 38px));
}

.hidden-bottom-bar,
#bottomMenu.hidden-bottom-bar-high {
  bottom: -85px;
  transition: all 250ms ease-in-out;
}


.shortlist-item--card {
  border-radius: 15px;
  box-shadow: 1px 4px 20px -15px rgba(0, 0, 0, 0.6);
  height: fit-content;
}

.shortlist-item--image-wrapper {
  border-radius: 15px 15px 0 0;
  position: relative;
  height: 130px;
  overflow: hidden;
}

.shortlist-item--image-wrapper img {
  border-radius: 15px 15px 0 0;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  object-position: center;
  height: 100%;
  width: 100%;
}



.shortlist-item--content {
  padding: 15px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
}

#shortlistWrapper {
  padding-bottom: 30px;
  max-height: 700px;
  overflow-y: auto;
}

.shortlist-sync--icon {
  animation: 3s rotate360 infinite linear;
}


@keyframes rotate360 {
  to { transform: rotate(360deg); }
}