main {
  display: flex;
  flex-direction: column;
}

.product-stage {
  order: -2;
  height: calc(100vh - 72px);
  min-height: 620px;
  background: #080b0e;
}

.product-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #050708ed 0%, #080b0e80 29%, transparent 58%, #050708b8 100%), linear-gradient(0deg, #050708b5, transparent 40%);
}

.product-stage > img {
  object-position: center;
  transform: scale(1.02);
}

.product-stage-copy {
  z-index: 3;
  left: 3.2rem !important;
  top: auto !important;
  bottom: 5rem;
  max-width: 520px;
}

.product-stage-copy > span {
  color: var(--yellow);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.product-stage-copy h2 {
  margin: .65rem 0 .8rem;
  font-size: clamp(3rem, 5vw, 5.4rem);
  line-height: .92;
}

.product-stage-copy p {
  color: #e0e2e3;
  font-size: clamp(1rem, 1.4vw, 1.35rem);
  line-height: 1.35;
}

.product-stage-copy button {
  margin-top: .7rem;
  padding: .85rem 1.2rem;
  color: #111;
  background: var(--yellow);
  border: 0;
  border-radius: 999px;
  font-weight: 900;
}

.product-stage-social {
  position: absolute;
  z-index: 4;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  gap: 1.4rem;
}

.product-stage-social button {
  display: grid;
  place-items: center;
  gap: .25rem;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 2rem;
  filter: drop-shadow(0 3px 8px #000);
}

.product-stage > .product-stage-social {
  left: auto;
  top: 50%;
}

.product-stage-social span { font-size: .67rem; }
.product-stage-social .whatsapp { color: #2ee575; }
.product-stage-social .whatsapp span { color: #fff; }

.stage-progress {
  position: absolute;
  z-index: 4;
  left: 3.2rem;
  bottom: 2.5rem;
  display: flex;
  gap: .3rem;
}

.product-stage > .stage-progress { top: auto; }

.stage-progress i {
  width: 70px;
  height: 3px;
  background: #ffffff42;
}

.stage-progress i:first-child { background: #fff; }

.product-stage .product-scroll { display: none; }
.hero-store { order: -1; }
.mobile-category-drawer { order: 0; }
.catalog-section { order: 1; }

@media (min-width: 721px) {
  .hero-store { height: min(680px, 72vh); min-height: 560px; }
}

@media (max-width: 720px) {
  .product-stage {
    height: calc(100dvh - 64px);
    min-height: 620px;
  }
  .product-stage::after {
    background: linear-gradient(0deg, #050708f2 0%, #05070891 36%, transparent 70%), linear-gradient(90deg, #0507087d, transparent 55%);
  }
  .product-stage > img { object-position: 66% center; }
  .product-stage-copy {
    left: 1.4rem !important;
    right: 5rem;
    bottom: 4.6rem;
  }
  .product-stage-copy h2 { font-size: 2.45rem; }
  .product-stage-copy p { font-size: .95rem; }
  .product-stage-copy p br { display: none; }
  .product-stage-social { right: .65rem; top: 54%; gap: 1rem; }
  .product-stage-social button { font-size: 1.6rem; }
  .stage-progress { left: 1.4rem; bottom: 2.2rem; }
  .stage-progress i { width: 34px; }
  .hero-store { order: -1; }
}