bundle-builder-component{display:block;max-width:1440px;margin:0 auto;padding:var(--padding-block-start, 40px) 80px var(--padding-block-end, 120px);position:relative}.bundle-builder__header{text-align:center;margin-bottom:48px}.bundle-builder__heading{font-family:"Sen",var(--font-primary--family),sans-serif;font-weight:600;font-size:64px;color:#fff;line-height:125%;margin:0 0 12px}.bundle-builder__subheading{font-family:"Inter",var(--font-body--family),sans-serif;font-size:18px;color:#c9c9cc;margin:0 0 20px}.bundle-builder__progress{font-family:Sen,sans-serif;font-size:16px;font-weight:600;color:#c5c247;transition:color .3s ease}.bundle-builder__progress--complete{color:#34a853}.bundle-tabs-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:40px;max-width:900px;margin-inline:auto}.bundle-tabs-track{position:relative;overflow:hidden;flex:1;min-width:0}.bundle-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:6px 4px}.bundle-tabs::-webkit-scrollbar{display:none}.bundle-tabs__fade{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.bundle-tabs__fade--left{left:0;background:linear-gradient(to right,#111 0%,transparent 100%)}.bundle-tabs__fade--right{right:0;background:linear-gradient(to left,#111 0%,transparent 100%)}.bundle-tabs__fade--visible{opacity:1}.bundle-tabs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#ffffffb3;cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s ease,color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.bundle-tabs__arrow--left{left:-4px}.bundle-tabs__arrow--right{right:-4px}.bundle-tabs__arrow--visible{opacity:1;pointer-events:auto}.bundle-tabs__arrow:hover{background:#ffffff2e;color:#fff}.bundle-tabs__arrow:active{transform:translateY(-50%) scale(.92)}.bundle-tabs__tab{font-family:Sen,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;background:transparent;border:1.5px solid rgba(255,255,255,.12);border-radius:100px;padding:10px 22px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-shrink:0}.bundle-tabs__tab:hover{color:#ffffffd9;border-color:#ffffff40}.bundle-tabs__tab--active{color:#fff;background:var(--xinzuo-red, #a70000);border-color:var(--xinzuo-red, #a70000);box-shadow:0 2px 12px #ff00044d}.bundle-tabs__tab--active:hover{background:#e00004;border-color:#e00004}.bundle-tabs__count{font-size:11px;opacity:.65;margin-left:3px}.bundle-builder__grid{display:grid;grid-template-columns:repeat(var(--bundle-columns-desktop, 4),1fr);gap:32px}.bundle-card{position:relative;cursor:pointer;border:2px solid transparent;border-radius:10px;overflow:hidden;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;background:#ffffff0a;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bundle-card:hover{border-color:#fff3;transform:translateY(-2px)}.bundle-card--selected{border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff26,0 4px 20px #0000004d}.bundle-card--selected:hover{border-color:#ffffff73;transform:translateY(-2px)}.bundle-card__checkbox{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0006;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.bundle-card__checkbox svg{width:14px;height:14px;opacity:0;transition:opacity .2s ease}.bundle-card--selected .bundle-card__checkbox{background:#34a853;border-color:#34a853}.bundle-card--selected .bundle-card__checkbox svg{opacity:1}.bundle-card__image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#1a1a1a;border-radius:10px 10px 0 0}.bundle-card__image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .35s ease}.bundle-card:hover .bundle-card__image img{transform:scale(1.04)}.bundle-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -40px 30px -20px #00000040;pointer-events:none}.bundle-card__badge{position:absolute;background-color:var(--xinzuo-red, #a70000);padding:5px 15px;border-radius:20px;top:10px;left:15px;font-family:Sen,sans-serif;font-weight:600;font-size:13px;color:#fff;z-index:1}.bundle-card__info{padding:14px 12px 12px;border-top:1px solid rgba(255,255,255,.06)}.bundle-card__title{font-family:Sen,sans-serif;font-weight:600;font-size:18px;color:#fff;margin:0 0 6px;line-height:135%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bundle-card__price{display:flex;align-items:baseline;gap:8px}.bundle-card__current-price{font-family:Sen,sans-serif;font-weight:600;font-size:22px;color:#fff}.bundle-card__compare-price{font-size:16px;text-decoration:line-through;color:#828282}.bundle-summary{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#111111f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding:12px 30px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.bundle-summary--visible{transform:translateY(0);pointer-events:all}.bundle-summary__inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.bundle-summary__selected{display:flex;align-items:center;gap:12px;flex-shrink:0}.bundle-summary__thumbnails{display:flex;gap:4px;overflow-x:auto;max-width:220px;scrollbar-width:none}.bundle-summary__thumbnails::-webkit-scrollbar{display:none}.bundle-summary__thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.bundle-summary__count{font-family:Sen,sans-serif;font-size:14px;font-weight:600;color:#fff;white-space:nowrap}.bundle-summary__savings{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;text-align:center}.bundle-summary__tier-label{font-family:Sen,sans-serif;font-weight:600;font-size:16px;color:#34a853}.bundle-summary__next-tier{font-size:13px;color:#fff9}.bundle-summary__action{display:flex;align-items:center;gap:16px;flex-shrink:0}.bundle-summary__total{text-align:right}.bundle-summary__total-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.bundle-summary__price-row{display:flex;align-items:baseline;gap:8px;justify-content:flex-end}.bundle-summary__original-price{font-family:Sen,sans-serif;font-weight:500;font-size:16px;color:#fff6;text-decoration:line-through}.bundle-summary__original-price[hidden]{display:none}.bundle-summary__total-price{font-family:Sen,sans-serif;font-weight:600;font-size:22px;color:#fff}.bundle-summary__total-price--discounted{color:#34a853}.bundle-summary__total-savings{display:block;font-size:13px;color:#34a853;font-weight:600}.bundle-summary__total-savings[hidden]{display:none}.bundle-summary__cta{padding:14px 28px;background:var(--xinzuo-red, #a70000);color:#fff;border:none;border-radius:4px;font-family:Sen,sans-serif;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bundle-summary__cta:hover:not(:disabled){background:#cc0003;transform:translateY(-1px)}.bundle-summary__cta:disabled{opacity:.5;cursor:not-allowed}.bundle-summary__cta--shake{animation:bundle-shake .5s ease}@keyframes bundle-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bundle-summary__progress-bar{position:relative;height:8px;margin-top:4px;width:100%;order:99}.bundle-summary__progress-track{height:100%;background:#ffffff26;border-radius:8px;overflow:hidden}.bundle-summary__progress-fill{height:100%;background:#ffffff73;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s ease;border-radius:8px}.bundle-summary__progress-fill--tier-active{background:#c5c247}.bundle-summary__progress-fill--complete{background:#34a853}.bundle-summary__tier-marker{position:absolute;top:-4px;width:2px;height:16px;background:#ffffff59;border-radius:1px;transform:translate(-1px);transition:background .3s ease}.bundle-summary__tier-marker--reached{background:#34a853b3}@media screen and (max-width:1300px){bundle-builder-component{padding-left:30px;padding-right:30px}.bundle-builder__heading{font-size:48px}.bundle-tabs-wrapper{max-width:100%}.bundle-builder__grid{grid-template-columns:repeat(3,1fr);gap:24px}.bundle-card__current-price{font-size:18px}}@media screen and (max-width:1025px){.bundle-builder__heading{font-size:36px}.bundle-card__title{font-size:15px}.bundle-card__current-price{font-size:18px}.bundle-card__compare-price{font-size:14px}}@media screen and (max-width:750px){bundle-builder-component{padding-left:16px;padding-right:16px}.bundle-builder__heading{font-size:28px}.bundle-builder__subheading{font-size:16px}.bundle-builder__header{margin-bottom:32px}.bundle-tabs-wrapper{margin-bottom:24px}.bundle-tabs{gap:6px}.bundle-tabs__tab{font-size:12px;padding:8px 16px}.bundle-tabs__arrow{width:30px;height:30px}.bundle-tabs__fade{width:32px}.bundle-builder__grid{grid-template-columns:repeat(2,1fr);gap:12px}.bundle-card__info{padding:8px}.bundle-card__title{font-size:14px;margin-bottom:4px}.bundle-card__current-price{font-size:16px}.bundle-card__compare-price{font-size:13px}.bundle-summary{padding:10px 16px}.bundle-summary__inner{flex-direction:column;gap:8px;align-items:stretch}.bundle-summary__selected{order:1}.bundle-summary__savings{order:2}.bundle-summary__progress-bar{order:3;margin-top:0}.bundle-summary__action{order:4}.bundle-summary__selected{justify-content:center}.bundle-summary__thumbnails{display:flex;max-width:160px}.bundle-summary__thumb{width:28px;height:28px;border-radius:3px}.bundle-summary__count{font-size:12px}.bundle-summary__tier-label{font-size:14px}.bundle-summary__next-tier{font-size:12px}.bundle-summary__total-price{font-size:18px}.bundle-summary__original-price{font-size:13px}.bundle-summary__total-savings{font-size:11px}.bundle-summary__savings{flex-direction:row;gap:8px;justify-content:center;flex-wrap:wrap}.bundle-summary__action{flex-direction:column;gap:6px}.bundle-summary__total{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bundle-summary__price-row{justify-content:center}.bundle-summary__total-label{display:none}.bundle-summary__cta{width:100%;padding:14px;font-size:15px}}@media screen and (max-width:500px){.bundle-builder__heading{font-size:24px}.bundle-tabs__tab{font-size:12px;padding:8px 16px}.bundle-tabs__arrow{width:28px;height:28px}.bundle-tabs__arrow svg{width:14px;height:14px}.bundle-card__checkbox{width:24px;height:24px;top:8px;right:8px}.bundle-card__checkbox svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bundle-builder.css.map */