.dialog-off-canvas-main-canvas {
  /* overflow: hidden; */
}

.region-triptych-first,
.region-content {
  position: relative;
  padding: var(--edge) var(--edge);
  width: 100%;
  height: auto;
  margin: 0 auto;
}
/* .sn-content {
  overflow: hidden; 
} */

.region-triptych-first {
  padding-bottom: calc(var(--edge) * 2);
}

.region-content:has(#block-rooms-webform),
.region-content:has(#block-dining-webform) {
  padding-top: 0;
}

.sn-content,
.sn-bottom-content,
.sn-featured-bottom {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background-color: var(--background);
}

/* // bottom ribbon */
.sn-featured-bottom {
  position: relative;
  isolation: isolate;
  height: auto;
  aspect-ratio: 1 / 0.089;
  .swiper-slide {
    .views-field {
      margin: 0;
    }
  }

  img {
    width: 100%;
    display: block;
    height: auto;
  }
  .views-field-field-link-to {
    display: none;
  }
  /* #block-views-block-solaire-frontpage-featured-bottom-2,
  #block-views-block-solaire-frontpage-announcement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;

    .views-field-field-desktop-image {
      position: relative;
      width: 100%;
      z-index: 0;

      .field-content {
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100%;

        img {
          width: 100%;
          height: auto;
        }
      }
    }

    .views-field-field-link-to {
      position: absolute;
      inset: 0;
      cursor: pointer;
      z-index: 1;

      * {
        display: block;
        width: 100%;
        height: 100%;
        color: transparent;
      }
    }

    .views-field-field-mobile-image {
      display: none;
      z-index: 0;
    }
  } */

  .views-field-field-desktop-image {
    display: none;
  }
}

/* // return to top button */
#block-returntotop {
  position: fixed;
  bottom: -3rem;
  right: 3rem;
  width: 3rem;
  height: 3rem;
  background-color: var(--primary);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="59" viewBox="0 0 41 59" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 58.1562C18.2909 58.1562 16.5 56.3654 16.5 54.1562L16.5 14.6562C16.5 12.4471 18.2909 10.6562 20.5 10.6562C22.7091 10.6562 24.5 12.4471 24.5 14.6562L24.5 54.1562C24.5 56.3654 22.7091 58.1562 20.5 58.1562Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 24.9847C-0.390526 23.4226 -0.390526 20.8899 1.17157 19.3278L20.5 -0.000603618L39.8284 19.3278C41.3905 20.8899 41.3905 23.4226 39.8284 24.9847C38.2663 26.5468 35.7337 26.5468 34.1716 24.9847L20.5 11.3131L6.82843 24.9847C5.26633 26.5468 2.73367 26.5468 1.17157 24.9847Z" fill="%23222222"/></svg>');
  background-size: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0.5rem rgb(0, 0, 0, 0.5);
  border-radius: 100vmax;
  cursor: pointer;
  z-index: 99;
  transition: 0.3s bottom var(--ease);

  &.show {
    bottom: 5rem;
  }
}

.pace-intro {
  margin: 2rem 0;
  position: relative;
  display: block;
}
.pace-intro img {
  margin: 0;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .sn-featured-bottom {
    .views-field-field-desktop-image {
      display: block;
    }
    .views-field-field-mobile-image {
      display: none;
    }
  }
}

@media (min-width: 1024px) {
  .pace-intro {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .pace-intro img {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .region-content,
  .region-triptych-first {
    width: var(--container-size);
  }
}