.tf-section{max-width:1400px;margin:0 auto;padding:40px 20px 24px}.tf-header{text-align:center;margin-bottom:24px}.tf-header h1{color:#1a1a4e;letter-spacing:-1px;margin-bottom:8px;font-size:44px;font-weight:800;line-height:1.1}.tf-header h1 span{color:#1e7a42}.tf-header p{color:#5a5a7a;font-size:16px;font-weight:500}.tf-grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:16px;display:grid}.tf-tyre-col{flex-direction:column;align-items:center;display:flex}.tf-tyre-scene{aspect-ratio:620/400;width:100%;max-width:520px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(#000 58%,#0000 100%)}.tf-tyre-scene svg{width:100%;height:100%;display:block}.tf-slice{cursor:pointer;transition:filter .6s}.tf-slice:hover,.tf-slice.hovered{filter:drop-shadow(0 3px 8px #0003)}.tf-slice-inner{transform-origin:310px 360px;transition:transform .6s;transform:scale(1)}.tf-slice:hover .tf-slice-inner,.tf-slice.hovered .tf-slice-inner{transform:scale(1.06)}.tf-slice-overlay{opacity:0;pointer-events:none;transition:opacity .6s}.tf-slice:hover .tf-slice-overlay,.tf-slice.hovered .tf-slice-overlay{opacity:1}.tf-arc-text{fill:#ffffffd9;pointer-events:none;filter:drop-shadow(0 1px 2px #0000004d);font-family:Space Mono,monospace;font-weight:700;transition:filter .6s,fill .6s}.tf-slice:hover .tf-arc-text,.tf-slice.hovered .tf-arc-text{fill:#fff;filter:drop-shadow(0 0 8px #ffffff80)drop-shadow(0 0 20px #ffffff40)drop-shadow(0 2px 6px #00000080)}.tf-overlay-select{color:#0000;cursor:pointer;z-index:10;appearance:none;text-align:center;background:0 0;border:none;border-radius:8px;font-family:Space Mono,monospace;font-weight:700;position:absolute}.tf-overlay-select:hover{background:0 0}.tf-overlay-select:focus{background:0 0;outline:none}.tf-overlay-select option{color:#1a1a4e;background:#fff;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.tf-ov-width{width:30%;height:45%;top:16%;left:2%}.tf-ov-profile{width:30%;height:45%;top:6%;left:35%}.tf-ov-rim{width:30%;height:45%;top:16%;right:2%}.tf-indicators{z-index:5;justify-content:center;gap:20px;margin-top:-6px;display:flex;position:relative}.tf-indicator{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:transform .4s;display:flex}.tf-indicator:hover{transform:scale(1.04)}.tf-ind-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:transform .4s,box-shadow .4s;display:flex}.tf-ind-circle.c-green{background:#1e7a42}.tf-ind-circle.c-black{background:#2a2a2a}.tf-ind-circle.c-blue{background:#1a1a4e}.tf-indicator:hover .tf-ind-circle{transform:scale(1.06);box-shadow:0 3px 12px #00000026}.tf-ind-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.tf-ind-label{text-transform:uppercase;letter-spacing:1.2px;color:#fff;border-radius:4px;padding:3px 9px;font-size:9px;font-weight:700}.tf-ind-label.bg-green{background:#1e7a42}.tf-ind-label.bg-black{background:#2a2a2a}.tf-ind-label.bg-blue{background:#1a1a4e}.tf-ind-select{text-align:center;color:#1a1a4e;cursor:pointer;appearance:none;background:#fff;border:2px solid #d0d4da;border-radius:10px;width:88px;padding:8px 6px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;transition:all .35s;box-shadow:0 2px 8px #00000014}.tf-ind-select.has-value{color:#1a1a4e;background:#f0faf4;border-color:#1e7a42}.tf-ind-select:hover,.tf-indicator:hover .tf-ind-select{border-color:#1a1a4e;box-shadow:0 3px 12px #0000001f}.tf-ind-select:focus{border-color:#1a1a4e;outline:none;box-shadow:0 0 0 3px #1a1a4e1a}.tf-ind-select option{color:#1a1a4e;background:#fff}.tf-search-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#1a1a4e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:240px;margin:14px auto 0;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .35s;display:flex}.tf-search-btn:hover{background:#2a2a6e;transform:translateY(-1px);box-shadow:0 4px 16px #1a1a4e40}.tf-search-btn svg{width:16px;height:16px}.tf-guide{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;padding:20px 18px;display:flex;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a}.tf-guide h3{color:#1a1a4e;margin-bottom:4px;font-size:16px;font-weight:700}.tf-guide .tf-guide-sub{color:#5a5a7a;margin-bottom:14px;font-size:12px;line-height:1.4}.tf-guide-img{background:#333338;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;padding:0;display:flex;overflow:hidden}.tf-guide-img svg{width:100%;height:auto;display:block}.tf-guide-steps{flex-direction:column;flex:1;gap:8px;display:flex}.tf-guide-step{background:#f4f5f7;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;transition:transform .3s,box-shadow .3s;display:flex}.tf-guide-step:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f}.tf-step-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.tf-step-num.green{background:#1e7a42}.tf-step-num.dark{background:#2a2a2a}.tf-step-num.blue{background:#1a1a4e}.tf-step-content h4{color:#1a1a4e;margin-bottom:1px;font-size:12px;font-weight:700}.tf-step-content p{color:#5a5a7a;font-size:11px;line-height:1.35}.tf-hint{background:#1e7a420f;border-left:3px solid #1e7a42;border-radius:10px;margin-top:10px;padding:10px}.tf-hint p{color:#3a3a5a;font-size:11px;line-height:1.4}.tf-hint strong{color:#1a1a4e}.tf-rim-card{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;padding:20px 18px;display:flex;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a}.tf-rim-badge{color:#fff;letter-spacing:1px;background:#1a1a4e;border-radius:16px;align-items:center;gap:5px;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex}.tf-rim-badge svg{width:12px;height:12px}.tf-rim-card h3{color:#1a1a4e;margin-bottom:4px;font-size:16px;font-weight:700}.tf-rim-card .tf-rim-sub{color:#5a5a7a;margin-bottom:14px;font-size:12px;line-height:1.4}.tf-section-label{color:#5a5a7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:700}.tf-rim-size-wrap,.tf-bolt-section{margin-bottom:16px}.tf-bolt-select,.tf-rim-size-select{color:#1a1a4e;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5a7a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #d0d4da;border-radius:8px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .3s}.tf-rim-size-select{border-radius:10px;padding:12px 14px;font-size:15px;font-weight:700}.tf-bolt-select:focus,.tf-rim-size-select:focus{border-color:#1a1a4e;outline:none;box-shadow:0 0 0 3px #1a1a4e1a}.tf-rim-search-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#1a1a4e;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .35s;display:flex}.tf-rim-search-btn:hover{background:#2a2a6e;transform:translateY(-1px);box-shadow:0 4px 16px #1a1a4e40}.tf-rim-search-btn svg{width:16px;height:16px}@media (max-width:1200px){.tf-grid{grid-template-columns:1.3fr 1fr 1fr;gap:14px}}@media (max-width:1000px){.tf-grid{grid-template-columns:1fr 1fr}.tf-tyre-col{grid-column:1/-1}.tf-tyre-scene{max-width:460px;margin:0 auto}.tf-overlay-select{display:none}}@media (max-width:650px){.tf-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.tf-header h1{font-size:30px}.tf-section{padding:24px 14px}.tf-ind-select{width:74px;padding:8px 4px;font-size:15px}}