.rd-delivery[hidden] { display: none !important; }
.rd-delivery { width:100%; margin-top:14px; padding:0; overflow:hidden; background:#fff; border:1px solid var(--rd-border,#e1e6ed); border-radius:6px; color:var(--rd-deep,#10243d); }
.rd-delivery__heading { display:flex; align-items:center; gap:9px; padding:12px 14px; background:#f7f8fa; border-bottom:1px solid #edf0f4; font-size:14px; line-height:1.4; }
.rd-delivery__heading svg { flex:none; color:#bd5900; }
.rd-delivery__timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px 12px 15px; }
.rd-delivery__stage { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; min-width:0; line-height:1.5; }
.rd-delivery__stage svg { width:25px; height:25px; margin-bottom:2px; color:var(--rd-deep,#10243d); }
.rd-delivery__stage strong { font-size:13px; font-weight:700; }
.rd-delivery__stage span { max-width:100%; font-size:12px; }
.rd-delivery__stage:not(:last-child)::after { content:'→'; position:absolute; width:26px; right:-19px; top:11px; font-size:21px; font-weight:400; color:#a7b4c4; line-height:1; }
.rd-delivery__urgency { display:flex; align-items:center; gap:11px; margin:0 12px 12px; padding:12px; border:1px solid #f8e8d9; border-radius:6px; background:#fff7ef; line-height:1.6; }
.rd-delivery__urgency > svg { flex:none; color:#bd5900; }
.rd-delivery__urgency > div { display:flex; flex-direction:column; min-width:0; font-size:12px; }
.rd-delivery__urgency [data-rd-want] { font-size:13px; font-weight:650; }
.rd-delivery__urgency [data-rd-countdown] { color:#bd5900; font-weight:700; font-variant-numeric:tabular-nums; }
@media (min-width:1024px) { .rd-delivery__heading { padding:14px 18px; font-size:15px; } .rd-delivery__timeline { padding:20px 16px 18px; } .rd-delivery__stage strong { font-size:14px; } .rd-delivery__stage span { font-size:13px; } .rd-delivery__urgency { margin:0 16px 16px; padding:13px 16px; } .rd-delivery__urgency > div { font-size:13px; } .rd-delivery__urgency [data-rd-want] { font-size:14px; } }
@media (max-width:430px) { .rd-delivery__timeline { gap:8px; padding-left:8px; padding-right:8px; } .rd-delivery__stage strong { font-size:12px; } .rd-delivery__stage span { font-size:11px; } .rd-delivery__stage:not(:last-child)::after { width:18px; right:-13px; font-size:18px; } .rd-delivery__heading { font-size:13px; } }