.bundle-upsell{--bu-navy: #334fb4;--bu-navy-dark: #263a8a;--bu-gold: #ffd700;--bu-ink: #1a1a1a;--bu-grey: #6b7280;--bu-line: #e5e7eb;--bu-bg: #f7f9fc;margin:16px 0 8px;padding:14px;border:1px solid var(--bu-line);border-radius:16px;background:#fff;direction:rtl;text-align:right}.bundle-upsell,.bundle-upsell *{font-family:Assistant,sans-serif;box-sizing:border-box}.bundle-upsell__head{margin-bottom:10px}.bundle-upsell__title{margin:0;font-size:17px;font-weight:700;color:var(--bu-ink);line-height:1.25}.bundle-upsell__sub{margin:2px 0 0;font-size:13px;font-weight:400;color:var(--bu-grey)}.bundle-upsell__list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.bundle-row{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--bu-line);border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.bundle-row.is-picked{border-color:var(--bu-navy);box-shadow:0 0 0 2px #334fb421}.bundle-row.is-failed{border-color:#ef4444}.bundle-row__hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px;z-index:1}.bundle-row__hit:focus-visible{outline:2px solid var(--bu-navy);outline-offset:2px}.bundle-row>*:not(.bundle-row__hit){position:relative;z-index:0;pointer-events:none}.bundle-row__check{flex:none;width:22px;height:22px;border:2px solid #c4cbd8;border-radius:6px;background:#fff}.bundle-row.is-picked .bundle-row__check{border-color:var(--bu-navy);background:var(--bu-navy) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.5 3.5L13 5'/%3E%3C/svg%3E") center / 14px no-repeat}.bundle-row__img{flex:none;width:52px;height:52px;object-fit:contain;border-radius:10px;background:var(--bu-bg)}.bundle-row__mid{flex:1 1 auto;min-width:0}.bundle-row__title{display:block;font-size:13px;font-weight:700;color:var(--bu-ink);line-height:1.3}.bundle-row__chips{display:block;margin-top:3px;font-size:11.5px;font-weight:400;color:var(--bu-navy);line-height:1.35}.bundle-row__price{flex:none;font-size:14px;font-weight:700;color:var(--bu-ink);font-variant-numeric:tabular-nums}.bundle-row__remove{display:none;flex:none;width:24px;height:24px;margin:0;padding:0;border:1.5px solid var(--bu-line);border-radius:50%;background:#fff;color:var(--bu-ink);font-size:15px;line-height:1;cursor:pointer;pointer-events:auto;position:relative;z-index:2}.bundle-row.is-picked .bundle-row__remove{display:inline-flex;align-items:center;justify-content:center}.bundle-row__remove:hover{border-color:var(--bu-navy);color:var(--bu-navy)}.bundle-row__remove:focus-visible{outline:2px solid var(--bu-navy);outline-offset:2px}.bundle-upsell__summary{margin-top:12px;padding:10px;border:1px solid var(--bu-line);border-radius:12px;background:var(--bu-bg)}.bundle-upsell__ship-text{margin:0 0 7px;display:flex;align-items:baseline;gap:5px;font-size:12.5px;font-weight:400;color:var(--bu-ink)}.bundle-upsell__ship-text strong{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.bundle-upsell__bar{position:relative;height:10px;border-radius:9999px;background:#dde4ef;overflow:hidden;box-shadow:inset 0 1px 2px #58688d57,inset 0 2px 4px #58688d29}.bundle-upsell__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 calc(25% - 1.5px),var(--bu-bg) calc(25% - 1.5px) calc(25% + 1.5px),transparent calc(25% + 1.5px) calc(50% - 1.5px),var(--bu-bg) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px) calc(75% - 1.5px),var(--bu-bg) calc(75% - 1.5px) calc(75% + 1.5px),transparent calc(75% + 1.5px) 100%);opacity:1;transition:opacity .38s cubic-bezier(.22,1,.36,1) .12s}.bundle-upsell__bar-fill{display:block;height:100%;width:0;border-radius:9999px;background:linear-gradient(to left,var(--bu-navy) 0,var(--bu-navy) calc(100% - 42px),#4db8f5 100%);transition:width .45s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1)}.bundle-upsell__ship-note{margin:6px 0 0;font-size:11.5px;font-weight:400;color:var(--bu-grey)}.bundle-upsell__ship.is-static .bundle-upsell__bar{display:none}.bundle-upsell__ship.is-met .bundle-upsell__bar-fill{background:linear-gradient(270deg,#00721c,#008235,#009349);background:linear-gradient(270deg,color(xyz 0.055 0.123 0.018),color(xyz 0.074 0.166 0.04),color(xyz 0.097 0.218 0.07))}.bundle-upsell__ship.is-met .bundle-upsell__bar:after{opacity:0}.bundle-upsell__ship.is-met .bundle-upsell__ship-text{color:#004517;color:oklch(34% .1 148)}.bundle-upsell__ship-check{display:none;flex:none;align-items:center;color:#00791e;color:oklch(50% .18 145);align-self:center}.bundle-upsell__ship.is-met .bundle-upsell__ship-check{display:inline-flex}.bundle-upsell__ship.is-met.is-arriving .bundle-upsell__bar-fill{animation:bundle-bar-sweep .62s cubic-bezier(.22,1,.36,1) 1}.bundle-upsell__ship.is-met.is-arriving .bundle-upsell__ship-check{animation:bundle-check-in .38s cubic-bezier(.22,1,.36,1) 1 both}@keyframes bundle-bar-sweep{0%{filter:brightness(1) saturate(1)}30%{filter:brightness(1.5) saturate(1.25)}to{filter:brightness(1) saturate(1)}}@keyframes bundle-check-in{0%{opacity:0;transform:scale(.3) rotate(-22deg)}to{opacity:1;transform:scale(1) rotate(0)}}.bundle-row__was,.bundle-opts__was{font-size:11.5px;font-weight:400;color:var(--bu-grey)}.bundle-row__deal{color:var(--bu-navy)}.bundle-upsell__error{margin:8px 0 0;font-size:12.5px;font-weight:700;color:#b91c1c}.bundle-upsell__cta{display:block;width:100%;margin-top:10px;padding:12px;border:0;border-radius:10px;background:var(--bu-navy);color:#fff;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .2s ease}.bundle-upsell__cta:hover:not(:disabled){background:var(--bu-navy-dark)}.bundle-upsell__cta:disabled{opacity:.5;cursor:not-allowed}.bundle-upsell__cta small{display:block;margin-top:1px;font-size:11.5px;font-weight:400;opacity:.9}.bundle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;direction:rtl}.bundle-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f14238c;touch-action:none}.bundle-modal__panel{position:relative;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 16px 48px #00000029;animation:bundle-rise .25s cubic-bezier(.25,.46,.45,.94);padding-bottom:env(safe-area-inset-bottom)}@keyframes bundle-rise{0%{transform:translateY(14px);opacity:0}}@media(prefers-reduced-motion:reduce){.bundle-modal__panel{animation:none}.bundle-upsell__bar-fill,.bundle-upsell__bar:after{transition:none}.bundle-upsell__ship.is-met.is-arriving .bundle-upsell__bar-fill,.bundle-upsell__ship.is-met.is-arriving .bundle-upsell__ship-check{animation:none}}@media screen and (min-width:750px){.bundle-modal{align-items:center}.bundle-modal__panel{border-radius:16px;max-height:84vh}}.bundle-modal__loading{padding:40px 16px;text-align:center;font-size:14px;color:var(--bu-grey, #6b7280);font-family:Assistant,sans-serif}.bundle-opts,.bundle-opts *{font-family:Assistant,sans-serif;box-sizing:border-box}.bundle-opts__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.bundle-opts__img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#f7f9fc}.bundle-opts__head-text{flex:1 1 auto;min-width:0}.bundle-opts__title{margin:0;font-size:14px;font-weight:700;line-height:1.25;color:#1a1a1a}.bundle-opts__price{margin:1px 0 0;font-size:13px;font-weight:700;color:#334fb4}.bundle-opts__close{flex:none;width:44px;height:44px;border:0;background:transparent;font-size:24px;line-height:1;color:#6b7280;cursor:pointer}.bundle-opts__body{padding:4px 14px 12px}.bundle-opts__field{border:0;margin:0;padding:12px 0 0}.bundle-opts__label{display:block;padding:0;margin-bottom:7px;font-size:12.5px;font-weight:700;color:#1a1a1a}.bundle-opts__optional{font-size:11.5px;font-weight:400;color:#6b7280}.bundle-opts__pills{display:flex;flex-wrap:wrap;gap:6px}.bundle-opts__pills[data-count="2"]{display:grid;grid-template-columns:1fr 1fr}.bundle-opts__pills[data-count="3"]{display:grid;grid-template-columns:1fr 1fr 1fr}.bundle-opts__pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:6px 15px;border:1.5px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#1a1a1a;cursor:pointer;touch-action:manipulation;text-align:center;line-height:1.2}.bundle-opts__pills[data-count="2"] .bundle-opts__pill,.bundle-opts__pills[data-count="3"] .bundle-opts__pill{padding:6px 8px}.bundle-opts__radio:checked+.bundle-opts__pill{border-color:#334fb4;background:#334fb4;color:#fff}.bundle-opts__radio:focus-visible+.bundle-opts__pill{outline:2px solid #334fb4;outline-offset:2px}.bundle-opts__pill-note{font-size:11px;font-weight:400;opacity:.85}.bundle-opts__inputs{display:flex;gap:8px}.bundle-opts__input-wrap{flex:1 1 auto;display:block}.bundle-opts__input-wrap--num{flex:0 0 32%}.bundle-opts__input-wrap span{display:block;margin-bottom:4px;font-size:11.5px;font-weight:400;color:#6b7280}.bundle-opts__input{width:100%;min-height:44px;padding:9px 11px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:400;color:#1a1a1a;background:#fff}.bundle-opts__input:focus{border-color:#334fb4;outline:none}.bundle-opts__help{margin:5px 0 0;font-size:11.5px;font-weight:400;color:#6b7280}.bundle-opts__patches{padding-top:12px}.bundle-opts__foot{position:sticky;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e5e7eb;background:#fff}.bundle-opts__error{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#b91c1c}.bundle-opts__confirm{display:block;width:100%;min-height:48px;border:0;border-radius:10px;background:#334fb4;color:#fff;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation}.bundle-opts__confirm:disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-bundle-upsell.css.map */