/* Complementos visuais das páginas novas (checkout / pedido), no padrão do tema Astra */
.loja-checkout { display: grid; grid-template-columns: 1.3fr 1fr; gap: 0 48px; align-items: start; }
.loja-checkout #customer_details { width: 100%; grid-row: 1 / span 2; }
.loja-checkout #order_review_heading,
.loja-checkout #order_review { width: 100%; float: none; }
.loja-checkout .form-row-first,
.loja-checkout .form-row-last { width: 48%; display: inline-block; vertical-align: top; }
.loja-checkout .form-row-last { margin-left: 3%; }
.loja-checkout .form-row label { display: block; margin-bottom: 4px; }
.loja-checkout .form-row input.input-text,
.loja-checkout .form-row select { width: 100%; height: auto; min-height: 40px; line-height: 1.4; padding-top: 8px; padding-bottom: 8px; }
.loja-checkout .product-total, .loja-checkout tfoot td { white-space: nowrap; }
.loja-checkout #place_order { width: 100%; font-size: 1.05em; padding: 1em; }
.loja-checkout #place_order[disabled] { opacity: .6; cursor: wait; }
@media (max-width: 921px) {
  .loja-checkout { grid-template-columns: 1fr; }
  .loja-checkout #customer_details { grid-row: auto; }
}
@media (max-width: 544px) {
  .loja-checkout .form-row-first,
  .loja-checkout .form-row-last { width: 100% !important; margin-left: 0 !important; float: none !important; }
}

.loja-pix, .loja-pago {
  text-align: center; border: 1px solid var(--ast-border-color, #ddd);
  padding: 2em 1.5em; margin-bottom: 2em; border-radius: 4px;
}
.loja-pix h2, .loja-pago h2 { font-size: 1.5em; margin-bottom: .4em; }
.loja-pix-valor { font-size: 2em; font-weight: 700; margin: 0 0 .5em; }
.loja-pix-qr { width: 240px; height: 240px; max-width: 100%; margin: 0 auto 1em; display: block; background: #fff; }
.loja-pix-copia { display: flex; gap: 8px; max-width: 560px; margin: 0 auto 1em; }
.loja-pix-copia input { flex: 1; min-width: 0; font-size: .85em; }
.loja-pix-espera { color: #666; }
.loja-spinner {
  display: inline-block; width: 14px; height: 14px; vertical-align: -2px;
  border: 2px solid #ccc; border-top-color: #000; border-radius: 50%; animation: loja-gira 1s linear infinite;
}
@keyframes loja-gira { to { transform: rotate(360deg); } }
.loja-teste { margin-top: 1.5em; padding: 1em; background: #fff8e1; border: 1px dashed #e0b000; font-size: .9em; }
.loja-pago h2 { color: #1a7f37; }
@media (max-width: 544px) {
  .loja-pix-copia { flex-direction: column; }
}

/* selo PIX no lugar das bandeiras de cartão */
.ast-single-product-payments li.loja-selo-pix { width: auto !important; max-width: none !important; }
.ast-single-product-payments li.loja-selo-pix svg { width: 96px !important; height: 40px !important; max-width: none !important; }