/* Biteqwik pack: aos.css sets [data-aos^=fade] { opacity: 0 } until .aos-animate.
   This lander does not boot AOS (AosInit skips landing routes before markup exists,
   and overflow-x: clip hides in-view detection). Cards stay invisible and leave
   a tall white gap — the live “empty hero” screenshot is this unique block. */

.bt-lander-biteqwik [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* If bit_banner.png 404/500s, keep a dark green field so white hero type is readable. */
.bt-lander-biteqwik .banner-bitqwik {
  background-color: #16351c;
  min-height: 560px;
}

.bt-lander-biteqwik .banner-bitqwik .img-blk img.desk_ban {
  display: block;
}

/*
  bit_txt.png bakes “Biteqwik” + underline + dots on the left of the top strip.
  Crop that strip into a centered wordmark; hide the same strip on the headline
  copy so YOUR DOORSTEP is not painted twice.
*/
.bt-lander-biteqwik .banner-bitqwik .banner-bitqwik-prnt .top .bit-hero-logo {
  width: 36%;
  max-width: 248px;
  aspect-ratio: 230 / 78;
  overflow: hidden;
  margin: 0 auto 8px;
  position: relative;
}

.bt-lander-biteqwik .banner-bitqwik .banner-bitqwik-prnt .top .bit-hero-logo img {
  display: block;
  width: calc(741 / 230 * 100%) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  transform: translateX(calc(-200 / 741 * 100%));
  object-fit: contain;
}

.bt-lander-biteqwik .banner-bitqwik .banner-bitqwik-prnt .top .bit-hero-headline {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.bt-lander-biteqwik .banner-bitqwik .banner-bitqwik-prnt .top .bit-hero-headline img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: -16.5% 0 0 !important;
  clip-path: inset(16.5% 0 0 0);
  object-fit: contain;
}

/* Eat Healthy Live Happy sits on the left of rgt-mbl.png — keep the circle unclipped. */
html.bt-landing:has(.bt-lander-biteqwik) {
  overflow-x: visible;
}

.bt-lander-biteqwik.bt-landing-root {
  overflow-x: visible;
}

.bt-lander-biteqwik.bt-landing-root,
.bt-lander-biteqwik .bite_qwik,
.bt-lander-biteqwik .banner-bitqwik,
.bt-lander-biteqwik .banner-bitqwik .max-container,
.bt-lander-biteqwik .banner-bitqwik-prnt,
.bt-lander-biteqwik .banner-bitqwik-prnt .rgt {
  overflow: visible;
}

.bt-lander-biteqwik .banner-bitqwik-prnt .top {
  position: relative;
  z-index: 1;
}

.bt-lander-biteqwik .banner-bitqwik-prnt .rgt,
.bt-lander-biteqwik .banner-bitqwik-prnt .bit-hero-phones {
  position: relative;
  z-index: 4;
  overflow: visible;
}

.bt-lander-biteqwik .banner-bitqwik-prnt .rgt img,
.bt-lander-biteqwik .banner-bitqwik-prnt .bit-hero-phones img {
  position: relative;
  z-index: 4;
  left: 6%;
  width: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .bt-lander-biteqwik .banner-bitqwik .banner-bitqwik-prnt .top .bit-hero-logo {
    width: 44%;
    max-width: 200px;
    margin-bottom: 4px;
  }

  .bt-lander-biteqwik .banner-bitqwik-prnt .rgt img,
  .bt-lander-biteqwik .banner-bitqwik-prnt .bit-hero-phones img {
    left: 4%;
  }
}