/* "How ordering & delivery works" diagram + savings calculator. Self-contained; theme with --dlv-a / --dlv-ink / --dlv-bg. */
.dlv{--dlv-a:#FF5A3C;--dlv-ink:#0B1020;--dlv-mut:#4B5563;--dlv-card:#fff;--dlv-line:rgba(15,23,42,.1);color:var(--dlv-ink)}
.dlv h2{margin:0 0 .4em}.dlv h3{margin:0 0 .3em;font-size:1.05rem}
.dlv-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.dlv-step{position:relative;display:flex;gap:14px;align-items:flex-start;background:var(--dlv-card);border:1px solid var(--dlv-line);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.dlv-step::after{content:"";position:absolute;right:-14px;top:38px;width:10px;height:10px;border-top:2px solid var(--dlv-a);border-right:2px solid var(--dlv-a);transform:rotate(45deg);opacity:.7}
.dlv-step:nth-child(3n)::after,.dlv-step:last-child::after{display:none}
.dlv-step p{margin:0 0 10px;color:var(--dlv-mut);font-size:.92rem;line-height:1.5}
.dlv-n{position:absolute;top:-10px;left:-8px;width:26px;height:26px;border-radius:50%;background:var(--dlv-a);color:#fff;font:800 .8rem/26px system-ui,sans-serif;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.dlv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--dlv-a) 14%,transparent);color:var(--dlv-a)}
.dlv-ic svg{width:22px;height:22px}
.dlv-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dlv-tag{display:inline-block;padding:3px 9px;border-radius:999px;font:750 .68rem/1.3 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.dlv-tag.ok{background:rgba(16,185,129,.14);color:#047857}.dlv-tag.ri{background:rgba(249,115,22,.15);color:#075985}.dlv-tag.est{background:rgba(245,158,11,.18);color:#92400E}
.dlv-note{font-size:.78rem;color:var(--dlv-mut)}
.dlv-honest{margin:22px 0;padding:14px 16px;border-radius:14px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.3);color:#0C4A6E;font-size:.92rem;line-height:1.55}
.dlv-calc{background:var(--dlv-card);border:1px solid var(--dlv-line);border-radius:20px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.dlv-calc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dlv-calc-head h3{margin:0;font-size:1.2rem}
.dlv-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.dlv-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--dlv-line);font-size:.92rem;font-weight:600}
.dlv-field{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--dlv-line);border-radius:10px;padding:0 10px;background:#fff;min-height:44px}
.dlv-field i{font-style:normal;color:var(--dlv-mut);font-weight:700}
.dlv-field input{width:92px;border:0;outline:0;font:700 1rem system-ui,sans-serif;text-align:right;background:transparent;color:#0B1020;padding:8px 0}
.dlv-field:focus-within{border-color:var(--dlv-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--dlv-a) 25%,transparent)}
.dlv-check{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:.86rem;color:var(--dlv-mut)}.dlv-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--dlv-a)}
.dlv-bars{display:grid;gap:14px}
.dlv-bar{position:relative;display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#F3F4F6;overflow:hidden;font-size:.88rem;font-weight:650;color:#111827}
.dlv-bar i{position:absolute;inset:0 auto 0 0;width:0;transition:width .5s ease;z-index:0}.dlv-bar.mk i{background:rgba(244,63,94,.22)}.dlv-bar.dr i{background:rgba(16,185,129,.25)}
.dlv-bar span{position:relative;z-index:1}.dlv-bv{font-variant-numeric:tabular-nums;font-weight:800}
.dlv-save{margin-top:16px;padding:16px;border-radius:14px;background:#0B1020;color:#fff;display:grid;gap:2px}
.dlv-save span{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.dlv-save b{font-size:2rem;font-variant-numeric:tabular-nums;color:#6EE7B7}.dlv-save b.neg{color:#FCA5A5}.dlv-save small{opacity:.85}
.dlv-fine{margin:14px 0 0;font-size:.8rem;line-height:1.55;color:var(--dlv-mut)}
/* compact rail */
.dlv-compact .dlv-head p{color:var(--dlv-mut);margin:0 0 18px;max-width:640px}
.dlv-kick{display:block;font:800 .74rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dlv-a);margin-bottom:10px}
.dlv-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}
.dlv-rail::before{content:"";position:absolute;left:6%;right:6%;top:26px;height:2px;background:linear-gradient(90deg,var(--dlv-a),color-mix(in srgb,var(--dlv-a) 30%,transparent));z-index:0}
.dlv-rail li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:.84rem;line-height:1.35}
.dlv-rail .dlv-ic{width:54px;height:54px;border-radius:50%;background:var(--dlv-card);border:2px solid var(--dlv-a);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.dlv-rail b{font-weight:700}
@media (max-width:980px){.dlv-flow{grid-template-columns:1fr 1fr}.dlv-step:nth-child(3n)::after{display:block}.dlv-step:nth-child(2n)::after{display:none}.dlv-calc-grid{grid-template-columns:1fr}}
@media (max-width:640px){.dlv-flow{grid-template-columns:1fr}.dlv-step::after{display:none!important}
  .dlv-rail{grid-template-columns:1fr;gap:12px}.dlv-rail::before{left:26px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .dlv-rail li{flex-direction:row;text-align:left}.dlv-in{flex-wrap:wrap}.dlv-field input{width:80px}}
@media (prefers-reduced-motion:reduce){.dlv-bar i{transition:none}}
/* dark contexts */
.dlv.on-dark{--dlv-ink:#F8FAFC;--dlv-mut:#CBD5E1;--dlv-card:rgba(255,255,255,.06);--dlv-line:rgba(255,255,255,.14)}
.dlv.on-dark .dlv-rail .dlv-ic{background:#111827}
.dlv-tag.sm{font-size:.6rem;padding:2px 7px}