/* Holmo style module: 09-delivery-info.css */
.delivery-info-section { padding: 13px 16px 12px; background: #f7f5f0; border-bottom: 1px solid var(--border-light); overflow: hidden; }
.delivery-info-heading { display: flex; justify-content: space-between; align-items: center; max-width: 440px; margin: 0 auto 11px; }
.delivery-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #6f6a62; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; }
.delivery-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #65856e; box-shadow: 0 0 0 4px rgba(101,133,110,.12); animation: deliveryPulse 2s ease-in-out infinite; }
.delivery-date-estimate { color: var(--text-muted); font-size: 9px; }
.delivery-date-estimate b { color: #2d6a4f; font-weight: 700; }
.delivery-timeline { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 440px; margin: 0 auto; padding: 0; list-style: none; }
.delivery-timeline::before { content: ""; position: absolute; top: 16px; left: 16%; right: 16%; height: 1px; background: #cbc4b9; }
.delivery-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; opacity: 0; transform: translateY(5px); animation: deliveryReveal .55s ease forwards; }
.delivery-step:nth-child(2) { animation-delay: .1s; }.delivery-step:nth-child(3) { animation-delay: .2s; }.delivery-step:nth-child(4) { animation-delay: .3s; }
.delivery-step-icon { z-index: 1; display: grid; place-items: center; width: 32px; height: 32px; background: #f7f5f0; border: 1px solid #cfc8bd; color: #81796d; border-radius: 50%; flex: 0 0 auto; }
.delivery-step-active .delivery-step-icon { color: #fff; background: #2d6a4f; border-color: #2d6a4f; box-shadow: 0 0 0 5px rgba(45,106,79,.1); }
.delivery-step-icon svg { width: 18px; height: 18px; }
.delivery-step strong { display: block; color: var(--text-main); font-size: 10px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; }
.delivery-today { display: block; margin-top: 9px; color: #847e75; font-size: 8.5px; text-align: center; }
@keyframes deliveryReveal { to { opacity: 1; transform: translateX(0); } }
@keyframes deliveryPulse { 50% { opacity: .45; transform: scale(.75); } }
@media (prefers-reduced-motion: reduce) { .delivery-live-dot, .delivery-step { animation: none; opacity: 1; transform: none; } }