.js-delivery-panel{display:flow-root;min-width:0;padding-top:12px}
.js-cart-delivery-summary{font-size:12px;line-height:1.65;color:#514737;margin-block:8px 0;text-align:center;text-wrap:pretty}.js-cart-delivery-summary a{text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px}.js-cart-delivery-summary a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.js-delivery-progress{display:block!important;align-self:start;min-height:min-content;padding:14px 16px 4px;border:1px solid #dfcfaa;border-radius:12px;background:linear-gradient(120deg,#fbf8ef,#f3f6f2);color:#19333d;text-align:left;overflow:visible;box-shadow:0 4px 18px #a8925510}
.cart-drawer .js-delivery-progress{margin-inline:0;padding:14px 16px 4px}
.js-delivery-progress__message{display:block;font-size:15px;line-height:1.5;font-weight:650;letter-spacing:0;text-wrap:pretty}
.js-delivery-progress__message strong{color:#80632d}
.js-delivery-progress js-delivery-journey{display:block}
.js-delivery-progress__caption{margin:2px 0 0;font-size:11px;line-height:1.5;color:#687365}
.js-delivery-progress__scene{height:67px;position:relative;margin-inline:0 7px}
.js-delivery-progress__road{position:absolute;height:5px;border-radius:9px;inset:auto 0 12px;background:#e1e5da;overflow:hidden}
.js-delivery-progress__fill{height:100%;width:var(--js-delivery-progress);background:linear-gradient(90deg,#b6924e,#dac48a,#638575);border-radius:inherit;transition:width .65s cubic-bezier(.2,.7,.2,1);position:relative}
.js-delivery-progress__fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-100%);animation:js-delivery-glow 6s ease-in-out infinite}
.js-delivery-progress__goal{position:absolute;right:-6px;bottom:7px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#eee9da;border:1px solid #cbb77e;color:#776338}
.js-delivery-progress.is-reached{border-color:#a6bda6;background:linear-gradient(120deg,#f5f8ed,#edf5ef)}
.js-delivery-progress.is-reached .js-delivery-progress__goal{background:#315f4e;color:#fff;border-color:#315f4e}
.js-delivery-progress.is-reached .js-delivery-progress__message strong{color:#315f4e}
.js-delivery-truck{position:absolute;width:124px;height:66px;max-width:none;bottom:8px;left:clamp(-18px,calc(var(--js-delivery-progress) - 124px),calc(100% - 124px));overflow:visible;transition:left .7s cubic-bezier(.2,.7,.2,1)}
.js-delivery-truck__body{animation:js-delivery-idle 6s ease-in-out infinite;transform-origin:85px 66px}
.js-delivery-truck__bottle{animation:js-delivery-load 6s cubic-bezier(.2,.7,.25,1) infinite;transform-box:fill-box;transform-origin:center bottom}
.js-delivery-truck__bottle--two{animation-delay:.55s}.js-delivery-truck__bottle--three{animation-delay:1.1s}
.js-delivery-truck__wheel{transform-box:fill-box;transform-origin:center}
.js-delivery-truck__spark{opacity:.5;animation:js-delivery-spark 6s ease-in-out infinite}
.js-delivery-progress.is-reached .js-delivery-truck__bottle{animation:none}
.js-delivery-progress.is-reached .js-delivery-truck__wheel{animation:js-delivery-wheel 6s ease-in-out infinite}
.js-delivery-progress.is-reached .js-delivery-truck__body{animation:js-delivery-ready 6s ease-in-out infinite}
@keyframes js-delivery-load{0%,7%{opacity:0;transform:translate(-25px,-13px) rotate(-9deg)}19%{opacity:1;transform:translate(0,1px) rotate(1deg)}24%,85%{opacity:1;transform:none}93%,100%{opacity:0;transform:none}}
@keyframes js-delivery-idle{0%,28%,100%{transform:none}13%{transform:translateY(.65px)}}
@keyframes js-delivery-ready{0%,70%,100%{transform:none}76%,89%{transform:translateY(-.6px)}82%,95%{transform:translateY(.4px)}}
@keyframes js-delivery-wheel{0%,70%{transform:rotate(0)}96%,100%{transform:rotate(360deg)}}
@keyframes js-delivery-glow{0%,30%{transform:translateX(-100%)}58%,100%{transform:translateX(100%)}}
@keyframes js-delivery-spark{0%,35%,100%{opacity:.12}47%,59%{opacity:.9}}
body:has(.js-shipping-ticker__toggle:checked) .js-delivery-progress *,body:has(.js-shipping-ticker__toggle:checked) .js-delivery-progress *::after{animation-play-state:paused!important}
body:has(.js-shipping-ticker__toggle:checked) .js-delivery-truck__bottle{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-delivery-progress *,.js-delivery-progress *::after{animation:none!important;transition:none!important}.js-delivery-truck__bottle{opacity:1;transform:none}.js-delivery-progress__fill::after{display:none}}
@media(max-width:380px){.js-delivery-progress{padding-inline:12px}.js-delivery-progress__message{font-size:14px}.js-delivery-progress__caption{font-size:10px}}