.bundle-product-section{padding:2rem 0;background-color:#f8f4ff;min-height:100vh}.bundle-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.product-list{background:var(--color-background);border-radius:var(--btn-1-border-radius, 12px);padding:2rem;box-shadow:0 4px 6px #0000000d}.product-list-title{font-size:calc(var(--font-body-size) * 1.5);font-weight:var(--font-weight-bold, 600);margin-bottom:1.5rem;color:var(--color-text)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-card{background:var(--color-background);border-radius:var(--btn-1-border-radius, 8px);overflow:hidden;transition:var(--anchor-transition, all .3s ease);border:1px solid var(--form-input-border, #e0e0e0)}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.product-image-container{position:relative;aspect-ratio:1;overflow:hidden}.product-image-link{display:block;width:100%;height:100%}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-image-link:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.product-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:var(--btn-2-border-radius, 4px);font-size:calc(var(--font-body-size) * .75);font-weight:var(--font-weight-bold, 600);text-transform:uppercase;z-index:2}.new-badge{background:var(--color-success-bg, #10b981);color:var(--color-white);clip-path:polygon(50% 0%,100% 0%,85% 100%,15% 100%);padding:6px 12px}.bestseller-badge{background:var(--color-base-accent-1, #1e40af);color:var(--color-white);clip-path:polygon(50% 0%,100% 0%,85% 100%,15% 100%);padding:6px 12px}.product-info{padding:1rem}.product-title{margin-bottom:12px;font-size:20px}.product-subtitle{font-size:calc(var(--font-body-size) * .875);color:var(--color-grey, #666);margin-bottom:1rem;line-height:1.4}.product-actions{display:flex;justify-content:center}.add-to-bundle-btn:hover{background:var(--color-text);color:var(--color-background)}.bundle-config{position:sticky;top:2rem}.bundle-panel{background:var(--color-background);border:2px solid var(--color-text);border-radius:var(--btn-1-border-radius, 12px);padding:1.5rem;box-shadow:0 4px 6px #0000000d}.bundle-title{font-size:calc(var(--font-body-size) * 1.25);font-weight:var(--font-weight-bold, 600);margin-bottom:1.5rem;color:var(--color-text);text-align:center}.pack-options{display:flex;gap:.5rem;margin-bottom:1.5rem}.pack-option{flex:1;position:relative}.pack-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--color-success-bg, #10b981);color:var(--color-white);padding:2px 6px;border-radius:var(--btn-2-border-radius, 4px);font-size:calc(var(--font-body-size) * .75);font-weight:var(--font-weight-bold, 600);z-index:2;clip-path:polygon(50% 0%,100% 0%,85% 100%,15% 100%)}.pack-btn{width:100%;padding:var(--btn-2-padding-top, .75rem) var(--btn-2-padding-bottom, .75rem);border:2px solid var(--btn-2-border, var(--color-text));background:var(--btn-2-bg, var(--color-background));color:var(--btn-2-color, var(--color-text));border-radius:var(--btn-2-border-radius, 6px);font-family:var(--btn-2-font-family, inherit);font-size:var(--btn-2-font-size, 14px);font-weight:var(--btn-2-font-weight, 600);text-transform:var(--btn-2-text-transform, uppercase);letter-spacing:var(--btn-2-letter-spacing, .5px);cursor:pointer;transition:var(--duration-long, .3s) var(--button-transition-ease, ease)}.pack-btn.active{background:var(--btn-2-color, var(--color-text));color:var(--btn-2-bg, var(--color-background))}.pack-btn:hover:not(.active){background:var(--color-background-10, #f5f5f5)}.bundle-visualizer{margin-bottom:1.5rem}.bundle-slots{display:flex;gap:.5rem;justify-content:center}.bundle-slot{width:80px;height:100px;border:2px dashed var(--form-input-border, #e0e0e0);border-radius:var(--btn-1-border-radius, 8px);display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-background-10, #f9f9f9)}.bundle-slot:not(:last-child){margin-right:.5rem}.slot-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot-image{width:60px;height:60px;object-fit:cover;border-radius:4px}.remove-product{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--color-text);color:var(--color-background);border:none;font-size:12px;font-weight:var(--font-weight-bold, 700);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.slot-title{font-size:calc(var(--font-body-size) * .75);font-weight:var(--font-weight-bold, 600);color:var(--color-text);text-align:center;margin-top:.25rem;line-height:1.2;word-break:break-word}.empty-slot{font-size:1.5rem;color:var(--form-input-border, #ccc);font-weight:var(--font-weight-bold, 700)}.subscription-options{margin-bottom:1.5rem}.subscription-plans{display:flex;gap:.75rem}.subscription-plan{flex:1}.subscription-plan__label{display:block;cursor:pointer;border:2px solid var(--form-input-border, #e0e0e0);border-radius:var(--btn-1-border-radius, 8px);padding:.75rem;transition:var(--anchor-transition, all .3s ease)}.subscription-plan__label:hover{border-color:var(--color-text)}.subscription-plan__input:checked+.subscription-plan__content{color:var(--color-text)}.subscription-plan__input:checked~.subscription-plan__content .subscription-plan__header{font-weight:var(--font-weight-bold, 600)}.subscription-plan__input{display:none}.subscription-plan__content{text-align:center}.subscription-plan__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:0}.subscription-plan__name{font-size:calc(var(--font-body-size) * .875);font-weight:var(--font-weight-medium, 500);color:var(--color-text)}.subscription-plan__badge{font-size:calc(var(--font-body-size) * .75);background:var(--color-success-bg, #10b981);color:var(--color-white);padding:2px 6px;border-radius:var(--btn-2-border-radius, 4px);font-weight:var(--font-weight-bold, 600)}.bundle-button-text{margin-bottom:12px;text-align:center;font-size:var(--font-body-size, 14px);color:var(--color-text, #000);line-height:1.5}.add-to-cart-btn{width:100%;padding:13px 20px;background:var(--atc-bg-color, #000);border:1px solid var(--atc-border-color, #000);color:var(--atc-color, #fff);border-radius:var(--btn-2-border-radius, 0);font-weight:var(--btn-2-font-weight, 600);font-size:var(--btn-2-font-size, 14px);font-family:var(--btn-2-font-family, inherit);text-transform:var(--btn-2-text-transform, uppercase);text-align:var(--btn-2-text-align, center);letter-spacing:var(--btn-2-letter-spacing, .5px);line-height:var(--btn-2-line-height, 1.4);cursor:pointer;transition:var(--duration-long, .3s) var(--button-transition-ease, ease);box-shadow:var(--btn-2-horizontal-length, 0) var(--btn-2-vertical-length, 0) var(--btn-2-blur-radius, 0) var(--btn-2-spread, 0) var(--btn-2-all-bg-opacity, rgba(0, 0, 0, .1)) var(--btn-2-inset);margin-bottom:1rem;position:relative;overflow:hidden}.add-to-cart-btn:hover:not(:disabled){color:var(--atc-color-hover, #fff);background:var(--atc-bg-color-hover, #333);border-color:var(--atc-border-color-hover, #333);transform:translateY(-2px);box-shadow:var(--btn-2-horizontal-length, 0) var(--btn-2-vertical-length, 5px) var(--btn-2-blur-radius, 10px) var(--btn-2-spread, 0) var(--btn-2-all-bg-opacity-hover, rgba(0, 0, 0, .2)) var(--btn-2-inset)}.add-to-cart-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-2-horizontal-length, 0) var(--btn-2-vertical-length, 2px) var(--btn-2-blur-radius, 5px) var(--btn-2-spread, 0) var(--btn-2-all-bg-opacity, rgba(0, 0, 0, .1)) var(--btn-2-inset)}.add-to-cart-btn:disabled{background:var(--form-input-border, #e0e0e0);color:var(--color-grey, #999);border-color:var(--form-input-border, #e0e0e0);cursor:not-allowed;transform:none;box-shadow:none}.add-to-cart-btn.loading{position:relative;color:transparent}.add-to-cart-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-white);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-to-cart-btn.success{background:var(--color-success-bg, #10b981);border-color:var(--color-success-bg, #10b981);color:var(--color-white)}.add-to-cart-btn.success:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700}.add-to-cart-btn.an-horizontal-shaking{animation:horizontal-shaking .5s ease-in-out}@keyframes horizontal-shaking{0%,18%,to{transform:translateZ(0)}2%,6%,10%,14%{transform:translate3d(-3px,0,0)}4%,8%,12%,16%{transform:translate3d(3px,0,0)}}.disclaimer{font-size:calc(var(--font-body-size) * .75);color:var(--color-grey, #666);line-height:1.4;text-align:center}@media (max-width: 1024px){.bundle-container{grid-template-columns:1fr;gap:1rem}.bundle-config{position:static}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.bundle-title svg{display:none}@media (max-width: 768px){.bundle-title svg{display:inline-block;width:10px;height:10px;margin-right:8px}.bundle-panel.active .bundle-title svg{transform:rotate(180deg)}.bundle-panel.productView-action:not(.active){transform:translateY(calc(100% - 68px))}.bundle-panel.productView-action{z-index:10;width:100%;max-height:calc(var(--viewport-height) - 96px);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:all .4s cubic-bezier(.5,-.5,.25,1.4),opacity 0s linear .4s;position:fixed;bottom:0;left:0;overflow:scroll}.bundle-product-section{padding:1rem 0}.bundle-container{padding:0 .5rem}.product-list,.bundle-panel{padding:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.bundle-slots{flex-wrap:wrap;gap:.75rem}.bundle-slot{width:70px;height:90px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bundle-slot .slot-content{animation:slideIn .3s ease}.bundle-product-section.loading{opacity:.7;pointer-events:none}.bundle-product-section.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--color-background-10, #f3f3f3);border-top:4px solid var(--color-text);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.add-to-cart-btn{padding:12px 16px;font-size:calc(var(--btn-2-font-size, 14px) - 1px)}.bundle-configuration{padding:1rem}.pack-options{gap:.5rem}.pack-option{padding:.75rem}.bundle-visualizer{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.slot{min-height:80px}}@media (max-width: 480px){.add-to-cart-btn{padding:10px 12px;font-size:calc(var(--btn-2-font-size, 14px) - 2px)}.bundle-visualizer{grid-template-columns:repeat(3,1fr);gap:.25rem}.slot{min-height:60px}.slot-title{font-size:calc(var(--font-body-size) * .6)}.purchase-option__label{padding:10px 12px}.purchase-option__content{padding-left:20px}.purchase-option__name{font-size:calc(var(--font-body-size) * .857)}.purchase-option__description{font-size:calc(var(--font-body-size) * .714)}}.purchase-options{margin-bottom:1.5rem}.purchase-option{margin-bottom:.75rem}.purchase-option__label{display:flex;align-items:flex-start;padding:12px 16px;border:2px solid var(--form-input-border, #e0e0e0);border-radius:var(--btn-1-border-radius, 8px);cursor:pointer;transition:var(--anchor-transition, all .3s ease);background-color:var(--color-background, #fff);position:relative}.purchase-option__label:hover{border-color:var(--color-base-accent-1, #000);background-color:var(--color-background-10, #f9f9f9)}.purchase-option__input{display:none}.purchase-option__content{flex:1;padding-left:25px;position:relative}.purchase-option__content:before{content:"";position:absolute;left:-1px;top:3px;width:20px;height:20px;border:2.5px solid var(--form-input-border, #e0e0e0);border-radius:50%;background-color:var(--color-background, #fff);transition:var(--anchor-transition, all .3s ease);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.purchase-option__content:after{content:"";position:absolute;left:4.5px;top:8px;width:9px;height:9px;border-radius:50%;background-color:var(--color-text, #000);opacity:0;transition:var(--anchor-transition, all .3s ease)}.purchase-option__name{display:block;font-weight:var(--font-weight-bold, 600);font-size:var(--font-body-size, 14px);color:var(--color-text, #000);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.purchase-option__description{display:block;font-size:var(--font-body-size, 14px);color:var(--color-grey, #666);font-style:italic;line-height:1.4}.purchase-option__input:checked+.purchase-option__content:before{border-color:var(--color-base-accent-1, #000)}.purchase-option__input:checked+.purchase-option__content:after{opacity:1;background-color:var(--color-text, #000)}.purchase-option__input:checked+.purchase-option__content .purchase-option__name{color:var(--color-base-accent-1, #000)}.purchase-option__label:has(.purchase-option__input:checked){border-color:var(--color-base-accent-1, #000);background-color:var(--color-background-10, #f9f9f9)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-bundle-product.css.map */