.bundle-builder-section{--black: #000000;--white: #FFFFFF;--gray-100: #F7F7F7;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--accent: #D4AF37;--success: #10B981;--silk: #F8F6F0}.bundle-container{max-width:1400px;margin:0 auto;padding:40px 24px 80px}.bundle-hero{text-align:center;margin-bottom:48px}.bundle-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:8px;letter-spacing:-1px;text-align:left}.bundle-subtitle{font-size:20px;color:var(--gray-600);margin-bottom:24px;text-align:left}.rating{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.stars{color:var(--accent);font-size:16px}.rating-text{font-size:14px;color:var(--gray-600)}.bundle-selection{margin-bottom:32px}.bundle-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;text-align:center}.bundle-option{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--white);position:relative;margin-bottom:12px}.bundle-option:hover{border-color:var(--gray-300)}.bundle-option.selected{border-color:var(--accent);background:var(--silk);box-shadow:0 0 0 3px #d4af371a}.bundle-left{display:flex;align-items:center;gap:16px}.bundle-radio{width:20px;height:16px;border:2px solid var(--gray-400);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.bundle-option.selected .bundle-radio{border-color:var(--accent)}.bundle-option.selected .bundle-radio:after{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%}.bundle-details h3{font-size:16px;font-weight:600;margin-bottom:4px}.bundle-description{font-size:14px;color:var(--gray-600)}.bundle-pricing{text-align:right}.bundle-price{font-size:20px;font-weight:700}.per-piece{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:4px}.bundle-compare{font-size:14px;color:var(--gray-500);text-decoration:line-through}.bundle-save{font-size:12px;color:var(--success);font-weight:600}.popular-badge{position:absolute;top:-8px;right:24px;background:var(--accent);color:var(--white);padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.build-box-button{width:100%;max-width:600px;margin:0 auto 24px;display:block;padding:18px;background:var(--black);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.build-box-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bundle-builder-grid{margin-top:60px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.builder-header{text-align:center;margin-bottom:48px}.builder-header h2{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-1px}.builder-header p{font-size:18px;color:var(--gray-600)}.builder-progress{background:var(--white);padding:24px;border-radius:16px;margin-bottom:32px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--gray-200);text-align:center}.progress-info{font-size:18px;font-weight:600;color:var(--gray-700);margin-bottom:16px}.progress-bar{width:100%;max-width:300px;height:10px;background:var(--gray-200);border-radius:10px;overflow:hidden;margin:0 auto;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#E5C045 100%);width:0%;transition:width .3s ease;box-shadow:0 2px 4px #d4af374d}.pieces-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;padding:20px;background:var(--white);border-radius:16px;box-shadow:0 2px 12px #0000000f}.piece-card{border:2px solid var(--gray-200);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;background:var(--white);position:relative;text-align:center}.piece-card:hover{border-color:var(--gray-400);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.piece-card.selected{border-color:var(--accent);background:var(--silk);box-shadow:0 0 0 3px #d4af371a}.piece-card.selected:after{content:"\2713";position:absolute;top:12px;right:12px;background:var(--accent);color:var(--white);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.piece-image{aspect-ratio:1;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);position:relative;overflow:hidden}.piece-image img{width:100%;height:100%;object-fit:cover}.piece-name{font-size:14px;font-weight:600;margin-bottom:4px}.piece-type{font-size:12px;color:var(--gray-600)}.color-options{display:flex;gap:8px;justify-content:center;margin:12px 0 8px;flex-wrap:wrap}.color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;position:relative;transition:all .2s;box-shadow:0 2px 4px #0000001a;overflow:hidden}.color-swatch:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:50%}.color-swatch:hover{transform:scale(1.1);box-shadow:0 3px 6px #0003}.color-swatch.selected{outline:2px solid var(--accent);outline-offset:2px;transform:scale(1.1)}.color-ivory{background:radial-gradient(ellipse at 30% 30%,#fffef5,#f5f1e8)}.color-pearl{background:radial-gradient(ellipse at 30% 30%,#fefefe,#f0f0f0)}.color-champagne{background:radial-gradient(ellipse at 30% 30%,#f7e7ce,#e5d4b0)}.color-rose{background:radial-gradient(ellipse at 30% 30%,#ffe4e1,#f5c9c6)}.color-blush{background:radial-gradient(ellipse at 30% 30%,#fff0ed,#fddcd7)}.color-lavender{background:radial-gradient(ellipse at 30% 30%,#e6e6fa,#d4d4e8)}.color-sage{background:radial-gradient(ellipse at 30% 30%,#c4d4c4,#a8bba8)}.color-navy{background:radial-gradient(ellipse at 30% 30%,#2c3e50,#1a252f)}.color-black{background:radial-gradient(ellipse at 30% 30%,#2c2c2c,#0a0a0a)}.color-silver{background:radial-gradient(ellipse at 30% 30%,#e5e5e5,#b8b8b8)}.color-gold{background:radial-gradient(ellipse at 30% 30%,gold,#daa520)}.color-teal{background:radial-gradient(ellipse at 30% 30%,#4ecdc4,#2a7f7e)}.floating-checkout{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:32px;box-shadow:0 4px 24px #0000001f;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.floating-checkout.active{opacity:1;visibility:visible;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px)}to{transform:translate(-50%) translateY(0)}}.checkout-info{display:flex;gap:24px;align-items:center}.checkout-stat{text-align:center}.checkout-value{font-size:20px;font-weight:700;display:block}.checkout-label{font-size:12px;color:var(--gray-600)}.checkout-button{padding:14px 32px;background:var(--black);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.checkout-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.checkout-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.pieces-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.bundle-container{padding:24px 16px 60px}.bundle-title{font-size:28px}.bundle-subtitle{font-size:16px}.bundle-option{text-align:center;padding:16px}.bundle-pricing{text-align:center;margin-top:16px}.pieces-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.builder-header h2{font-size:24px}.floating-checkout{left:16px;right:16px;transform:none;padding:12px 16px;flex-direction:column;gap:16px}.floating-checkout.active{transform:none}.checkout-info{width:100%;justify-content:space-around}.checkout-button{width:100%}}@media (min-width: 480px) and (max-width: 768px){.pieces-grid{grid-template-columns:repeat(3,1fr)}}.piece-card.loading{opacity:.6;pointer-events:none}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.piece-card.success{animation:successPulse .3s ease-out}.color-swatch[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--gray-700);color:var(--white);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;margin-bottom:4px;z-index:10;pointer-events:none}.addon-item label{width:100%;display:flex;flex-direction:row;justify-content:space-between}.country-selector__overlay{display:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bundle-builder.css.map */