/* @media (min-width: 1024px) {
  .col-full {
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
    box-sizing: content-box;
  }
} */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.col-full {
  /* max-width: 1440px; */
  max-width: 100vw;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0;
  box-sizing: content-box;
}

.site-main {
  margin: 0 !important;
}

.site {
  overflow: unset !important;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  /* outline: 2px solid #7f54b3; */
  outline: none !important;
}

img {
  border-radius: 0 !important;
}

form {
  margin: 0 !important;
}

/* BREADCRUMBS */
.fufu-breadcrumbs {
  color: var(--c-turquoise-03);
  padding: 1.5rem var(--space-page-x) 0 var(--space-page-x);
  margin: 0;
  font-family: var(--font-family-body);
  font-size: var(--font-size-13);
  line-height: var(--line-height-135);
  font-weight: var(--font-weight-regular);
}

.fufu-breadcrumbs a,
.fufu-breadcrumbs .separator {
  color: var(--c-turquoise-03);
  opacity: 50%;
}
.fufu-breadcrumbs .separator {
  margin: 0 0.5rem;
}

/* BUTTONS */
.fufu-button-text-animated {
  overflow: hidden;
}

.fufu-button__text {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  height: 1rem;
  overflow: hidden;
}

.fufu-button__text span {
  display: block;
  height: 1rem;
  transform: translateY(0);
  transition: transform 450ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-button-text-animated:hover .fufu-button__text span {
  transform: translateY(calc(-100% - 0.25rem));
}

a.fufu-link-with-icon {
  color: var(--c-turquoise-03);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: underline;
}

a.fufu-link-with-icon::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 13.5L9 13.5C6.25 13.5 4 11.302 4 8.615L4 8.645L4 7' stroke='%231E4146' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.952 9.45215L20 13.5001L15.952 17.5481' stroke='%231E4146' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
}

.fufu-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 2rem;
  border: none;
  font-family: var(--font-family-body);
  font-size: var(--font-size-13);
  line-height: var(--line-height-110);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
}

.fufu-button-white {
  background-color: var(--c-black-01);
  color: var(--c-turquoise-03);
}

.fufu-button-green {
  background-color: var(--c-turquoise-03);
  color: var(--c-black-01);
}

.fufu-button-green:hover {
  background-color: var(--c-turquoise-03);
  color: var(--c-black-01);
}

.fufu-button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 2rem;
  background-color: transparent;
  font-family: var(--font-family-body);
  font-size: var(--font-size-13);
  line-height: var(--line-height-110);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
}

.fufu-button-outline-white {
  border: solid 1px var(--c-black-01);
  color: var(--c-black-01);
}

.fufu-button-outline-green {
  border: solid 1px var(--c-turquoise-03);
  color: var(--c-turquoise-03);
  font-weight: var(--font-weight-regular);
  background: transparent;
}

.fufu-button-outline-green-select {
  border: solid 1px var(--c-turquoise-additional-03);
  color: var(--c-turquoise-03);
  font-weight: var(--font-weight-regular);
  background: transparent;
}

.fufu-button-outline-green-select:hover,
.fufu-button-outline-green-select.is-active {
  border: solid 1px var(--c-turquoise-03);
  color: var(--c-turquoise-03);
  background: transparent;
}

.fufu-button-green-clear {
  border: solid 1px var(--c-turquoise-additional-03);
  color: var(--c-turquoise-additional-05);
  background: var(--c-turquoise-additional-01);
  transition:
    background 250ms ease,
    color 250ms ease,
    border-color 250ms ease,
    opacity 250ms ease;
}

.fufu-button-green-clear:hover {
  border: solid 1px var(--c-turquoise-additional-04);
  color: var(--c-turquoise-additional-06);
  background: var(--c-turquoise-additional-02);
}

.fufu-button-green-clear:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* IMG ANIMATIONS */
.fufu-hover-media {
  overflow: hidden;
}

.fufu-hover-media__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform 350ms ease;
}

.fufu-hover-card:hover .fufu-hover-media__image,
.fufu-hover-card:focus-within .fufu-hover-media__image {
  transform: scale(1);
}

/* SLIDER ARROWS */
.fufu-slider-arrows {
  display: flex;
  align-items: center;
}

.fufu-slider-arrow {
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  border: 1px solid var(--c-turquoise-03);
  background: transparent;
  color: var(--c-turquoise-03);
  appearance: none;
  -webkit-appearance: none;
  transition:
    border-color 600ms cubic-bezier(0.69, 0, 0.47, 1),
    color 600ms cubic-bezier(0.69, 0, 0.47, 1),
    background-color 600ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-slider-arrow + .fufu-slider-arrow {
  margin-left: -1px;
}

.fufu-slider-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
}

/* PREV */
.fufu-slider-arrow--prev::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L4.16667 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.33366 5.8335L4.16699 10.0002' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.33366 14.1667L4.16699 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L4.16667 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.33366 5.8335L4.16699 10.0002' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.33366 14.1667L4.16699 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* NEXT */
.fufu-slider-arrow--next::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L15.8333 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11.667 5.8335L15.8337 10.0002' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11.667 14.1667L15.8337 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L15.8333 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11.667 5.8335L15.8337 10.0002' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11.667 14.1667L15.8337 10' stroke='black' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fufu-slider-arrow:hover {
  border-color: var(--c-turquoise-03);
  color: var(--c-turquoise-03);
  background: transparent;
}

.fufu-slider-arrow:disabled {
  border-color: var(--c-black-05);
  color: var(--c-black-05);
  cursor: default;
  background: transparent;
}

/* CLOSE BUTTON OFFCANVAS */
.fufu-icon-close {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--c-turquoise-03);
  cursor: pointer;
}

.fufu-icon-close:hover,
.fufu-icon-close:focus {
  background: transparent;
  color: var(--c-turquoise-03);
}

.fufu-icon-close::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.667 10.6667L21.3337 21.3334M21.3337 10.6667L10.667 21.3334' stroke='black' stroke-width='1.66667' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.667 10.6667L21.3337 21.3334M21.3337 10.6667L10.667 21.3334' stroke='black' stroke-width='1.66667' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 2rem 2rem;
  mask-size: 2rem 2rem;
}

/* FAVORITE */
.fufu-favorite-toggle {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.fufu-favorite-toggle:hover {
  background: transparent;
  opacity: 75%;
}

.fufu-favorite-toggle::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.08 3.33334C15.7258 3.33334 17.5 5.81667 17.5 8.12917C17.5 12.8233 10.1342 16.6667 10 16.6667C9.86583 16.6667 2.5 12.8233 2.5 8.12917C2.5 5.81667 4.27417 3.33334 6.92 3.33334C8.4325 3.33334 9.42583 4.0875 10 4.75917C10.5742 4.0875 11.5675 3.33334 13.08 3.33334Z' stroke='%231E4146' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fufu-favorite-toggle.is-active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.08 3.33334C15.7258 3.33334 17.5 5.81667 17.5 8.12917C17.5 12.8233 10.1342 16.6667 10 16.6667C9.86583 16.6667 2.5 12.8233 2.5 8.12917C2.5 5.81667 4.27417 3.33334 6.92 3.33334C8.4325 3.33334 9.42583 4.0875 10 4.75917C10.5742 4.0875 11.5675 3.33334 13.08 3.33334Z' fill='%231E4146' stroke='%231E4146' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fufu-favorite-toggle.is-active:hover::before {
  opacity: 75%;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.08 3.33334C15.7258 3.33334 17.5 5.81667 17.5 8.12917C17.5 12.8233 10.1342 16.6667 10 16.6667C9.86583 16.6667 2.5 12.8233 2.5 8.12917C2.5 5.81667 4.27417 3.33334 6.92 3.33334C8.4325 3.33334 9.42583 4.0875 10 4.75917C10.5742 4.0875 11.5675 3.33334 13.08 3.33334Z' fill='%231E4146' stroke='%231E4146' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}