/* The utility row reserves the same space occupied by the fixed reminder. */
:root{--sc-capsule-top:0px;--sc-capsule-slot:60px}
body.admin-bar{--sc-capsule-top:32px}
html:has(#sc-shipping-capsule){scroll-padding-top:70px}
.sc-storefront .shop-header:has(#sc-shipping-capsule){padding-top:calc(var(--sc-capsule-slot) + var(--sc-capsule-admin-extra,0px))}
.sc-storefront .utility-bar:has(#sc-shipping-capsule){position:fixed;top:var(--sc-capsule-top);left:0;right:0;z-index:50;background:#51445c}
.sc-storefront .utility-bar:has(#sc-shipping-capsule)>.wrap{height:var(--sc-capsule-slot);position:relative;display:flex;justify-content:space-between}
.sc-storefront #sc-shipping-capsule{box-sizing:border-box;position:absolute;left:50%;top:8px;transform:translateX(-50%);display:flex;align-items:center;max-width:calc(100vw - 24px);height:44px;padding:0 6px 0 16px;border:1px solid #e5dee7;border-radius:999px;background:#fcfbf8;box-shadow:0 2px 6px #20182a12;color:#51445c;white-space:nowrap;letter-spacing:0;font:13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;isolation:isolate}
.sc-storefront #sc-shipping-capsule[hidden]{display:none}
.sc-storefront #sc-shipping-capsule.sc-capsule-suppressed{visibility:hidden;pointer-events:none}
.sc-storefront #sc-shipping-capsule button{box-shadow:none;background:transparent;border:0;color:inherit;text-transform:none;letter-spacing:0;border-radius:0;font:inherit;margin:0}
.sc-storefront #sc-shipping-capsule .sc-capsule-main{display:flex;align-items:center;gap:10px;height:40px;min-height:40px;padding:0;white-space:nowrap;font-size:13px;font-weight:500}
.sc-capsule-icon{flex:none;width:18px;height:18px;color:#817486}
#sc-shipping-capsule .sc-capsule-check{display:none}
#sc-shipping-capsule[data-state="unlocked"] .sc-capsule-truck{display:none}
#sc-shipping-capsule[data-state="unlocked"] .sc-capsule-check{display:block;color:#53735b}
.sc-capsule-message{font-weight:500;font-variant-numeric:tabular-nums}
.sc-capsule-message strong{color:#795725;font-weight:650}
.sc-storefront #sc-shipping-capsule .sc-capsule-action{display:flex;align-items:center;flex:none;gap:6px;min-height:30px;margin-left:14px;padding:0 11px;border:0;border-radius:999px;background:#ede8ef;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#51445c;text-decoration:none}
.sc-capsule-action svg{flex:none}
.sc-storefront #sc-shipping-capsule .sc-capsule-action:hover{background:#e4dce8;text-decoration:none}
.sc-storefront #sc-shipping-capsule .sc-capsule-close{display:grid;place-items:center;flex:none;width:30px;height:36px;min-height:36px;margin-left:4px;padding:0;border-radius:50%;color:#8c7f90}
.sc-storefront #sc-shipping-capsule .sc-capsule-close:hover{background:#eee9ef}
.sc-storefront #sc-shipping-capsule[data-state="progress"]{padding-bottom:5px}
.sc-storefront #sc-shipping-capsule[data-state="progress"] .sc-capsule-main{height:36px;min-height:36px}
.sc-capsule-progress{position:absolute;bottom:4px;left:19px;right:19px;height:2px;border-radius:99px;background:#e8e1e8;overflow:hidden}
.sc-capsule-progress[hidden]{display:none}
.sc-capsule-progress>span{display:block;height:100%;width:0;background:#b3996e;border-radius:inherit;transition:width .25s ease}
.sc-storefront #sc-shipping-capsule[data-state="unlocked"] .sc-capsule-action{background:#e9eee8;color:#45624b}
.sc-capsule-dismissed,.sc-capsule-unavailable{--sc-capsule-slot:32px}
#sc-shipping-details{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:38px 32px 28px;border:1px solid #ded9d2;border-radius:12px;background:#fcfbf8;color:#292622;box-shadow:0 22px 75px #211a3a26;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow:auto}
#sc-shipping-details::backdrop{background:#29222e60}
#sc-shipping-details .sc-details-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#51445c;font-size:26px;box-shadow:none;cursor:pointer}
#sc-shipping-details h2{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:8px 20px 24px 0}
#sc-shipping-details p{margin:14px 0;color:#69615c}
#sc-shipping-details .sc-details-eyebrow{font-size:10px;letter-spacing:.12em;color:#51445c;margin:0 25px 12px 0}
#sc-shipping-details .sc-details-status{background:#f1edf3;padding:16px;border-radius:6px;color:#51445c}
#sc-shipping-details ul{margin:20px 0;padding-left:19px}
#sc-shipping-details li+li{margin-top:10px}
#sc-shipping-details a{color:#51445c;text-underline-offset:4px}
#sc-shipping-details .sc-details-next{display:flex;justify-content:center;padding:12px 16px;border-radius:4px;background:#51445c;color:#fff;text-decoration:none;font-weight:600;margin-top:20px}
#sc-shipping-details .sc-details-policy{display:block;text-align:center;margin-top:16px}
#sc-shipping-details :is(a,button):focus-visible{outline:2px solid #795689;outline-offset:3px}
@media(max-width:1300px){.sc-storefront .utility-bar:has(#sc-shipping-capsule)>.wrap>span,.sc-storefront .utility-bar:has(#sc-shipping-capsule) .utility-links{visibility:hidden}.sc-capsule-dismissed .sc-storefront .utility-bar>.wrap>span,.sc-capsule-dismissed .sc-storefront .utility-bar .utility-links{visibility:visible}}
@media(max-width:782px){body.admin-bar{--sc-capsule-top:46px}}
@media(max-width:600px){.sc-capsule-dismissed,.sc-capsule-unavailable{--sc-capsule-slot:0px}.sc-storefront #sc-shipping-capsule{padding-left:13px;padding-right:4px;font-size:12px}.sc-storefront #sc-shipping-capsule .sc-capsule-main{gap:0;font-size:12px}#sc-shipping-capsule .sc-capsule-icon,#sc-shipping-capsule[data-state="unlocked"] .sc-capsule-check{display:none}.sc-storefront #sc-shipping-capsule .sc-capsule-action{font-size:12px;gap:4px;min-height:30px;margin-left:10px;padding-inline:9px}.sc-capsule-action svg{width:13px}.sc-storefront #sc-shipping-capsule .sc-capsule-close{width:28px;height:38px;min-height:38px;margin-left:2px}.sc-capsule-progress{left:16px;right:16px}.sc-storefront .utility-bar:has(#sc-shipping-capsule)>.wrap>span,.sc-storefront .utility-bar:has(#sc-shipping-capsule) .utility-links{display:none}#sc-shipping-details{padding:38px 22px 24px;font-size:13px}#sc-shipping-details h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sc-capsule-progress>span{transition:none}}
