/* Express checkout (Stripe wallets + PayPal Smart Buttons) on the product page, cart drawer and cart page. */
.hh-express { display:flex; flex-direction:column; gap:12px; margin-top:18px; }
.hh-express-or { display:flex; align-items:center; gap:14px; margin:0; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color: var(--color-fg-secondary); }
.hh-express-or::before,.hh-express-or::after { content:''; flex:1 1 0; border-top:2px dashed var(--color-line); }
.hh-express-stripe { width:100%; min-height:50px; transition:opacity .2s ease; }
.hh-express-stripe.is-loading { opacity:.5; pointer-events:none; }
.hh-express .min-h-a11y,.hh-express .paypal.checkout { width:100%; }
.hh-express .paypal.checkout { min-height:50px; }
/* PayPal's iframe has no colour-scheme; keep it light so dark mode doesn't paint an opaque white box behind it. */
.hh-express .paypal.checkout,.hh-cd-express .paypal.checkout { color-scheme:light; }
.hh-cd-express:empty { display:none; }
.hh-cd-express { display:flex; flex-direction:column; gap:calc(var(--spacing) * 3); width:100%; }
.hh-cd-express .hh-express-stripe,.hh-cd-express .paypal.checkout { width:100%; }
@media (prefers-reduced-motion:reduce) { .hh-express-stripe { transition:none; } }

/* Native mini-cart Stripe markup needs the same full row as the other wallets. */
.hh-cd-express .payment-request-button { width:100%; margin:0; min-height:50px; }