:root{--fit-primary: #FFC300;--fit-bg: #21211F;--fit-white: #FFFFFF;--fit-gray: #CACACA;--fit-box-1: #2793E6;--fit-box-2: #FA6600;--fit-box-3: #350665;--fit-box-4: #711717;--fit-box-5: #1B4E03;--fit-box-6: #2C8A00}.bike-fit-wrapper{background-color:var(--fit-bg);color:var(--fit-white);font-family:Poppins,sans-serif;padding-bottom:4rem}.hero-section-fit{background-color:var(--fit-primary);width:100%;min-height:400px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.hero-content{padding:60px 5%;max-width:600px;z-index:2;display:flex;flex-direction:column;justify-content:center}.hero-logo-fit{width:150px;margin-bottom:24px}.hero-text-fit{font-size:16px;line-height:1.6;color:#21211f}.hero-bg-image-fit{position:absolute;top:0;right:0;height:100%;width:auto;opacity:.8;z-index:1}.calculator-container-fit{max-width:1200px;margin:0 auto;padding:40px 20px}.calculation-title{font-size:32px;font-weight:800;color:var(--fit-white);text-align:center;margin-bottom:8px}.calculation-subtitle{font-size:14px;color:var(--fit-primary);text-align:center;margin-bottom:40px}.divider-fit{border-top:1px solid rgba(255,255,255,.1);margin:40px auto;width:200px}.step-container{margin:60px 0;text-align:center}.step-number{width:40px;height:40px;line-height:40px;background:var(--fit-primary);color:#21211f;border-radius:50%;font-weight:900;font-size:20px;margin:0 auto 20px}.step-title{font-size:24px;font-weight:700;color:var(--fit-primary);margin-bottom:30px}.step-options{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.step-button-gender,.step-button-bike-selector{background:#fff;border:2px solid transparent;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;transition:all .2s ease}.step-button-gender.clicked,.step-button-bike-selector.clicked{background:var(--fit-primary);border-color:#fff}.measurement-container{display:flex;gap:40px;max-width:800px;margin:0 auto;background:#ffffff0d;padding:30px;border-radius:20px;align-items:center}.measurement-image{width:200px;border-radius:10px}.measurement-input{width:100%;height:60px;background:transparent;border:2px solid var(--fit-primary);border-radius:12px;color:#fff;font-size:24px;text-align:center;font-weight:700;margin-bottom:10px}.instructions-title{font-weight:700;color:var(--fit-primary);margin-bottom:10px}.instructions-text{font-size:14px;line-height:1.5;opacity:.8}.result-button{background:var(--fit-primary);color:#21211f;border:none;padding:20px 60px;font-size:18px;font-weight:900;border-radius:50px;cursor:pointer;display:block;margin:60px auto;transition:transform .2s ease}.result-button:hover{transform:scale(1.05)}.results-container{margin-top:80px;background:#000;padding:40px;border-radius:30px}.fit-section-title{color:var(--fit-primary);text-align:center;font-size:24px;margin:40px 0}@media(max-width:768px){.measurement-container{flex-direction:column}.hero-bg-image-fit{display:none}}.section-1,.section-2,.section-3{position:relative;max-width:780px;margin:40px auto;overflow-x:auto}.section-content{position:relative;width:780px;height:540px}.section-2 .section-content{height:400px}.fit-box{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-radius:8px;color:#fff;text-align:center}.fit-box h3{font-size:12px;margin-bottom:5px}.measurement{font-size:14px;font-weight:700}.box-1{top:38px;left:105px;width:151px;background:var(--fit-box-1)}.box-2{top:27px;left:305px;width:250px;background:var(--fit-box-2)}.box-3{top:38px;left:575px;width:250px;background:var(--fit-box-3)}.box-4{top:220px;left:50px;width:100px;background:var(--fit-box-4)}.box-5{top:432px;left:275px;width:201px;background:var(--fit-box-5)}.box-6{top:445px;left:485px;width:201px;background:var(--fit-box-6)}.horizontal-speed{top:50px;left:50px;width:230px;background:var(--fit-box-1)}.vertical-speed{top:50px;left:525px;width:223px;background:var(--fit-box-6)}.straight-seat{left:52px;top:120px;width:250px;background:var(--fit-box-3)}.orange-box{left:52px;top:230px;width:250px;background:var(--fit-box-2)}.blue-box{top:32px;left:368px;width:223px;background:var(--fit-box-1)}.section-image{max-width:none;position:absolute}.hide{display:none}.download-button{background:var(--fit-primary);color:#21211f;border:none;padding:15px 40px;font-weight:900;border-radius:8px;margin:40px auto;display:block;cursor:pointer}