.flexible-bundle{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}.bundle-header{text-align:left;margin-bottom:2rem}.bundle-header h1{margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.bundle-description{max-width:45%;margin:0;padding:1.5rem 0;font-size:1rem;line-height:1.6;color:rgba(var(--color-foreground, 0, 0, 0),.7)}.bundle-description p{margin:0}.bundle-divider{border:none;border-top:1px solid rgba(var(--color-foreground, 0, 0, 0),.1);margin:2rem 0 3rem}.bundle-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.bundle-main{grid-column:1;display:grid;grid-template-rows:auto auto;gap:2rem}.bundle-aside{grid-column:2;position:sticky;top:clamp(56px,8vh,96px)}.bundle-configurator{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.bundle-stage{display:grid}.bundle-step{display:none}.bundle-step.is-active{display:block}.bundle-stage-controls{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem}.bundle-stage-controls .btn{min-width:120px}.bundle-configurator .product-selector{margin-bottom:0}.product-selector{background:transparent;border-radius:0;padding:1.5rem 0;border:none;border-bottom:1px solid rgba(var(--color-foreground, 0, 0, 0),.1);transition:all .2s ease-in-out}.product-selector:last-child{border-bottom:none}.selector-title{font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:var(--color_text, #000);text-transform:uppercase;letter-spacing:.05em}.keycap-kits{margin-top:1rem}.kit-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px}.kit-checkbox.base-kit{font-weight:600}.bundle-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 900px){.bundle-preview{grid-template-columns:repeat(4,1fr)}}.product-card{border-radius:12px;overflow:hidden;background-color:rgb(var(--color-base-background-1));border:1px solid rgba(var(--color-foreground),.1);display:flex;flex-direction:column}.product-card__image{width:100%;aspect-ratio:16/9;object-fit:cover}.product-card__info{padding:1rem}.product-card__title{font-size:1.1rem;margin:.25rem 0 0;color:var(--color_text, #000)}.product-card__variant{color:#999;font-size:.95rem;margin-top:.25rem}.bundle-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.bundle-progress .progress-step{display:inline-grid;grid-auto-flow:column;align-items:center;gap:.5rem}.bundle-progress .progress-step .step-chip{display:inline-block;max-width:16rem;padding:2px 8px;border-radius:999px;background:rgb(var(--color-base-background-2));color:rgb(var(--color-foreground));font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-step{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.625rem .75rem;border:1px solid rgba(var(--color-foreground, 0,0,0),.12);border-radius:10px;background:rgb(var(--color-base-background-1));color:var(--color_text, #111);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.progress-step .step-index{inline-size:28px;block-size:28px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--color-foreground, 0,0,0),.18);font-weight:700;font-size:.9rem;background:#fff}.progress-step .step-label{font-weight:600;font-size:.95rem}.progress-step:is(:hover,:focus-visible){border-color:rgba(var(--color-foreground, 0,0,0),.4)}.progress-step.is-active{border-color:rgba(var(--color-foreground, 0,0,0),.6)}.progress-step.is-complete{background:#f2fbf4;border-color:#4aa33959}.progress-step.is-complete .step-index{background:#4aa339;color:#fff;border-color:#4aa339}.bundle-summary{background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem}.bundle-summary-title{font-size:1.1rem;font-weight:700;margin:0 0 1.5rem;color:var(--color_text, #000);text-transform:uppercase;letter-spacing:.05em}.bundle-aside .bundle-summary{position:sticky;top:0}.summary-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.summary-table td{padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.95rem}.summary-table td:first-child{font-weight:500;color:#333}.summary-table td:last-child{text-align:right;white-space:nowrap;font-weight:600}.summary-table .subtotal-row td{padding-top:1rem;border-top:2px solid rgba(0,0,0,.2);font-size:1.1rem;font-weight:700;color:#000}.total-row{font-weight:700;font-size:1.1rem;border-top:2px solid rgba(0,0,0,.15)!important}.total-row td{padding-top:1rem!important;border-bottom:none!important}.discount-row{color:#000;font-weight:600}.discount-value{color:#4aa339}.bundle-actions-wrapper{display:flex;justify-content:space-between;flex-direction:column;align-items:end;gap:1rem}.savings-message{max-width:450px;text-align:center;border-radius:8px;padding:.75rem;margin-bottom:1rem;color:#4aa339;font-weight:600;font-size:1.1rem}.validation-message{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1rem;margin-bottom:1rem;color:#856404}.image-dropdown{position:relative;width:100%}.image-dropdown__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:var(--color_form, #fff);border:1px solid var(--color_form_border, #ccc);border-radius:6px;cursor:pointer;transition:all .2s ease}.image-dropdown__toggle:hover:not(.disabled){border-color:rgba(var(--color-foreground, 0, 0, 0),.4);box-shadow:0 2px 4px #0000000d}.image-dropdown__toggle:focus-visible{outline:2px solid #4AA339;outline-offset:2px}.image-dropdown__toggle .thumb{width:48px;height:27px;object-fit:cover;border-radius:6px}.image-dropdown__toggle.disabled{opacity:.6;cursor:not-allowed}.image-dropdown__toggle .chev{transition:transform .15s ease}.image-dropdown.open .image-dropdown__toggle .chev{transform:rotate(180deg)}.image-dropdown.open .image-dropdown__toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.image-dropdown__menu{position:absolute;left:0;top:calc(100% - 1px);width:100%;z-index:40;background:var(--color_form, #fff);border:1px solid var(--color_form_border, #ddd);border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 8px 20px #00000014;max-height:320px;overflow:auto;display:none;padding:0;box-sizing:border-box}.image-dropdown.open .image-dropdown__menu{display:block}.image-dropdown__search{position:sticky;top:0;background:var(--color_form, #fff);border-bottom:1px solid var(--color_form_border, #ddd);padding:0;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.image-dropdown__search .search-field{position:relative;width:100%}.image-dropdown__search .search-field .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color_text, #000);opacity:.5;pointer-events:none}.image-dropdown__search-input{width:100%;max-width:none;height:48px;padding:0 12px 0 38px;border:none;border-radius:0;font-size:.95rem;background:var(--color_form, #fff);color:var(--color_text, #000);box-sizing:border-box}.image-dropdown__search-input::placeholder{color:#00000080}.image-dropdown__search-input:focus{outline:none;box-shadow:inset 0 0 0 2px #0000000f}.image-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;transition:background-color .15s ease}.image-option+.image-option{border-top:1px solid rgba(0,0,0,.06)}.image-option:hover,.image-option[aria-selected=true]{background:#0000000a}.image-option .thumb{width:64px;height:36px;object-fit:cover;border-radius:6px}.image-option .label-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.image-option .label{font-weight:600;color:var(--color_text, #000);flex:1;min-width:0}.image-option .sold-out-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#666;background:#0000001f;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.image-option .price{margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.9rem}.image-option .price .old-price{color:#888;text-decoration:line-through;font-weight:500}.image-option .price .new-price{color:#000;font-weight:700}.image-option.disabled{opacity:.5;cursor:not-allowed}.image-option.disabled:hover{background:transparent}.image-option.disabled .label{color:#999;font-weight:400}.multi-select-dropdown{position:relative}.multi-select-dropdown__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:var(--color_form, #fff);border:1px solid var(--color_form_border, #ccc);border-radius:6px;cursor:pointer;min-height:44px;transition:all .2s ease}.multi-select-dropdown__toggle:hover{border-color:rgba(var(--color-foreground, 0, 0, 0),.4);box-shadow:0 2px 4px #0000000d}.multi-select-dropdown__toggle.has-selection{border-color:rgba(var(--color-foreground, 0, 0, 0),.4);background:#00000005}.multi-select-dropdown__toggle.has-base{border-color:#4aa339;background:#4aa33905}.multi-select-dropdown__toggle .label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-dropdown__menu{position:absolute;left:0;top:calc(100% + 6px);width:100%;z-index:40;background:var(--color_form, #fff);border:1px solid var(--color_form_border, #ddd);border-radius:8px;box-shadow:0 8px 20px #00000014;max-height:320px;overflow:auto;display:none}.multi-select-dropdown.open .multi-select-dropdown__menu{display:block}.multi-select-dropdown__options{max-height:240px;overflow-y:auto}.multi-select-dropdown__footer{padding:.75rem;border-top:1px solid rgba(0,0,0,.1);background:#00000005;position:sticky;bottom:0;z-index:1}.multi-select-dropdown__done{display:block;width:100%;padding:.625rem 1rem;border:none;border-radius:0;font-family:NeuzeitOfficeSRPro-Bold,Arial;font-size:1rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:all .3s ease;background:var(--color_button, #000);color:#fff}.multi-select-dropdown__done:hover:not(:disabled){opacity:.9}.multi-select-dropdown__done:disabled{opacity:.5;cursor:not-allowed}.multi-select-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.multi-select-option:hover:not(.disabled){background:#0000000a}.multi-select-option .kit-checkbox-input{margin:0;cursor:pointer}.multi-select-option .thumb{width:64px;height:36px;object-fit:cover;border-radius:6px;cursor:pointer;pointer-events:none}.multi-select-option .label-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.multi-select-option .label{font-weight:600;color:var(--color_text, #000);cursor:pointer;margin:0;pointer-events:none;flex:1;min-width:0}.multi-select-option .sold-out-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#666;background:#0000001f;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.multi-select-option.base-kit{background:#4aa3390d}.multi-select-option .price{margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.9rem}.multi-select-option .price .old-price{color:#888;text-decoration:line-through;font-weight:500}.multi-select-option .price .new-price{color:#000;font-weight:700}.multi-select-option.disabled{opacity:.5;pointer-events:none}.multi-select-option.disabled .kit-checkbox-input{cursor:not-allowed}.multi-select-option.disabled .label{color:#999}.multi-select-option.sold-out{opacity:.5}.multi-select-option.sold-out .label{font-weight:400;color:#999}.multi-select-option.sold-out .kit-checkbox-input{cursor:not-allowed}.old-price{color:#8a8a8a;text-decoration:line-through;margin-right:.35rem}.new-price{color:#000;font-weight:700}.bundle-mobile-cta{position:sticky;bottom:0;inset-inline:0;display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;background:rgb(var(--color-base-background-1));border-top:1px solid rgba(var(--color-foreground,0,0,0),.1);padding:.75rem 1rem;z-index:40}.bundle-mobile-cta[hidden]{display:none}.bundle-mobile-cta .cta-info{display:grid;gap:2px}.bundle-mobile-cta .cta-total-label{font-size:.8rem;color:#666}.bundle-mobile-cta .cta-total-value{font-weight:700;font-size:1.05rem}.bundle-mobile-cta .cta-button{inline-size:max(40%,160px)}@media (max-width: 1200px){.bundle-grid{grid-template-columns:1fr}.bundle-aside{position:static}}@media (max-width: 1000px){.bundle-description{max-width:100%}}@media (max-width: 768px){.bundle-header h1{font-size:2rem}.bundle-configurator{grid-template-columns:1fr;gap:1.5rem}.bundle-stage-controls{position:sticky;bottom:calc(56px + env(safe-area-inset-bottom));background:rgb(var(--color-base-background-1));padding:.75rem 0;z-index:30}.bundle-preview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-option,.multi-select-option{padding:.5rem;gap:.5rem}.image-option .thumb,.multi-select-option .thumb{width:48px;height:27px;flex-shrink:0}.image-option .label-wrapper,.multi-select-option .label-wrapper{gap:.35rem}.image-option .label,.multi-select-option .label{font-size:.85rem;font-weight:600;line-height:1.2;flex:1;min-width:0}.image-option .sold-out-badge,.multi-select-option .sold-out-badge{font-size:.65rem;padding:.1rem .35rem}.image-option .price,.multi-select-option .price{font-size:.8rem;gap:.25rem;flex-shrink:0;flex-direction:column;align-items:flex-end}.image-option .price .old-price,.multi-select-option .price .old-price{font-size:.7rem;text-align:right;margin-right:0}.image-option .price .new-price,.multi-select-option .price .new-price{font-size:.85rem}.savings-message{font-size:.9rem}.add-to-cart-button{font-size:1rem!important}}.bundle-configurator{grid-template-columns:1fr;gap:1.5rem}.v-bundle{display:grid;gap:1.5rem}.v-row{display:grid;grid-template-columns:minmax(220px,1fr) 1.2fr;gap:1rem;align-items:start;position:relative;transition:opacity .3s ease}.v-row.completed:before{content:"\2713";position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:#4aa339;font-size:1.2rem;font-weight:700}.v-preview .preview-box{position:relative;background:rgb(var(--color-base-background-1));border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;display:grid;place-items:center;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.v-preview .preview-box:has(.preview-img[style*=background-image]){border-color:rgba(var(--color-foreground),.15)}.v-preview .preview-box .preview-img{width:100%;height:100%;background-size:cover;background-position:center}.v-preview .preview-box.is-grid{display:grid;gap:2px;padding:2px}.v-preview .preview-box.is-grid .preview-img{border-radius:4px;background-size:cover;background-position:center;width:100%;height:100%}.v-preview .preview-box.has-thumbnails .preview-with-thumbnails{display:flex;gap:8px;width:100%;height:100%}.v-preview .preview-box.has-thumbnails .preview-main{flex:1;background-size:cover;background-position:center;border-radius:8px;aspect-ratio:16 / 9;object-fit:cover;min-width:0}.v-preview .preview-box.has-thumbnails .preview-thumbnail-column{display:flex;flex-direction:column;gap:6px;width:100px;flex-shrink:0;max-height:100%;overflow-y:auto;padding-right:2px}.v-preview .preview-box.has-thumbnails .preview-thumbnail{width:96px;height:54px;background-size:cover;background-position:center;border-radius:6px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.v-preview .preview-box.has-thumbnails .preview-thumbnail-column::-webkit-scrollbar{width:4px}.v-preview .preview-box.has-thumbnails .preview-thumbnail-column::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.v-preview .preview-box.has-thumbnails .preview-thumbnail-column::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.v-preview .preview-box.has-thumbnails .preview-thumbnail-column::-webkit-scrollbar-thumb:hover{background:#0000004d}.v-controls .product-selector{margin:0}.v-row:not(:last-child){position:relative;margin-bottom:2rem;padding-bottom:2rem}.v-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ddd;width:100%}@media (max-width: 900px){.v-row{grid-template-columns:1fr}.v-controls{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/flexible-bundle.css.map */