.grove-disruptor-bar-desktop { display: block; }
.disruptor-bar-mobile         { display: none;  }

@media (max-width: 899px) {
  .grove-disruptor-bar-desktop { display: none;  }
  .disruptor-bar-mobile         { display: block; }
}


/* ── DESKTOP BAR ─────────────────────────────────────────── */
.grove-disruptor-bar-desktop {
  width: 100%;
  height: clamp(72px, 6.4vw, 123px);
  position: relative;
  background-color: #a3b34b;
  overflow: hidden;
  text-align: center;
  font-size: clamp(12px, 1.25vw, 24px);
  color: #fff;
  font-family: Montserrat;
}

/* Right pill button */
.grove-button-3variant3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.875%;
  width: clamp(160px, 22.14vw, 425px);
  height: clamp(38px, 3.177vw, 61px);
  flex-shrink: 0;
}
.grove-button-3variant3-child {
  position: absolute;
  inset: 0;
  border-radius: 45px;
  background-color: #556d69;
}

/* Date text overlaid on pill */
.grove-sat-may-2nd-container {
    text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.875%;
  width: clamp(160px, 22.14vw, 425px);
  height: clamp(38px, 3.177vw, 61px);
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  flex-shrink: 0;
}
.grove-sat-may-2nd-container2 { width: 100%; }
.grove-sat-may-2nd             { white-space: pre-wrap; }
.grove-span                    { font-size: 1.333em; }

/* Large decorative headline */
.grove-the-come-on-container {
  position: absolute;
  top: 50%;
  left: 1.7%;
  transform: translateY(-50%);
  font-size: clamp(36px, 4.6875vw, 90px);
  line-height: 1;
  text-align: left;
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  color: #556d69;
  font-family: 'Crimson Text';
}
.grove-come-on-home { color: #fff; }
.grove-span2        { font-weight: 600; font-family: 'Crimson Text'; }

.grove-model-tours {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1600px;
  right: clamp(196px, 24vw, 461px);
  text-align: center;
  letter-spacing: 0.1em;
  line-height: clamp(18px, 1.667vw, 32px);
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  left: calc(50% - 601.22px);
  
}

@media (max-width: 1599px) {
  .grove-model-tours { left: calc(50% - 650px); }
}
@media (max-width: 1299px) {
  .grove-model-tours { left: calc(50% - 675px); }
}
@media (max-width: 1023px) {
  .grove-model-tours { left: calc(50% - 700px); }
}


/* ── MOBILE BAR ──────────────────────────────── */
@media (max-width: 899px) {
  .disruptor-bar-mobile {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .the-come-on-container {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    font-size: 28px;
    line-height: 1;
    white-space: nowrap;
    justify-content: center;
  }

  .sat-may-2nd-container {
      text-decoration: none;
  color: inherit;
  cursor: pointer;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    line-height: 1;
    white-space: nowrap;
    justify-content: center;
  }
}
.disruptor-bar-mobile {
  width: 100%;
  height: 102px;
  position: relative;
  background-color: #a3b34b;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: Montserrat;
}
.sat-may-2nd-container {
    text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  top: 37px;
  left: 0px;
  letter-spacing: 0.1em;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  flex-shrink: 0;
}
.sat-may-2nd-container2 { width: 100%; }
.sat-may-2nd             { white-space: pre-wrap; }
.span                    { font-size: 20px; }
.the-come-on-container {
  position: absolute;
  top: 31px;
  left: 0px;
  font-size: 36px;
  line-height: 18px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 27px;
  flex-shrink: 0;
  color: #556d69;
  font-family: 'Crimson Text';
}
.come-on-home { color: #fff; }
.span2        { font-weight: 600; font-family: 'Crimson Text'; }

.grove-disruptor-bar-desktop,
.disruptor-bar-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}