.str4x4,.str4x4 *{box-sizing:border-box}.str4x4{--red:#cb2741;--navy:#192432;max-width:1160px;width:100%;margin:25px auto;padding:24px 14px;background:#fff;border:1px solid #e3e8ef;border-radius:18px;color:#283747;font-family:inherit;line-height:1.55;clear:both}.str4x4 h2,.str4x4 h3{color:#202d3b;margin:0 0 12px;line-height:1.3;font-weight:800}.str4x4 h2{font-size:clamp(23px,2.8vw,33px)}.str4x4 h3{font-size:19px}.str4x4 p{color:#536477;font-size:14px;margin:0 0 14px}.str4x4__head{margin:0 2px 20px}.str4x4__eyebrow{font-size:12px;color:var(--red);font-weight:900;letter-spacing:1.2px;display:block;margin-bottom:8px}.str4x4__grid{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.str4x4__panel,.str4x4__dial-panel{flex:1 1 280px;min-width:0;background:#f7f9fb;border:1px solid #e2e7ee;border-radius:14px;padding:20px 16px}.str4x4__dial-panel{border-top:5px solid var(--red)}.str4x4__panel .str4x4__dial-panel{border:none;background:#fff;padding:12px 0 0}.str4x4__panel h3,.str4x4__dial-panel h3{text-align:center}.str4x4__wheel{margin:17px auto 25px;width:min(100%,286px);aspect-ratio:1;border:12px solid #182434;border-radius:50%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;box-shadow:0 0 0 5px #19bae9,0 10px 26px #1a283e35}.str4x4__mode{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;border:2px solid #111c29!important;font-size:clamp(10px,1.6vw,13px)!important;font-weight:850!important;color:#fff!important;padding:5px!important;cursor:pointer;opacity:.8;line-height:1.1}.str4x4__mode>span{font-size:24px}.str4x4__mode[aria-pressed=true]{opacity:1;outline:3px solid #fff;outline-offset:-7px}.str4x4__mode--comfort{background:#10a856!important}.str4x4__mode--sport{background:#0baedd!important}.str4x4__mode--competition{background:#d52343!important}.str4x4__mode--custom{background:#c78319!important}.str4x4__status{padding:15px;border-radius:12px;background:var(--navy);color:#fff;margin:14px 0 15px}.str4x4__status small{font-size:11px;color:#88cce0;font-weight:900;text-transform:uppercase;letter-spacing:.7px;display:block}.str4x4__status strong{font-size:19px;color:#fff;display:block;margin:5px 0}.str4x4__status span{font-size:12px;color:#d6dfe7;display:block}.str4x4__axles{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.str4x4__axles button{flex:1 1 125px;min-width:0;padding:10px 7px;background:#fff;color:#293949;border:1px solid #d8e0e9;border-radius:10px;font-size:13px;font-weight:850;cursor:pointer}.str4x4__axles button[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}.str4x4__ring{width:176px;height:176px;position:relative;border:12px solid #e0e5eb;background:conic-gradient(var(--red) 0deg,#e0e5eb 0);border-radius:50%;margin:17px auto 24px;box-shadow:inset 0 0 0 7px #f0f3f7}.str4x4__ring:before{content:'';position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#485563,#131b29 75%)}.str4x4__ring:after{content:'';position:absolute;top:20px;left:calc(50% - 5px);width:10px;height:25px;background:#f0435d;border-radius:8px}.str4x4__s,.str4x4__h{position:absolute;top:65px;font-weight:900;font-size:20px;color:#233547}.str4x4__s{left:-37px}.str4x4__h{right:-37px}.str4x4__inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.str4x4__inner strong{font-size:43px;line-height:1;color:#fff}.str4x4__inner small{font-size:10px;color:#bfccda;margin-top:5px}.str4x4__stepper{display:flex;align-items:center;gap:9px}.str4x4__stepper button{width:42px;height:42px;flex:0 0 42px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;color:#29384a;font-weight:900;font-size:24px;cursor:pointer}.str4x4__stepper input[type=range]{flex:1 1 auto;width:100%;min-width:0;margin:0;accent-color:var(--red);cursor:pointer}.str4x4__ends{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#637184;margin:10px 0 14px}.str4x4__range{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8ee;border-radius:9px;padding:10px 11px;margin:8px 0;font-size:13px}.str4x4__range span{min-width:0}.str4x4__range b{display:block;font-size:13px;color:#2b3948}.str4x4__range small{display:block;font-size:11px;color:#6b7a89}.str4x4__range>strong{white-space:nowrap;color:#c52a43}.str4x4__range.is-active{background:#fff0f4;border-color:var(--red);box-shadow:inset 3px 0 var(--red)}.str4x4__secondary{margin-top:16px;background:#f7f9fb;border:1px solid #e2e7ee;border-radius:14px;padding:18px 16px}.str4x4__secondary>strong{display:block;font-size:17px;margin-bottom:8px}.str4x4__secondary .str4x4__dial-panel{max-width:550px}.str4x4__note{font-size:11px;color:#6c7b8b;margin-top:15px}@media(max-width:650px){.str4x4{padding:19px 10px}.str4x4__grid{gap:12px}.str4x4__panel,.str4x4__dial-panel{padding:17px 15px}.str4x4__mode{font-size:11px!important}}