/* vop-r75n-ops
   Hero copy moves up onto the light wall.
   Collection breadcrumbs are removed.
   About contact bottom gap matches the gap above the heading.
   Directory scrollbar is hidden; the arrow buttons stay.
   Palette, logo, type ladder and the live theme stay unchanged. */

/* 1. Desktop/tablet hero copy sits on the wall, not on the floor. */
@media screen and (min-width: 768px) {
  body.vop-pass-r75n.vop-pass-r75l.template-home #main-content #f-slider-hero.vop-hero .f-slide__wrapper {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 0 48px !important;
  }

  body.vop-pass-r75n.vop-pass-r75l.template-home #main-content #f-slider-hero.vop-hero .f-slide__content {
    position: absolute !important;
    top: 28% !important;
    left: 48px !important;
    bottom: auto !important;
    right: auto !important;
    margin: 0 !important;
  }
}

/* 2. Collection breadcrumb row is gone. The collection title stays. */
body.vop-pass-r75n.template-collection .f-collection-page__breadcrumb,
body.vop-pass-r75n.template-collection .f-breadcrumb {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* 3. About contact: empty native button and empty image row were the cream void. */
body.vop-pass-r75n.template-page #main-content .vop-about-contact .f-richtext__button,
body.vop-pass-r75n.template-page #main-content .vop-about-contact .f-rich-text__images,
body.vop-pass-r75n.template-page #main-content .vop-about-contact .f-rich-text__image {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.vop-pass-r75n.vop-pass-r75c.template-page #main-content .vop-about-contact,
body.vop-pass-r75n.vop-pass-r75l.template-page #main-content .vop-about-contact {
  --section-padding-top: 16px !important;
  --section-padding-bottom: 16px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

body.vop-pass-r75n.template-page #main-content .vop-about-contact .f-section-py {
  padding-bottom: 0 !important;
}

body.vop-pass-r75n.template-page #main-content .vop-about-contact .f-richtext__description,
body.vop-pass-r75n.template-page #main-content .vop-about-contact .rte,
body.vop-pass-r75n.template-page #main-content .vop-about-contact .vop-contact-panel,
body.vop-pass-r75n.template-page #main-content .vop-about-contact .vop-contact-panel p:last-child {
  margin-bottom: 0 !important;
}

/* 4. Mobile directory keeps the arrows and drops the scrollbar. */
@media screen and (max-width: 767px) {
  body.vop-pass-r75n.vop-pass-r75l.template-page #main-content .vop-about-rooms .vop-directory__nav {
    display: flex !important;
  }

  body.vop-pass-r75n.vop-pass-r75l.template-page #main-content .vop-about-rooms .vop-room-grid {
    overflow-x: auto !important;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    -ms-overflow-style: none !important;
    padding-bottom: 0 !important;
  }

  body.vop-pass-r75n.vop-pass-r75l.template-page #main-content .vop-about-rooms .vop-room-grid::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
}