/* Buy — pill preço + CTA; anel 3D (fixed z-35) passa ATRÁS do pill */

/* Sem z-index aqui: z-index:1 criava stacking context e prendia o pill abaixo do anel */
#buy #disponivel-agora {
  position: relative;
}

#buy .buy-cta-pill {
  position: relative;
  z-index: 80;
  isolation: isolate;
  width: 100%;
  max-width: min(100%, 26rem);
}

/* Fundo opaco para o anel sumir atrás do glass, não vazar pela frente */
#buy .buy-cta-pill > .absolute.inset-0.z-0 {
  background: rgba(250, 246, 242, 0.94);
}

#buy .buy-cta-pill .btn-liquid {
  flex-shrink: 0;
}

@media (min-width: 640px) {
  #buy .buy-cta-pill {
    max-width: 28rem;
  }
}

@media (min-width: 768px) {
  #buy .buy-cta-pill {
    max-width: 30rem;
  }
}

#buy .buy-cta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}

#buy .buy-cta-price {
  white-space: nowrap;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}