#webDeliveryNotice { padding: 12px 16px; margin-bottom: 16px; border: 1px solid var(--green, #70b87b); border-radius: 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; background: var(--card, #eef6ef); color: var(--text, #142b24); }
#webDeliveryNotice[hidden], #webDeliveryNotice [hidden] { display: none !important; }
#webDeliveryNotice .web-delivery-progress { flex: 1 0 100%; height: 3px; overflow: hidden; border-radius: 3px; background: #70b87b30; }
#webDeliveryNotice .web-delivery-progress::after { content: ''; display: block; height: 100%; width: 35%; background: var(--green, #70b87b); animation: web-delivery 1.3s ease-in-out infinite alternate; }
#webDeliveryNotice button { min-height: 44px; padding: 8px 16px; margin-left: auto; font: inherit; border-radius: 10px; }
@keyframes web-delivery { from { transform: translateX(-100%); } to { transform: translateX(285%); } }
@media (prefers-reduced-motion: reduce) { #webDeliveryNotice .web-delivery-progress::after { animation: none; width: 100%; } }