/* =========================================================
   PDP Buy Buttons (Col 3)
   - Primary: Comprar ahora (azul)
   - Ghost: Agregar al carrito (azul claro)
   ========================================================= */

.c-pdp-buybtns{
  width: 80%;
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

/* Botón base */
.c-pdp-buybtns__btn{
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  font-weight: 700;
  font-size: .95rem;
  line-height: 1;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  -webkit-tap-highlight-color: transparent;
}

/* Primary (azul) */
.c-pdp-buybtns__btn--primary{
  background: #00a650;
  color: #fff;
}

.c-pdp-buybtns__btn--primary:hover{
  filter: brightness(.98);
  background: #02a14e !important;
}
.c-pdp-buybtns__btn--primary:active{
  transform: translateY(1px);
}

/* Ghost (azul claro) */
.c-pdp-buybtns__btn--ghost{
  background: #e7f0ff;
  color: #00a650;
}

.c-pdp-buybtns__btn--ghost:hover{
  background: #e3ebf9;
  color: #00a650;
}
.c-pdp-buybtns__btn--ghost:active{
  transform: translateY(1px);
}

/* Icono carrito */
.c-pdp-buybtns__icon{
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  color: currentColor;
}
.c-pdp-buybtns__icon svg{
  width: 18px;
  height: 18px;
  display: block;
}

/* Mensaje (opcional) */
.c-pdp-buybtns__note{
  min-height: 18px;
  font-size: .78rem;
  color: rgba(17,24,39,.70);
}

/* Evitar “azul Astra” en focus */
.c-pdp-buybtns__btn:focus,
.c-pdp-buybtns__btn:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.18) !important;
}