@import"https://fonts.googleapis.com/css2?family=Trocchi:wght@400&family=Syne:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.app-container{width:100%;min-height:100vh;background:#7d7d7d}.header{width:100%;height:108px;padding:0;display:flex;justify-content:center;align-items:center;background-color:#000}.header-content{width:1024px;height:108px;display:flex;justify-content:space-between;align-items:center;padding-left:220px;background-image:url(/img/tufftrack-logo.png);background-size:auto 100%;background-position:top left;background-repeat:no-repeat}@media (max-width: 1024px){.header-content{width:100%}}@media (max-width: 768px){.header-content{background-image:none;padding:0 0 0 25px}}.header-text{padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.header-title{color:#fff;font-family:Trocchi,serif;font-size:24px;font-weight:400;line-height:32px;margin:0}@media (max-width: 768px){.header-title{font-size:20px;line-height:28px}}.header-subtitle{color:#fff;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0}.close-button{background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:1px 8px;text-decoration:none;color:#fff;gap:8px;font-family:Syne,sans-serif}.main-content{display:flex;max-width:1024px;margin:0 auto;flex:1;min-height:0;background:#f9fafb}@media (max-width: 768px){.main-content{flex-direction:column}}.left-content{width:704px;flex:1;padding:32px;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 1024px){.left-content{width:auto;flex:1;padding:24px}}@media (max-width: 768px){.left-content{padding:20px}}.step-section{margin-bottom:24px}.step-section.active{opacity:1}.step-section.disabled{opacity:.5}.step-section.collapsed{margin-bottom:12px}.step-section.collapsed .step-header{margin-bottom:0}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;height:32px}.step-number{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:16px;font-weight:700;line-height:26px;color:#fff}@media (max-width: 768px){.step-number{width:36px;height:36px;font-size:18px}}.step-number.active{background:#000}.step-number.completed{background:#16a34a;color:#fff;position:relative}.step-number.completed:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_1683)'%3E%3Cpath d='M11.9929 3.63208C12.3347 3.97388 12.3347 4.52895 11.9929 4.87075L4.99294 11.8708C4.65115 12.2125 4.09607 12.2125 3.75427 11.8708L0.254272 8.37075C-0.0875244 8.02896 -0.0875244 7.47388 0.254272 7.13208C0.596069 6.79028 1.15115 6.79028 1.49294 7.13208L4.37498 10.0114L10.757 3.63208C11.0988 3.29028 11.6539 3.29028 11.9957 3.63208H11.9929Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_1683'%3E%3Cpath d='M0 0.75H12.25V14.75H0V0.75Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.step-number.completed span{display:none}.step-number.disabled{background:#d1d5db}.step-title{color:#1f2937;font-family:Trocchi,serif;font-size:20px;font-weight:400;line-height:28px;margin:0}.step-section.disabled .step-title{color:#6b7280}.step-section.disabled{opacity:.6;pointer-events:none}.step-section.disabled .product-card,.step-section.disabled .model-card,.step-section.disabled .variant-card,.step-section.disabled .upgrade-card,.step-section.disabled .color-card,.step-section.disabled .location-card{opacity:.5;cursor:not-allowed!important;pointer-events:none;background-color:#f9fafb;border-color:#e5e7eb}.step-section.disabled .product-card:hover,.step-section.disabled .model-card:hover,.step-section.disabled .variant-card:hover,.step-section.disabled .upgrade-card:hover,.step-section.disabled .color-card:hover,.step-section.disabled .location-card:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.step-section.disabled .checkbox-input{opacity:.5;cursor:not-allowed}.step-section.disabled .product-name,.step-section.disabled .model-name,.step-section.disabled .variant-name,.step-section.disabled .upgrade-name,.step-section.disabled .color-name,.step-section.disabled .location-name,.step-section.disabled .product-description,.step-section.disabled .model-description,.step-section.disabled .variant-description,.step-section.disabled .upgrade-description,.step-section.disabled .location-address{color:#9ca3af}.product-options{display:flex;gap:16px;width:640px;height:220px}@media (max-width: 1024px){.product-options{width:100%;max-width:640px}}@media (max-width: 768px){.product-options{flex-direction:column;height:auto;gap:12px}}.product-card{width:312px;height:220px;padding:26px;border-radius:12px;border:2px solid #E5E7EB;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media (max-width: 1024px){.product-card{width:calc(50% - 8px);min-width:280px}}@media (max-width: 768px){.product-card{width:100%;height:180px;padding:20px}}.product-card:hover{border-color:#000}.product-card.selected{border-color:#16a34a;background:#16a34a1a}.model-options{display:flex;gap:16px;width:640px;height:194px}@media (max-width: 1024px){.model-options{width:100%;max-width:640px}}@media (max-width: 768px){.model-options{flex-direction:column;height:auto;gap:12px}}.model-card{width:200px;height:194px;padding:16px 20px;border-radius:12px;border:2px solid #E5E7EB;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}@media (max-width: 1024px){.model-card{width:calc(33.333% - 11px);min-width:180px}}@media (max-width: 768px){.model-card{width:100%;height:160px;padding:16px}}.model-card:hover{border-color:#000}.model-card.selected{border-color:#16a34a;background:#16a34a1a}.model-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.model-image{width:64px;height:64px;border-radius:8px;object-fit:cover}@media (max-width: 768px){.model-image{width:56px;height:56px}}.model-name{color:#000;text-align:center;font-family:Trocchi,serif;font-size:18px;font-weight:400;line-height:28px;margin:0}.model-description{color:#000;text-align:center;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px;margin:0}.model-price{color:#000;text-align:center;font-family:Syne,sans-serif;font-size:16px;font-weight:700;line-height:20px;margin:0}.product-content{height:168px;width:100%;position:relative}@media (max-width: 768px){.product-content{height:140px}}.product-image{width:96px;height:96px;border-radius:8px;position:absolute;left:50%;top:0;transform:translate(-50%)}@media (max-width: 768px){.product-image{width:80px;height:80px}}.product-name{color:#1f2937;text-align:center;font-family:Trocchi,serif;font-size:18px;font-weight:400;line-height:28px;position:absolute;left:50%;top:112px;transform:translate(-50%);margin:0;white-space:nowrap}.product-description{color:#000;text-align:center;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px;position:absolute;left:50%;top:148px;transform:translate(-50%);margin:0;white-space:nowrap}.step-divider{width:640px;height:1px;border-top:1px solid #E5E7EB;margin:24px 0}@media (max-width: 1024px){.step-divider{width:100%;max-width:640px}}@media (max-width: 768px){.step-divider{margin:16px 0}}.sidebar{width:320px;padding:0 24px;border-left:1px solid #E5E7EB;background:#f9fafb}.sidebar-sticky-wrapper{position:sticky;top:0;display:flex;flex-direction:column;gap:20px;flex-shrink:0;padding:27px 0}@media (max-width: 1024px){.sidebar{width:300px;min-width:280px}}@media (max-width: 768px){.sidebar{width:100%;flex-shrink:1;border-left:none;border-top:1px solid #E5E7EB;padding:20px}}.sidebar-title{color:#1f2937;font-family:Trocchi,serif;font-size:18px;font-weight:400;line-height:28px;margin:0}.summary-card{width:272px;padding:20px 17px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media (max-width: 1024px){.summary-card{width:252px}}@media (max-width: 768px){.summary-card{width:100%}}.card-title{color:#1f2937;font-family:Trocchi,serif;font-size:16px;font-weight:400;line-height:normal;margin:0}.card-description{color:#6b7280;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px;margin:0}.price{color:#000;font-family:Syne,sans-serif;font-size:24px;font-weight:700;line-height:normal;margin:0}.price-disclaimer{color:#6b7280;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px;margin:0}.price-breakdown{margin-bottom:16px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #E5E7EB}.price-item:last-child{border-bottom:none}.price-item.total{border-top:2px solid #000;margin-top:8px;padding-top:12px;font-weight:700}.price-label{color:#374151;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px}.price-value{color:#000;font-family:Syne,sans-serif;font-size:16px;font-weight:600;line-height:20px}.price-item.total .price-label,.price-item.total .price-value{font-size:18px;font-weight:700}.price-total{margin-top:8px}.customer-details-message{color:#dc2626;font-family:Syne,sans-serif;font-size:14px;font-weight:500;text-align:left}.form-fields{display:flex;flex-direction:column;gap:15px;width:100%}.form-input{width:100%;height:38px;padding:9px 12px;border-radius:6px;border:1px solid #E5E7EB;background:#fff;color:#000;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px}.form-input::placeholder{color:#adaebc}.form-input:focus{outline:none;border-color:#000;color:#1f2937}.save-quote-button{width:272px;height:48px;background:#15803d80;border:none;border-radius:8px;color:#fff;text-align:center;font-family:Syne,sans-serif;font-size:16px;font-weight:700;line-height:normal;cursor:not-allowed;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.save-quote-button{width:252px}}@media (max-width: 768px){.save-quote-button{width:100%;height:52px;font-size:18px}}.save-quote-button:not(:disabled){background:#15803d;cursor:pointer}.save-quote-button.success{background:#10b981!important;cursor:not-allowed;animation:inflateSuccess .6s ease-out}.save-quote-button.success:hover{background:#10b981!important}@keyframes inflateSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFF;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.configuration-details{display:flex;flex-direction:column;gap:8px;width:100%}.config-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.config-label{color:#6b7280;font-family:Syne,sans-serif;font-weight:400}.config-value{color:#1f2937;font-family:Syne,sans-serif;font-weight:500}.config-item-selected{color:#16a34a;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px}.config-item-pending{color:#6b7280;font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px}.variant-options{display:flex;flex-direction:column;gap:12px;width:100%}.variant-card{width:100%;padding:20px;border-radius:8px;border:2px solid #E5E7EB;background:transparent;cursor:pointer;transition:border-color .2s ease}.variant-card:hover,.variant-card.selected{border-color:#000}.variant-content{display:flex;flex-direction:column;gap:8px}.variant-name{color:#1f2937;font-family:Trocchi,serif;font-size:18px;font-weight:400;margin:0}.variant-description{color:#6b7280;font-family:Syne,sans-serif;font-size:14px;margin:0}.variant-price{color:#000;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.variant-features{list-style:none;padding:0;margin:8px 0 0}.variant-features li{color:#6b7280;font-family:Syne,sans-serif;font-size:14px;margin:4px 0;padding-left:16px;position:relative}.variant-features li:before{content:"•";color:#000;position:absolute;left:0}.upgrades-list{display:flex;flex-direction:column;gap:10px;width:640px}.no-upgrades-message{display:flex;justify-content:center;align-items:center;padding:20px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;width:640px;opacity:.9}.no-upgrades-message p{color:#6b7280;font-size:16px;font-family:Trocchi,serif;font-weight:500;margin:0;text-align:center}@media (max-width: 1024px){.upgrades-list,.no-upgrades-message{width:100%;max-width:640px}}.upgrade-option{display:flex;padding:17px;justify-content:space-between;align-items:center;border-radius:8px;border:2px solid #E5E7EB;background:#fff;transition:all .2s ease}.upgrade-option:hover{border-color:#000}.upgrade-option.selected{border-color:#16a34a;background:#16a34a1a}.upgrade-option.not-available{opacity:.6;cursor:not-allowed!important}.upgrade-checkbox-container{display:flex;align-items:center;gap:16px;flex:1}.upgrade-checkbox{width:16px;height:16px;border-radius:1px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.upgrade-checkbox.checked{border:1px solid #16A34A;background:#16a34a}.upgrade-checkbox.unchecked{border:1px solid #000;background:#fff}.upgrade-details{display:flex;flex-direction:column;gap:4px;flex:1}.upgrade-name{color:#000;font-family:Trocchi,serif;font-size:16px;font-weight:400;line-height:normal;margin:0}.upgrade-availability{font-family:Syne,sans-serif;font-size:16px;font-weight:400;line-height:20px;margin:0}.upgrade-availability.available{color:#2563eb}.upgrade-availability.not-available{color:#4b5563}.upgrade-price{color:#000;text-align:right;font-family:Syne,sans-serif;font-size:16px;font-weight:700;line-height:20px;flex-shrink:0}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.upgrade-card{padding:20px;border-radius:8px;border:2px solid #E5E7EB;background:transparent;cursor:pointer;transition:border-color .2s ease}.upgrade-card:hover{border-color:#000}.upgrade-card.selected{border-color:#000;background:#f9fafb}.upgrade-content{display:flex;flex-direction:column;gap:8px}.upgrade-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.upgrade-description{color:#6b7280;font-family:Syne,sans-serif;font-size:14px;margin:0}.upgrade-category{color:#9ca3af;font-family:Syne,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.upgrade-checkbox{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-input{width:16px;height:16px;accent-color:#000}.checkbox-label{color:#1f2937;font-family:Syne,sans-serif;font-size:14px;font-weight:500}.color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;width:100%}.color-card{padding:16px;border-radius:8px;border:2px solid #E5E7EB;background:transparent;cursor:pointer;transition:border-color .2s ease;text-align:center}.color-card:hover,.color-card.selected{border-color:#000}.color-content{display:flex;flex-direction:column;align-items:center;gap:8px}.color-name{color:#1f2937;font-family:Trocchi,serif;font-size:14px;font-weight:400;margin:0}.color-selection-container{display:flex;flex-direction:column;gap:32px;width:100%}.stock-colors-section,.custom-colors-section{display:flex;flex-direction:column;gap:16px}.section-title{font-family:Trocchi,serif;color:#1f2937;font-size:18px;font-weight:400;margin:0}.stock-colors-grid{display:flex;gap:16px;flex-wrap:wrap}.custom-colors-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-container{position:relative;display:flex;align-items:center}.color-search-input{padding:8px 40px 8px 12px;border:2px solid #E5E7EB;border-radius:6px;font-family:Syne,sans-serif;font-size:14px;width:200px;transition:border-color .2s ease}.color-search-input:focus{outline:none;border-color:#000}.search-icon{position:absolute;right:12px;color:#6b7280;font-size:16px;pointer-events:none}.custom-colors-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:100%;max-height:500px;overflow:auto;padding:4px}.color-swatch{width:60px;height:60px;border-radius:6px;border:2px solid #E5E7EB;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.color-swatch:hover{border-color:#000;transform:scale(1.05)}.color-swatch.selected{border-color:#16a34a;border-width:4px}.color-swatch.disabled{cursor:not-allowed;opacity:.5}.color-swatch.disabled:hover{transform:none;border-color:transparent}.color-code{color:#fff;font-family:RobotoS,sans-serif;font-size:12px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;background-color:#000000b3;padding:4px;border-radius:4px}@media (max-width: 768px){.custom-colors-grid{grid-template-columns:repeat(8,1fr)}.custom-colors-header{flex-direction:column;align-items:flex-start;gap:12px}.color-search-input{width:100%}.stock-colors-grid{justify-content:center}}@media (max-width: 480px){.custom-colors-grid{grid-template-columns:repeat(6,1fr)}.color-swatch{width:50px;height:50px}}.location-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%}.location-card{padding:16px;border-radius:8px;border:2px solid #E5E7EB;background:transparent;cursor:pointer;transition:border-color .2s ease}.location-card:hover,.location-card.selected{border-color:#000}.location-content{display:flex;flex-direction:column;gap:4px}.location-name{color:#1f2937;font-family:Trocchi,serif;font-size:16px;font-weight:400;margin:0}.location-address{color:#6b7280;font-family:Syne,sans-serif;font-size:14px;margin:0}.location-fee{color:#000;font-family:Syne,sans-serif;font-size:14px;font-weight:600;margin-top:4px}.product-price{color:#000;font-family:Syne,sans-serif;font-size:14px;font-weight:600;text-align:center;position:absolute;left:50%;top:168px;transform:translate(-50%);margin:0;white-space:nowrap}@media (max-width: 768px){.product-price{top:140px}}.reset-quote-button{width:272px;height:48px;background:#dc2626;border:none;border-radius:8px;color:#fff;text-align:center;font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin-top:16px;cursor:pointer;transition:background-color .2s ease}.reset-quote-button:hover{background:#b91c1c}@media (max-width: 1024px){.reset-quote-button{width:252px}}@media (max-width: 768px){.reset-quote-button{width:100%;height:52px;font-size:18px}}.quantity-selector{display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:6px;background:#fff;overflow:hidden}.quantity-btn{width:32px;height:32px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-btn-plus{background:#16a34a;color:#fff}.quantity-btn-plus:hover:not(:disabled){background:#15803d}.quantity-display{width:36px;height:32px;display:flex;justify-content:center;align-items:center;background:#fff;color:#1f2937;font-family:Syne,sans-serif;font-size:16px;font-weight:600;border-left:1px solid #E5E7EB;border-right:1px solid #E5E7EB}.version-info{text-align:right;color:#9ca3af;font-family:monospace;font-size:10px;font-weight:400;margin-top:8px;padding:8px 0 0}