/* Runtime-only integration rules for the supplied checkout-flow v2 documents. */
body[data-flow-v2="true"] {
  --cookie-navy: #081322;
  --cookie-bg: #f4f5f8;
  --cookie-on: #fff;
  --cookie-line: #e3e5ec;
  --cookie-font: Inter, Arial, sans-serif;
}
body[data-flow-v2="true"] [hidden] { display: none !important; }
body[data-flow-v2="true"] .checkout-flow-v2__journey { min-width: 0; }
body[data-flow-v2="true"] #checkout-email { appearance: none; -webkit-appearance: none; }
body[data-flow-v2="true"] #express-checkout-element { min-height: 0; }
body[data-flow-v2="true"] #express-checkout-element:not(:empty) { margin: 0 0 10px; }
body[data-flow-v2="true"] #payment-element { min-width: 0; }
body[data-flow-v2="true"] button.btn { font-family: inherit; line-height: 1.5; box-sizing: border-box; }
body[data-flow-v2="true"] button.no { border: 0; background: transparent; padding: 0; width: 100%; font-family: inherit; font-size: 14px; line-height: 1.5; cursor: pointer; }
body[data-flow-v2="true"] button.no:disabled,
body[data-flow-v2="true"] .btn:disabled { cursor: default; }
body[data-flow-v2="true"] .link-button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
body[data-flow-v2="true"] .foot a,
body[data-flow-v2="true"] .small a { color: inherit; text-decoration: none; }
body[data-page="flow-review"] button:disabled { opacity: 1; }
body[data-flow-v2="true"] .payment-confirmation { min-height: 70vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; }
body[data-flow-v2="true"] .payment-confirmation__status { display: flex; gap: 12px; align-items: center; justify-content: center; }
body[data-flow-v2="true"] .payment-confirmation__status p { margin: 0; }
body[data-flow-v2="true"] .payment-confirmation__spinner { width: 18px; height: 18px; border: 2px solid #c8cde0; border-top-color: #2b4bff; border-radius: 50%; flex: 0 0 auto; animation: checkout-flow-v2-spin .8s linear infinite; }
body[data-flow-v2="true"] .payment-confirmation--recovery { text-align: center; }
body[data-flow-v2="true"] .payment-confirmation__recovery { display: grid; gap: 16px; max-width: 500px; }
body[data-flow-v2="true"] .payment-confirmation__recovery a { color: #2b4bff; }
@keyframes checkout-flow-v2-spin { to { transform: rotate(360deg); } }
@media (max-width:360px) {
  body[data-flow-v2="true"] .checkout-flow-v2__journey { white-space: normal !important; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-flow-v2="true"] .payment-confirmation__spinner { animation-duration: 2s; }
}