.tradein-wrapper *{margin:0;padding:0;box-sizing:border-box}.tradein-wrapper{--green: #05753a;--green-light: #e6f4ed;--gold: #d4af37;--bg: #eeede8;--white: #ffffff;--black: #000000;--dark: #1a1a1a;--gray: #666666;--border: #d4d3ce }.tradein-wrapper{font-family:Inter,sans-serif;background:var(--bg);color:var(--black);line-height:1.6}.tradein-wrapper .header{background:var(--white);padding:20px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.tradein-wrapper .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.tradein-wrapper .logo{font-size:20px;font-weight:800}.tradein-wrapper .vandijck-badge{background:linear-gradient(135deg,var(--gold),#c09020);color:var(--white);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.tradein-wrapper .container{max-width:1200px;margin:0 auto;padding:60px 32px}.tradein-wrapper .hero{text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:var(--white);padding:60px 40px;border-radius:16px}.tradein-wrapper .hero h1{font-size:48px;font-weight:900;margin-bottom:16px;background:linear-gradient(135deg,var(--gold),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tradein-wrapper .hero p{font-size:18px;opacity:.9}.tradein-wrapper .main-grid{display:grid;grid-template-columns:1fr 450px;gap:40px;align-items:start}.tradein-wrapper .section{background:var(--white);border-radius:12px;padding:32px;margin-bottom:24px;border:2px solid transparent;transition:border-color .3s}.tradein-wrapper .section:hover{border-color:var(--green-light)}.tradein-wrapper .section h2{font-size:20px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px}.tradein-wrapper .step-number{width:32px;height:32px;background:var(--green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.tradein-wrapper .form-group{margin-bottom:20px}.tradein-wrapper .form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--black)}.tradein-wrapper .form-select,.tradein-wrapper .form-input{width:100%;padding:14px;border:2px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit;background:var(--white);transition:all .2s}.tradein-wrapper .form-select:focus,.tradein-wrapper .form-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-light)}.tradein-wrapper .form-select:disabled{background:var(--bg);cursor:not-allowed;opacity:.6}.tradein-wrapper .help-text{font-size:12px;color:var(--gray);margin-top:6px}.tradein-wrapper .score-grid{display:grid;gap:16px}.tradein-wrapper .score-item{background:var(--bg);padding:16px;border-radius:8px}.tradein-wrapper .score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tradein-wrapper .score-label{font-size:14px;font-weight:600}.tradein-wrapper .score-value{font-size:14px;font-weight:700;color:var(--green)}.tradein-wrapper .score-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.tradein-wrapper .score-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--green);cursor:pointer}.tradein-wrapper .score-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--green);cursor:pointer;border:none}.tradein-wrapper .total-score{background:var(--green-light);padding:20px;border-radius:8px;text-align:center;margin-top:20px}.tradein-wrapper .total-score-number{font-size:42px;font-weight:900;color:var(--green);display:block}.tradein-wrapper .total-score-label{font-size:14px;color:var(--gray);margin-top:8px}.tradein-wrapper .calc-button{width:100%;padding:18px;background:var(--green);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.tradein-wrapper .calc-button:hover{background:#046430;transform:translateY(-2px);box-shadow:0 6px 20px #05753a4d}.tradein-wrapper .result-panel{background:var(--white);border-radius:12px;padding:32px;position:sticky;top:100px}.tradein-wrapper .result-panel h2{font-size:24px;font-weight:800;margin-bottom:24px}.tradein-wrapper .value-display{background:linear-gradient(135deg,var(--green),#046430);padding:32px;border-radius:12px;text-align:center;margin-bottom:24px;color:var(--white)}.tradein-wrapper .value-label{font-size:14px;opacity:.9;margin-bottom:8px}.tradein-wrapper .value-amount{font-size:48px;font-weight:900;display:block}.tradein-wrapper .value-sub{font-size:14px;opacity:.8;margin-top:8px}.tradein-wrapper .formula-box{background:var(--bg);padding:20px;border-radius:8px;margin-bottom:24px}.tradein-wrapper .formula-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid var(--border)}.tradein-wrapper .formula-row:last-child{border-bottom:none;padding-top:16px;margin-top:8px;font-weight:700;font-size:16px}.tradein-wrapper .formula-highlight{background:var(--green-light);margin:0 -12px;padding:10px 12px;border-radius:6px}.tradein-wrapper .new-bikes{margin-top:32px}.tradein-wrapper .new-bikes h3{font-size:18px;font-weight:700;margin-bottom:16px}.tradein-wrapper .bike-card{background:var(--bg);padding:20px;border-radius:8px;margin-bottom:16px;border:2px solid transparent;transition:all .3s;cursor:pointer}.tradein-wrapper .bike-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 16px #05753a1a}.tradein-wrapper .bike-name{font-size:16px;font-weight:700;margin-bottom:8px}.tradein-wrapper .bike-specs{font-size:13px;color:var(--gray);margin-bottom:12px}.tradein-wrapper .bike-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tradein-wrapper .bike-price-old{font-size:14px;color:var(--gray);text-decoration:line-through}.tradein-wrapper .bike-price-new{font-size:24px;font-weight:900;color:var(--green)}.tradein-wrapper .bike-save{font-size:13px;color:var(--green);font-weight:600}.tradein-wrapper .new-bikes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.tradein-wrapper .new-bike-card{background:var(--bg);padding:20px;border-radius:12px;border:3px solid transparent;transition:all .3s;cursor:pointer;position:relative}.tradein-wrapper .new-bike-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 8px 24px #05753a26}.tradein-wrapper .new-bike-card.selected{border-color:var(--green);background:var(--green-light);box-shadow:0 4px 16px #05753a33}.tradein-wrapper .new-bike-badge{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--white);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.tradein-wrapper .new-bike-image{width:100%;height:140px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden}.tradein-wrapper .new-bike-image:before{content:"\1f6b2";font-size:64px;opacity:.3}.tradein-wrapper .new-bike-info h4{font-size:16px;font-weight:700;margin-bottom:8px}.tradein-wrapper .new-bike-specs-list{font-size:12px;color:var(--gray);margin-bottom:12px;line-height:1.6}.tradein-wrapper .new-bike-price-tag{font-size:24px;font-weight:900;color:var(--green);margin-bottom:8px}.tradein-wrapper .new-bike-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tradein-wrapper .feature-tag{background:var(--white);padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;color:var(--green);border:1px solid var(--green)}.tradein-wrapper .placeholder{text-align:center;padding:60px 20px;color:var(--gray)}@media(max-width:968px){.tradein-wrapper .main-grid{grid-template-columns:1fr}.tradein-wrapper .result-panel{position:static}.tradein-wrapper .hero h1{font-size:32px}.tradein-wrapper .new-bikes-grid{grid-template-columns:1fr}}@media(min-width:969px)and (max-width:1200px){.tradein-wrapper .new-bikes-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tradein-calculator.css.map */