/* Resumen de la compra en preparación: mismos importes y mínimos que el carrito. */
.zti-account-replenishment { margin:20px 0; padding:24px; border:1px solid #e8dfa9; border-radius:18px; background:radial-gradient(circle at 100% 0,#fff3a4,transparent 42%),#fffef7; }
.zti-replenishment-heading { display:flex; align-items:flex-start; gap:14px; }
.zti-replenishment-icon { display:grid; place-items:center; flex-shrink:0; width:46px; height:46px; border-radius:14px; background:#111; color:#ffe000; }
.zti-account-replenishment h2 { margin:5px 0 8px; font-size:24px; line-height:1.15; font-weight:850; letter-spacing:-.03em; color:#191919; }
.zti-replenishment-heading p { margin:0; color:#61615b; font-size:13px; line-height:1.6; }
.zti-replenishment-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.zti-replenishment-prices>div { display:flex; flex-direction:column; gap:5px; min-width:0; padding:16px; border:1px solid #e8e5d4; border-radius:12px; background:#fff; }
.zti-replenishment-prices>div>span { font-size:11px; color:#65655d; font-weight:650; }
.zti-replenishment-prices strong { font-size:25px; line-height:1.25; color:#1a1a1a; font-weight:850; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.zti-replenishment-prices>div+div strong { font-size:21px; color:#236b37; }
.zti-replenishment-prices strong :is(span,bdi) { font:inherit; color:inherit; }
.zti-replenishment-prices small { font-size:11px; color:#62625a; }
.zti-account-replenishment .zti-order-progress { font-size:13px; }
.zti-account-replenishment .zti-order-progress strong { display:block; }
.zti-account-replenishment progress { display:block; width:100%; height:8px; margin:12px 0; border:0; border-radius:8px; overflow:hidden; accent-color:#ffe000; }
.zti-account-replenishment progress::-webkit-progress-bar { background:#e5e3d7; }
.zti-account-replenishment progress::-webkit-progress-value { background:#ffe000; }
.zti-account-replenishment progress::-moz-progress-bar { background:#ffe000; }
.zti-account-replenishment .zti-order-progress small { font-size:11px; color:#66665c; }
.zti-replenishment-note { margin:12px 0 0; font-size:12px; color:#66665c; line-height:1.6; }
.zti-replenishment-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:20px; }
@media(max-width:600px) {
    .zti-account-replenishment { padding:16px; margin:16px 0; }
    .zti-replenishment-heading { gap:10px; }
    .zti-replenishment-icon { width:38px; height:38px; border-radius:11px; }
    .zti-account-replenishment h2 { font-size:21px; }
    .zti-replenishment-prices { grid-template-columns:minmax(0,1fr); gap:8px; margin:16px 0; }
    .zti-replenishment-prices>div { padding:13px; }
    .zti-replenishment-actions { gap:6px; }
    .zti-replenishment-actions :is(.zti-button,.zti-text-link) { justify-content:center; width:100%; text-align:center; }
}