.bundle-addon{--addon-radius: 8px;--addon-border: rgba(0, 0, 0, .1);--addon-bg: #fafafa;--addon-bg-selected: #f0f7f0;--addon-check-color: #2e7d32}.bundle-addon__box{background:var(--addon-bg);border-radius:var(--addon-radius);padding:16px}.bundle-addon__box--bordered{border:1px solid var(--addon-border)}.bundle-addon--selected .bundle-addon__box{background:var(--addon-bg-selected);border-color:var(--addon-check-color)}.bundle-addon__header{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:left;border-bottom:1px solid var(--addon-border);padding-bottom:12px}.bundle-addon__main{display:flex;gap:16px;align-items:flex-start}.bundle-addon__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0;font-weight:600;font-size:15px}.bundle-addon__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;opacity:0}input.bundle-addon__input{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;position:absolute!important;opacity:0!important}input.bundle-addon__input:after{display:none!important}.bundle-addon__checkmark{width:18px;height:18px;border:2px solid #888;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease;flex-shrink:0}.bundle-addon__checkmark svg{opacity:0;transform:scale(.5);transition:all .15s ease;color:#fff}.bundle-addon__input:checked+.bundle-addon__checkmark{background:var(--addon-check-color);border-color:var(--addon-check-color)}.bundle-addon__input:checked+.bundle-addon__checkmark svg{opacity:1;transform:scale(1)}.bundle-addon__input:focus+.bundle-addon__checkmark{box-shadow:0 0 0 3px #2e7d3233}.bundle-addon__input:disabled+.bundle-addon__checkmark{opacity:.5;cursor:not-allowed}.bundle-addon__main{display:flex;align-items:flex-start;gap:20px;margin-bottom:16px}.bundle-addon__media-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}.bundle-addon__card{flex:1;display:flex;align-items:flex-start;gap:16px}.bundle-addon__image{width:100px;height:100px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--addon-border)}.bundle-addon__image img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bundle-addon__media-wrap,.bundle-addon__media-wrap *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bundle-addon__media-wrap:focus,.bundle-addon__media-wrap:focus-within,.bundle-addon__media-wrap:active,.bundle-addon__toggle:active,.bundle-addon__image:active{outline:none!important;box-shadow:none!important;background:transparent!important}.bundle-addon__toggle:focus,.bundle-addon__toggle:focus-visible{outline:none}.bundle-addon__info{flex:1;min-width:0}.bundle-addon__title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.bundle-addon__title{font-weight:500;color:inherit;text-decoration:none;display:block;margin-bottom:4px}.bundle-addon__title:hover{text-decoration:underline}.bundle-addon__variant{font-size:13px;color:#666;margin-bottom:4px}.bundle-addon__desc{font-size:13px;color:#666;margin-top:6px}.bundle-addon__soldout{color:#d32f2f;font-size:13px;font-weight:500;margin-top:6px}.bundle-addon__pricing{text-align:right;flex-shrink:0}.bundle-addon__amount{font-weight:600;font-size:16px}.bundle-addon__total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--addon-border);font-size:14px}.bundle-addon__total.hidden{display:none}@media(max-width:480px){.bundle-addon__main{flex-direction:column;gap:16px}.bundle-addon__checkbox-section{width:100%}.bundle-addon__card{flex-wrap:wrap}.bundle-addon__image{width:80px;height:80px}.bundle-addon__pricing{width:100%;text-align:left;margin-top:8px}}.bundle-addon__price{min-width:7rem}@media screen and (max-width:749px){.bundle-addon__price{width:100%;text-align:left;margin-top:.8rem;padding-left:calc(var(--bundle-addon-checkbox-size) + 1.2rem)}.bundle-addon__content:has(.bundle-addon__image) .bundle-addon__price{padding-left:calc(var(--bundle-addon-checkbox-size) + var(--bundle-addon-image-size) + 2.4rem)}}.bundle-addon__price-compare,.bundle-addon__price-final{line-height:1.3}.bundle-addon__price-final.text-sale{color:rgb(var(--color-sale, 220, 53, 69))}.bundle-addon__discount-badge{display:inline-block;padding:.2rem .6rem;background-color:rgb(var(--color-sale, 220, 53, 69));color:#fff;border-radius:.4rem;margin-top:.4rem;font-weight:600}.bundle-addon__total{animation:bundleAddonFadeIn .3s ease}@keyframes bundleAddonFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.bundle-addon__total-wrapper{border-color:var(--bundle-addon-border-color)}.bundle-addon__total-label{color:rgba(var(--color-foreground),.7)}.bundle-addon__total-price{font-size:1.1em}.bundle-addon__wrapper:hover{background-color:rgba(var(--color-foreground),.02)}.bundle-addon--selected .bundle-addon__wrapper:hover{background-color:rgba(var(--color-foreground),.05)}.bundle-addon.is-loading{pointer-events:none;opacity:.6}.bundle-addon.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:2px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:bundleAddonSpin .8s linear infinite}@keyframes bundleAddonSpin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.bundle-addon{--bundle-addon-image-size: 5rem;--bundle-addon-padding: 1rem}.bundle-addon__main{flex-direction:column;gap:12px}.bundle-addon__checkbox-section{width:100%}}@media(prefers-color-scheme:dark){.bundle-addon{--bundle-addon-border-color: rgba(var(--color-foreground), .2);--bundle-addon-bg-selected: rgba(var(--color-foreground), .08)}}.bundle-addon__checkbox-wrapper:focus-within .bundle-addon__checkbox-visual{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(forced-colors:active){.bundle-addon__checkbox-visual{border:2px solid CanvasText}.bundle-addon__checkbox:checked+.bundle-addon__checkbox-visual{background-color:Highlight;border-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bundle-addon.css.map */