:root{--tier1-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--tier1-border: #cbd5e1;--tier1-text: #64748b;--tier1-icon-color: #94a3b8;--tier2-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--tier2-gradient-muted: linear-gradient(135deg, rgba(102, 126, 234, .85) 0%, rgba(118, 75, 162, .85) 100%);--tier2-border: #667eea;--tier2-text: #4c51bf;--tier2-icon-color: #667eea;--tier3-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--tier3-gradient-muted: linear-gradient(135deg, rgba(240, 147, 251, .8) 0%, rgba(245, 87, 108, .8) 100%);--tier3-border: #f093fb;--tier3-text: #be185d;--tier3-icon-color: #ec4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--progress-bg: #e2e8f0;--progress-fill: linear-gradient(90deg, #667eea 0%, #764ba2 100%);--progress-text: #64748b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}.icon{display:inline-block;width:1em;height:1em;stroke-width:1.5}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-gift-outline,.icon-gift-solid{color:var(--tier2-icon-color)}.icon-shield-check{color:var(--tier3-icon-color)}.icon-check-circle{color:var(--success)}.icon-star{color:#fbbf24}.addon-icon{width:28px;height:28px;color:var(--tier2-icon-color)}.feature-item .icon{color:var(--success)}.package-badge .icon{color:currentColor}.package-card{border:2px solid transparent;border-radius:12px;padding:24px;position:relative;transition:all .2s ease;background:#fff}.package-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.package-card.tier-basic,.package-card.tier-premium{background:#fff;border-color:#e5e7eb}.package-card.tier-premium.package-card--highlighted{border-width:2px;border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.package-card.tier-elite{background:#fff;border-color:#e5e7eb}.package-popular-badge{position:absolute;top:12px;right:12px;background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.package-popular-badge .icon{width:12px;height:12px;display:none}.package-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px}.package-badge--success,.package-badge--primary,.package-badge--accent{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.package-badge .icon{width:14px;height:14px;display:none}.package-title{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:8px;line-height:1.2}.package-description{font-size:14px;color:var(--gray-600);line-height:1.5;margin-bottom:16px}.package-price-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.package-price-range{font-size:18px;font-weight:700;color:var(--gray-900)}.package-savings{font-size:13px;font-weight:600;color:#059669;background:transparent;padding:0;border-radius:0}.package-features{margin-bottom:20px}.feature-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;color:var(--gray-700)}.feature-item .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:#9ca3af}.tier-progress-indicators{display:flex;gap:8px;align-items:center}.tier-progress-icon{width:28px;height:28px}.tier-circle{fill:none;stroke-width:3;transition:all .3s ease;opacity:.3}.tier-circle.active{opacity:1}.tier-circle--basic{stroke:var(--tier1-border)}.tier-circle--basic.active{fill:var(--tier1-gradient);stroke:var(--tier1-icon-color)}.tier-circle--premium{stroke:var(--tier2-border)}.tier-circle--premium.active{fill:url(#tier2-gradient);stroke:var(--tier2-icon-color);stroke-width:4}.tier-circle--elite{stroke:var(--tier3-border)}.tier-circle--elite.active{fill:url(#tier3-gradient);stroke:var(--tier3-icon-color);stroke-width:4}.tier-progress-bar{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.tier-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tier-progress-bar__current{display:flex;align-items:center;gap:.5rem}.tier-progress-bar__label{font-size:.875rem;font-weight:600;color:#6b7280}.tier-progress-bar__discount{background:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.tier-progress-bar__stats{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.875rem}.tier-progress-bar__stats span:first-child{color:#6b7280;font-weight:500}.tier-progress-bar__next{color:#3b82f6;font-weight:600}.tier-progress-bar__max{text-align:center;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;font-weight:600;color:#78350f}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.tier-badge--basic{background:var(--tier1-gradient);color:var(--tier1-text);border:1px solid var(--tier1-border)}.tier-badge--premium{background:var(--tier2-gradient-muted);color:#fff;border:1px solid var(--tier2-border)}.tier-badge--elite{background:var(--tier3-gradient-muted);color:#fff;border:1px solid var(--tier3-border)}.tier-progress-bar__track{position:relative;height:8px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;margin:1rem 0}.tier-progress-bar__fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-base-button)),rgb(var(--color-base-button) / .7));border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.tier-progress-bar__fill[data-tier=elite]{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.tier-progress-bar__fill{transition:all .3s ease}.tier-progress-bar__fill:hover{transform:scaleX(1.01)}.tier-celebration{animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.package-card{transition:all .2s ease}.package-card:hover{transform:translateY(-2px)}.bundle-category{margin-bottom:1.5rem}.bundle-category h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#111827}.bundle-addon-card{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease;background:#fff}.bundle-addon-card:hover{border-color:#d1d5db}.bundle-addon-card.border-primary{border-color:rgb(var(--color-base-button));background-color:rgb(var(--color-base-button) / .05)}.bundle-addon-card .tier-badge{font-size:.65rem;padding:.125rem .5rem}.bundle-addon-checkbox{width:1.25rem;height:1.25rem;border-radius:.25rem;border:2px solid #d1d5db;cursor:pointer;flex-shrink:0}.bundle-addon-checkbox:checked{background-color:rgb(var(--color-base-button));border-color:rgb(var(--color-base-button))}#bundle-price-summary{background:#f9fafb;border-radius:8px;padding:1rem}#bundle-price-summary .border-t{border-top:1px solid #e5e7eb}.tier-celebration{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}.tier-celebration>div{background:#fff;padding:2rem;border-radius:16px;text-align:center;max-width:400px;margin:0 1rem;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1)}.tier-celebration .celebration-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--tier2-icon-color)}.tier-celebration .text-2xl{font-size:1.5rem;font-weight:700;color:var(--tier2-text);margin-bottom:.5rem}.tier-celebration .text-lg{font-size:1.125rem;color:var(--gray-600);margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-opacity{color:#6b7280}.text-success{color:#059669}.text-primary{color:rgb(var(--color-base-button))}.font-semibold{font-weight:600}.font-bold{font-weight:700}.bg-primary-light{background-color:rgb(var(--color-base-button) / .05)}@media (max-width: 768px){.package-card{padding:20px}.package-title{font-size:18px}.package-description{font-size:13px}.tier-progress-icon{width:24px;height:24px}.package-badge{font-size:10px;padding:3px 10px}.tier-progress-bar{padding:1rem}.bundle-addon-card{padding:.75rem}.tier-celebration>div{padding:1.5rem}.tier-celebration .celebration-icon{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/bundle-tier-progress.css.map */