@import url(https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,600;1,600&display=swap);
@charset "UTF-8";
:root :where(p) {
  color: #2B2B2B;
}

@keyframes view-screen-entry {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** HEADER **/
/** BORDER RADIUS **/
/** ICON SIZES **/
/* >>> VARIABLE CONFIGURATION <<< */
/* Arrow dimensions */
/* Spacing */
/* Positions (desktop) */
/* Arrow icon dimensions */
/* >>> SLICK CAROUSEL - BASE STYLES <<< */
.slick-initialized .slick-slide {
  display: flex;
  flex-direction: column;
}

/* >>> ARROW STYLES <<< */
/* Base arrow styling */
.slick-arrow {
  border-radius: 2rem;
  background-color: #00534E;
}
.slick-arrow:hover, .slick-arrow:focus {
  background-color: #D7FFD0;
  transition: all 0.35s ease-in-out;
  box-shadow: 2px 0 15px 5px rgba(0, 83, 78, 0.06);
  -webkit-box-shadow: 2px 0 15px 5px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 2px 0 15px 5px rgba(0, 0, 0, 0.06);
}
.slick-arrow:hover::before, .slick-arrow:focus::before {
  background-color: var(--wp--preset--color--primary-color);
}

/* Arrow dimensions and icon */
.slick-next,
.slick-prev {
  width: 46px;
  height: 46px;
}
.slick-next::before,
.slick-prev::before {
  content: "";
  display: block;
  opacity: 1;
  margin: 0 auto;
  height: 16px;
  width: 16px;
  background-color: var(--wp--preset--color--secondary-color);
  -webkit-mask-size: 16px;
          mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='noun-arrow-7558542' xmlns='http://www.w3.org/2000/svg' width='19.106' height='19.143' viewBox='0 0 19.106 19.143'%3E%3Cpath id='Tracé_39215' data-name='Tracé 39215' d='M18.919,28.543a.907.907,0,0,1,.923-.923H34.861l-7.047-7.047a.914.914,0,0,1,1.292-1.292L37.724,27.9a.655.655,0,0,1,.123.154c0,.031.031.031.031.061.031.031.031.061.061.093,0,.031.031.061.031.093s.031.061.031.093a.738.738,0,0,1,0,.369c0,.031-.031.061-.031.093s-.031.061-.031.093-.031.061-.061.093a.1.1,0,0,1-.031.061.551.551,0,0,1-.123.154l-8.617,8.617a.895.895,0,0,1-1.294,0,.892.892,0,0,1,0-1.292l7.048-7.111H19.843a.907.907,0,0,1-.923-.923Z' transform='translate(-18.919 -19.003)' fill='%23d7ffd0'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg id='noun-arrow-7558542' xmlns='http://www.w3.org/2000/svg' width='19.106' height='19.143' viewBox='0 0 19.106 19.143'%3E%3Cpath id='Tracé_39215' data-name='Tracé 39215' d='M18.919,28.543a.907.907,0,0,1,.923-.923H34.861l-7.047-7.047a.914.914,0,0,1,1.292-1.292L37.724,27.9a.655.655,0,0,1,.123.154c0,.031.031.031.031.061.031.031.031.061.061.093,0,.031.031.061.031.093s.031.061.031.093a.738.738,0,0,1,0,.369c0,.031-.031.061-.031.093s-.031.061-.031.093-.031.061-.061.093a.1.1,0,0,1-.031.061.551.551,0,0,1-.123.154l-8.617,8.617a.895.895,0,0,1-1.294,0,.892.892,0,0,1,0-1.292l7.048-7.111H19.843a.907.907,0,0,1-.923-.923Z' transform='translate(-18.919 -19.003)' fill='%23d7ffd0'/%3E%3C/svg%3E%0A");
}

/* Next arrow (right) */
.slick-next {
  top: 50%;
  transform: translateY(-50%);
  right: 4rem;
}
@media only screen and (max-width: 1200px) {
  .slick-next {
    top: auto;
    right: calc(50% - (46px + 0.25rem));
    bottom: calc(-1 * (2.5rem + 46px));
  }
}

/* Previous arrow (left) */
.slick-prev {
  top: 50%;
  transform: translateY(-50%);
  left: 4rem;
}
.slick-prev:before {
  transform: rotate(180deg);
}
@media only screen and (max-width: 1200px) {
  .slick-prev {
    top: auto;
    left: calc(50% - (46px + 0.25rem));
    right: auto;
    bottom: calc(-1 * (2.5rem + 46px));
  }
}

/* >>> ARROW STYLES <<< */
.animate-ping {
  position: relative;
}
.animate-ping::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: inherit;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  pointer-events: none;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
/* >>> VARIABLES<<< */
/* >>> BASIC COMPONENT <<< */
.alert {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 30px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
}

/* >>> VARIANT <<< */
.alert--info {
  color: #6F6F6F;
  background-color: #E2E8EC;
  padding-left: calc(24px + 1rem);
}
.alert--info::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg id='noun-info-2691048' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Tracé_39149' data-name='Tracé 39149' d='M10,20A10,10,0,1,0,0,10,10,10,0,0,0,10,20Zm.04-15.85a1.564,1.564,0,0,1,.8-.42c.086-.016.176-.022.24-.03a1,1,0,0,1,.954.562,1.072,1.072,0,0,1,.03.87,1.642,1.642,0,0,1-1.3,1.1,1.032,1.032,0,0,1-.86-.2.9.9,0,0,1-.344-.612A1.428,1.428,0,0,1,10.04,4.15ZM7.906,9.228q.144-.674.286-1.35c0-.038.024-.044.058-.044h3.336c-.026.12-.048.234-.072.346l-.348,1.634q-.238,1.118-.472,2.234-.216,1.012-.426,2.022a2.366,2.366,0,0,0-.05.374.306.306,0,0,0,.316.334,1.274,1.274,0,0,0,.572-.12c.084-.032.164-.072.256-.114a.541.541,0,0,1-.022.116c-.082.386-.162.77-.244,1.156a.1.1,0,0,1-.04.056,3.024,3.024,0,0,1-1,.374,3.074,3.074,0,0,1-.634.054,1.906,1.906,0,0,1-.9-.2,1.17,1.17,0,0,1-.6-.864,2.24,2.24,0,0,1,0-.8c.078-.428.168-.856.256-1.284.114-.546.232-1.092.348-1.638l.4-1.884a.784.784,0,0,1,.036-.17H7.86C7.876,9.372,7.89,9.3,7.906,9.228Z' transform='translate(0 0)' fill='%2300534e'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.alert--neutral {
  color: #6F6F6F;
  background-color: #F0F4F7;
}

/* >>> COMPONENT <<< */
.stock-status {
  display: flex;
}
.stock-status__badge {
  display: block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin: 0.35rem 0.5rem 0 0;
  border-radius: 50%;
  background-color: #E2E8EC;
}
.stock-status__label {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
}

/* >>> COLOR VARIANTS <<< */
.stock-status__badge--green {
  background-color: #6CA98F;
}
.stock-status__badge--red {
  background-color: #f44336;
}
.stock-status__badge--orange {
  background-color: #ff9800;
}
.stock-status__badge--blue {
  background-color: #2196f3;
}
.stock-status__badge--neutral {
  background-color: #C8D0D7;
}

/* >>> RESET <<< */
a, button {
  border: none;
  outline: none;
  box-shadow: 0 0 0 white;
  background-color: transparent;
  cursor: pointer;
}
a:focus, a.focus, button:focus, button.focus {
  outline: 0;
  box-shadow: 0 0 0 0 white;
}
a.disabled, a:disabled, button.disabled, button:disabled {
  box-shadow: none;
}

/* >>> MIXINS <<< */
/* >>> BUTTON BASE <<< */
.btn, .wp-element-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  font-size: clamp(0.9375rem, 0.96875rem + (1vw - 0.2rem) * 1.214, 1rem);
  font-weight: 600;
  font-family: "ZalandoSans", Arial, Helvetica, sans-serif;
  line-height: normal;
  border-radius: 8px;
  box-shadow: 2px 0 15px 5px rgba(0, 83, 78, 0.06);
  -webkit-box-shadow: 2px 0 15px 5px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 2px 0 15px 5px rgba(0, 0, 0, 0.06);
}
.btn .iconoir-svg, .wp-element-button .iconoir-svg {
  vertical-align: middle;
  margin-right: 0.5rem;
  transition: inherit;
}
.btn .iconoir-svg *, .wp-element-button .iconoir-svg * {
  transition: inherit;
}

/* >>> VARIANTS <<< */
.btn-primary, .wp-element-button {
  background-color: #00534E;
  color: #D7FFD0;
}
.btn-primary .iconoir-svg *, .wp-element-button .iconoir-svg * {
  stroke: #D7FFD0;
}
.btn-primary:hover, .wp-element-button:hover {
  background-color: #D7FFD0;
  transition: all 0.35s ease-in-out;
  color: #00534E;
}
.btn-primary:hover .iconoir-svg *, .wp-element-button:hover .iconoir-svg * {
  stroke: #00534E;
}

.btn-secondary {
  background-color: #D7FFD0;
  color: #00534E;
}
.btn-secondary .iconoir-svg * {
  stroke: #00534E;
}
.btn-secondary:hover {
  background-color: #00534E;
  transition: all 0.35s ease-in-out;
  color: #D7FFD0;
}
.btn-secondary:hover .iconoir-svg * {
  stroke: #D7FFD0;
}

.btn-neutral {
  background-color: #E2E8EC;
  color: #00534E;
}
.btn-neutral .iconoir-svg * {
  stroke: #00534E;
}
.btn-neutral:hover {
  background-color: #E2E8EC;
  transition: all 0.35s ease-in-out;
  color: #00534E;
}
.btn-neutral:hover .iconoir-svg * {
  stroke: #00534E;
}

.btn-white {
  background-color: #FFF;
  color: #00534E;
}
.btn-white .iconoir-svg * {
  stroke: #00534E;
}
.btn-white:hover {
  background-color: #D7FFD0;
  transition: all 0.35s ease-in-out;
  color: #00534E;
}
.btn-white:hover .iconoir-svg * {
  stroke: #00534E;
}

.btn-icon {
  border-radius: 8px;
  border: none;
  padding: 0.8125rem;
}

.btn.btn-outlined {
  box-shadow: none;
}

.btn-neutral.btn-outlined {
  border: 1px solid #E2E8EC;
  background-color: transparent;
  color: #00534E;
}
.btn-neutral.btn-outlined .iconoir-svg * {
  stroke: #00534E;
}
.btn-neutral.btn-outlined:hover, .btn-neutral.btn-outlined:focus {
  border: 1.5px solid #00534E;
  background-color: transparent;
  transition: all 0.35s ease-in-out;
  color: #00534E;
}
.btn-neutral.btn-outlined:hover .iconoir-svg *, .btn-neutral.btn-outlined:focus .iconoir-svg * {
  stroke: #00534E;
}

.btn-link {
  position: relative;
  font-weight: 600;
  font-family: "ZalandoSans", Arial, Helvetica, sans-serif;
  color: #00534E;
  padding-right: calc(16px + 0.5rem);
}
.btn-link::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-5px);
  height: 16px;
  width: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'%3E%3Cpath d='M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'%3E%3Cpath d='M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.btn-link:hover::before, .card:hover .btn-link::before {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* >>> SIZES <<< */
.btn-sm {
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
  font-weight: 500;
  padding: 0.5rem 0.85rem;
  margin-right: 0.2rem;
}
.btn-sm .iconoir-svg {
  width: 14px;
  height: 14px;
}

.btn-md {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  font-weight: 500;
  padding: 0.75rem 1rem;
  margin-right: 0.375rem;
}
.btn-md .iconoir-svg {
  width: 16px;
  height: 16px;
}

.btn-lg {
  font-size: clamp(0.9375rem, 0.96875rem + (1vw - 0.2rem) * 1.214, 1rem);
  font-weight: 600;
  padding: 1rem 1.5rem;
}
.btn-lg .iconoir-svg {
  width: 20px;
  height: 20px;
}

/* >>> SPECIAL BUTTONS Special buttons <<< */
.wp-block-button.is-style-outline {
  color: #00534E;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  font-weight: 600;
  padding: 0 0 0.45rem 0;
  margin: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  font-weight: 700;
  transition: all 0.35s ease-in-out;
}

.button-video {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  border-radius: 32px;
  padding: 0.25rem 1.25rem 0.25rem 0.25rem;
  background-color: #D7FFD0;
}
.button-video span {
  color: #161A1A;
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 700;
}
.button-video .iconoir-svg {
  background-color: #00534E;
  height: 37px;
  width: 37px;
  padding: 0.5rem;
  border-radius: 20px;
}
.button-video:hover {
  background-color: #00534E;
  transition: all 0.35s ease-in-out;
}
.button-video:hover span {
  color: #FFF;
}
.button-video:hover .iconoir-svg {
  background-color: #D7FFD0;
}
.button-video:hover path {
  color: #00534E;
}

/* >>> COMPONENT <<< */
.card-availabilities a {
  display: grid;
  gap: 0.5rem;
  border: 1px solid #E2E8EC;
  border-radius: 15px;
  padding: 1.5rem;
  cursor: pointer;
}
.card-availabilities a:hover {
  border-color: #00534E;
}
.card-availabilities a:hover .card-availabilities__link--change {
  color: #00534E;
}
.card-availabilities a:hover .card-availabilities__link--change .iconoir-svg * {
  stroke: #00534E;
}
.card-availabilities a:hover .card-availabilities__link--change svg, .card-availabilities a:hover .card-availabilities__link--change i, .card-availabilities a:hover .card-availabilities__link--change::after {
  transform: translateX(3px);
}
.card-availabilities a:hover .card-availabilities__link--enter {
  background-color: #00534E;
  transition: all 0.35s ease-in-out;
  color: #D7FFD0;
}
.card-availabilities a:hover .card-availabilities__link--enter .iconoir-svg * {
  stroke: #D7FFD0;
}
.card-availabilities__title {
  color: #00534E;
}
.card-availabilities__link--change {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  text-decoration: underline;
  transform-origin: left center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-availabilities__link--change svg, .card-availabilities__link--change i, .card-availabilities__link--change::after {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-site {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  gap: 1.5rem;
  border: 1px solid #E2E8EC;
  border-radius: 15px;
  padding: 1rem;
}
.card-site__link:hover {
  border-color: #00534E;
}
.card-site__link:hover .btn {
  background-color: #D7FFD0;
  transition: all 0.35s ease-in-out;
  color: #00534E;
}
.card-site__link:hover .btn .iconoir-svg * {
  stroke: #00534E;
}
.card-site p {
  margin: 0; /*reset*/
}
@media screen and (max-width: 1200px) {
  .card-site {
    flex-direction: column;
  }
}
.card-site__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem;
}
.card-site__postal-code {
  font-size: clamp(1.0625rem, 1.09375rem + (1vw - 0.2rem) * 1.765, 1.125rem);
  font-weight: 600;
}
.card-site__name {
  font-size: clamp(0.9375rem, 0.96875rem + (1vw - 0.2rem) * 1.214, 1rem);
  color: #00534E;
  font-weight: 600;
  padding-bottom: 0.25rem;
}
.card-site__address {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  color: #6F6F6F;
  font-weight: 400;
}
.card-site__price-wrapper {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F0F4F7;
  padding: 0.25rem 0.75rem;
  border-radius: 30px;
  margin: 0.5rem 0 0;
}
.card-site__price-wrapper-item {
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
  color: #6F6F6F;
  margin-right: 0.25rem;
}
.card-site__price {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  font-weight: 500;
}
.card-site__price-item {
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
  color: #6F6F6F;
}

/* >>> LAYOUT OF THE 2 SECTIONS <<< */
.simulator {
  display: flex;
}
.simulator__container {
  width: 55%;
}
.simulator__cta {
  width: 45%;
}
@media screen and (max-width: 1200px) {
  .simulator {
    flex-direction: column;
  }
  .simulator__container {
    width: 100%;
  }
  .simulator__cta {
    width: 100%;
  }
}

/* >>> TONNAGE SIMULATOR SECTION <<< */
.simulator {
  display: flex;
}
.simulator__container {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: stretch;
  gap: 1.5rem;
  padding: 2.5rem 4rem;
  background-color: #F0F4F7;
  border-radius: 15px 0 0 15px;
}
@media screen and (max-width: 1200px) {
  .simulator__container {
    gap: 1rem;
    padding: 2rem;
  }
}
.simulator__header {
  display: flex;
  gap: 0.75rem;
}
.simulator__title {
  font-size: clamp(1rem, 1.25rem + (1vw - 0.2rem) * 0.176, 1.219rem);
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .simulator__title {
    padding-right: 3rem;
  }
}

/* >>> FIELDSET <<< */
.simulator__fieldset {
  display: grid;
  gap: 0.75rem;
}

.simulator__field {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
}
.simulator__field .simulator__label {
  grid-column: span 3/span 3;
}
.simulator__field .simulator__input-group {
  grid-column: span 2/span 2;
}
.simulator__field .alert {
  grid-column: span 5/span 5;
}
@media screen and (max-width: 1200px) {
  .simulator__field {
    grid-template-columns: repeat(4, 1fr);
  }
  .simulator__field .simulator__label {
    grid-column: span 2/span 2;
  }
  .simulator__field .alert {
    margin-top: 0.5rem;
    grid-column: span 4/span 4;
  }
}

/* See in the file _input.field.scss for the style */
.simulator__input::-webkit-inner-spin-button, .simulator__input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.simulator__input[type=number] {
  -moz-appearance: textfield;
}

.custom-spinners {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  right: 2.75rem;
}
.custom-spinners button:hover {
  background-color: #F0F4F7;
  border-radius: 2px;
}
.custom-spinners {
  /* - Unit (m, cm, etc.) -*/
}
.custom-spinners .simulator__unit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5rem;
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
  color: #6F6F6F;
}

/* >>> RESULTS <<< */
.simulator__results {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: stretch;
  gap: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .simulator__results {
    gap: 1rem;
  }
}

.simulator__result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #E2E8EC;
  /* - Standard items (except the last one) - */
}
.simulator__result-item:not(:nth-child(3)) {
  padding: 0.75rem 2rem;
  background-color: #FFF;
}
@media screen and (max-width: 1200px) {
  .simulator__result-item:not(:nth-child(3)) {
    padding: 0.75rem 1rem;
  }
}
.simulator__result-item:not(:nth-child(3)) .simulator__result-label {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  color: #6F6F6F;
}
.simulator__result-item {
  /* - First item (rounded corners at the top) - */
}
.simulator__result-item:first-child {
  border-radius: 8px 8px 0 0;
}
.simulator__result-item {
  /* - Highlighted item (last item) - */
}
.simulator__result-item--highlight {
  padding: 1rem 2rem;
  margin-top: -1px;
  border: 2px solid #00534E;
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 1200px) {
  .simulator__result-item--highlight {
    padding: 1rem;
  }
}
.simulator__result-item--highlight .simulator__result-label,
.simulator__result-item--highlight .simulator__unit {
  color: #00534E;
  font-weight: 500;
}
.simulator__result-item--highlight .simulator__result-value span {
  font-size: clamp(1.1875rem, 1.21875rem + (1vw - 0.2rem) * 2.496, 1.25rem);
  color: #00534E;
  font-weight: 700;
}

/* >>> PRICING SECTION <<< */
.simulator__pricing {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 2rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .simulator__pricing {
    padding: 0.75rem 1rem;
  }
}
.simulator__pricing {
  background-color: #00534E;
  border-radius: 8px;
}
.simulator__pricing-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  line-height: normal;
}
.simulator__pricing-header .simulator__pricing-title {
  font-size: clamp(1.0625rem, 1.09375rem + (1vw - 0.2rem) * 1.765, 1.125rem);
  font-weight: 600;
}
.simulator__pricing-header .simulator__pricing-subtitle {
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
}
.simulator__pricing-amount span {
  font-size: clamp(1.3rem, 1.35rem + (1vw - 0.2rem) * 0.294, 1.75rem);
  font-weight: 600;
}
.simulator__pricing span {
  color: #FFF;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* >>> CONTACT SECTION <<< */
.simulator__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
  gap: 3rem;
}
@media screen and (max-width: 1200px) {
  .simulator__cta {
    gap: 0;
    padding: 2rem;
  }
}
.simulator__cta-title {
  padding: 1rem 1.5rem;
  text-align: center;
  font-weight: 600;
  font-size: clamp(1rem, 1.25rem + (1vw - 0.2rem) * 0.176, 1.219rem);
  color: #00534E;
  background-color: #D7FFD0;
  border-radius: 8px;
}

.simulator__contact-title {
  margin-bottom: 1.5rem;
  text-align: center;
  font-weight: 600;
  font-size: clamp(1.0625rem, 1.09375rem + (1vw - 0.2rem) * 1.765, 1.125rem);
  color: #2B2B2B;
}
.simulator__contact-list {
  display: grid;
  gap: 1.5rem;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 1200px) {
  .simulator__contact-list {
    gap: 1rem;
  }
}
.simulator__contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.simulator__contact-link {
  color: #00534E;
  font-weight: 600;
}

.search-field {
  width: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.input-wrapper,
.simulator__input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.input-wrapper svg {
  position: absolute;
  left: 12px;
  pointer-events: none;
  z-index: 1;
}
.input-wrapper svg.iconoir-svg * {
  stroke: #6F6F6F;
}

.input-wrapper input[type=search],
.simulator__input-group input[type=number] {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2rem;
  border: 1px solid #E2E8EC;
  border-radius: 8px;
  font-size: clamp(0.9375rem, 0.96875rem + (1vw - 0.2rem) * 1.214, 1rem);
  transition: all 0.2s ease;
}

.simulator__input-group input[type=number] {
  padding: 1rem 4.75rem 1rem 1rem;
  text-align: center;
  border-color: transparent;
}

.input-wrapper input[type=search]:focus,
.simulator__input-group input[type=number]:focus {
  outline: none;
  border-color: #00534E;
  box-shadow: 0 0 0 3px rgba(0, 83, 78, 0.1);
}

.input-wrapper input[type=search]:hover:not(:focus),
.simulator__input-group input[type=number]:hover:not(:focus) {
  border-color: #00534E;
}

.input-wrapper input[type=search]::-moz-placeholder, .simulator__input-group input[type=number]::-moz-placeholder {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  color: #6F6F6F;
  font-style: italic;
}

.input-wrapper input[type=search]::placeholder,
.simulator__input-group input[type=number]::placeholder {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  color: #6F6F6F;
  font-style: italic;
}

.input-wrapper input[type=search]::-webkit-search-cancel-button,
.simulator__input-group input[type=number]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

/* ratio 16:9 */
/* >>> MODAL OVERLAY <<< */
.modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  background: rgba(0, 83, 78, 0.2);
  backdrop-filter: blur(1.5px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
  will-change: opacity;
}
.modal .filter {
  border: none;
}
.modal.active {
  opacity: 1;
  pointer-events: auto;
}
.modal.active .modal-content {
  transform: scale(1);
  opacity: 1;
}
.modal.active .modal-content--item {
  overflow-y: auto;
  height: 100%;
}

/* >>> CLOSE BUTTON - BASE  <<< */
.close-modal {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 8px;
  background-color: #D7FFD0;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  line-height: 1;
}
.close-modal:hover {
  transform: rotate(90deg);
  background-color: #00534E;
  transition: all 0.35s ease-in-out;
}
.close-modal:hover .iconoir-svg {
  color: #D7FFD0;
  stroke: #D7FFD0;
}

/* >>> MODAL CONTENT - BASE <<< */
.modal-content {
  position: relative;
  background-color: #FFF;
  transform: scale(0.95);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* >>> MODAL VARIANTS - POSITIONING <<< */
.modal--center {
  align-items: center;
  justify-content: center;
}
.modal--center .modal-content {
  width: 90%;
  max-width: 900px;
  border-radius: 15px;
}
@media screen and (max-width: 1200px) {
  .modal--center .modal-content {
    height: 90%;
  }
}

.modal--side {
  display: flex;
}
.modal--side .modal-content {
  width: min(80vw, 450px);
  height: 100%;
  border-radius: 15px 0 0 15px;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal--side.active .modal-content {
  transform: translateX(0);
  opacity: 1;
}

.modal--right {
  justify-content: flex-end;
}
.modal--right .modal-content {
  transform: translateX(100%);
}
.modal--right .close-modal {
  top: 0.625rem;
  right: 0.75rem;
}

/* >>> MODAL COMPONENTS <<< */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 15px;
}

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* >>> SPECIFIC CASE <<< */
#simulatorModal .close-modal {
  top: 1rem;
  right: 1rem;
}

/* >>> MEDIA <<< */
.product-media .slider-for img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .product-media .slider-for img {
    height: 300px;
  }
}
.product-media .slider-nav figure {
  padding: 0.4rem;
  margin: 0;
  height: 100px;
  width: 100px;
}
.product-media .slider-nav figure img {
  height: inherit;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-media .slider-nav .slick-list {
  margin-inline: 7.5rem;
  padding: 0 !important;
}
@media screen and (max-width: 1200px) {
  .product-media .slider-nav .slick-list {
    margin-inline: 0;
  }
}
.product-media .slider-nav .slick-slide {
  cursor: pointer;
}
.product-media .slider-nav .slick-current {
  position: relative;
}
.product-media .slider-nav .slick-current:before {
  content: "";
  inset: 0;
  position: absolute;
  border: 1px solid #00534E;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  .product-media .slider-nav.slick-initialized.slick-slider {
    margin-bottom: 4rem;
  }
}

/* >>> FEATURES <<< */
.product-features {
  padding-top: 3.5rem;
}
@media screen and (max-width: 1200px) {
  .product-features {
    padding-top: 2.5rem;
  }
}
.product-features__title {
  font-size: clamp(1rem, 1.25rem + (1vw - 0.2rem) * 0.176, 1.219rem);
  color: #00534E;
  font-weight: 600;
}
.product-features__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E2E8EC;
  padding: 0.75rem 0;
}
.product-features__label {
  font-weight: 500;
}
.product-features__value {
  color: #6F6F6F;
}

/* >>> GLOBAL INFOS <<< */
@media screen and (max-width: 1200px) {
  .product-infos {
    padding-top: 2.5rem;
  }
}

/* >>> REFERENCE <<< */
.product-ref {
  font-size: clamp(0.8125rem, 0.84375rem + (1vw - 0.2rem) * 0.294, 0.875rem);
  color: #6F6F6F;
}

/* >>> PRICE <<< */
.product-price {
  margin: 1.5rem 0 2rem;
}
.product-price__text {
  font-size: clamp(1.3rem, 1.35rem + (1vw - 0.2rem) * 0.294, 1.75rem);
  font-weight: 500;
}
.product-price__value {
  font-size: clamp(2rem, 1.938rem + (1vw - 0.2rem) * 1.214, 2.25rem);
  font-weight: 600;
  color: #00534E;
}
.product-price__legals {
  font-size: clamp(0.75rem, 0.78125rem + (1vw - 0.2rem) * 0.176, 0.8125rem);
  color: #6F6F6F;
  font-style: italic;
}

.product-depots {
  display: grid;
  align-content: start;
  gap: 1.5rem;
}
.product-depots__title {
  font-size: clamp(1rem, 1.25rem + (1vw - 0.2rem) * 0.176, 1.219rem);
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.product-depots__list {
  display: grid;
  gap: 0.75rem;
}

/*# sourceMappingURL=single-products.css.map*/