.al-wcalc{--wc-primary:#2b7a78;--wc-primary-dark:#205f5d;--wc-deep:#163f49;--wc-accent:#3aa99f;--wc-soft:#eaf6f5;--wc-line:#dce8e7;--wc-text:#27343a;--wc-muted:#66767d;--wc-surface:#f7fafb;color:var(--wc-text);font-family:inherit}
.al-wcalc *{box-sizing:border-box}
.al-wcalc__hero{position:relative;overflow:hidden;margin:0 0 18px;padding:34px 36px;border:1px solid #cfe5e3;border-radius:20px;background:linear-gradient(135deg,#173f49 0%,#205f5d 62%,#2b7a78 100%);color:#fff;box-shadow:0 14px 34px rgba(22,63,73,.13)}
.al-wcalc__hero:after{position:absolute;right:-70px;top:-95px;width:310px;height:310px;border:45px solid rgba(255,255,255,.06);border-radius:50%;content:""}
.al-wcalc__eyebrow{position:relative;z-index:1;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.al-wcalc__hero h2{position:relative;z-index:1;margin:0 0 10px;color:#fff;font-size:34px;line-height:1.1;font-weight:750}
.al-wcalc__hero p{position:relative;z-index:1;max-width:900px;margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.55}
.al-wcalc__service-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.al-wcalc__switch{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid var(--wc-line);border-radius:11px;background:#fff;color:var(--wc-deep)!important;text-decoration:none!important;font-size:13px;font-weight:650;transition:.15s ease}
.al-wcalc__switch:hover{transform:translateY(-1px);border-color:#b9d8d5;box-shadow:0 5px 14px rgba(22,63,73,.08)}
.al-wcalc__switch.is-active{border-color:var(--wc-primary);background:var(--wc-primary);color:#fff!important}
.al-wcalc__toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:13px 15px;border:1px solid var(--wc-line);border-radius:14px;background:#fff}
.al-wcalc__toolbar-title{font-size:15px;font-weight:700}
.al-wcalc__toolbar-actions{display:flex;flex-wrap:wrap;gap:7px}
.al-wcalc__tiny-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--wc-line);border-radius:9px;background:#fff;color:var(--wc-deep);font-size:12px;font-weight:650;cursor:pointer}
.al-wcalc__tiny-btn:hover{background:var(--wc-soft);border-color:#c5dfdc}
.al-wcalc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.al-wcalc__card{padding:18px;border:1px solid var(--wc-line);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(22,63,73,.055)}
.al-wcalc__card--new{background:linear-gradient(180deg,#f7fcfb,#fff);border-color:#cbe4e2}
.al-wcalc__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.al-wcalc__overline{margin-bottom:3px;color:var(--wc-primary);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.al-wcalc__title{font-size:21px;font-weight:750;line-height:1.2}
.al-wcalc__badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--wc-soft);color:var(--wc-primary-dark);font-size:10px;font-weight:700}
.al-wcalc__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.al-wcalc__field label{display:block;margin:0 0 5px;color:var(--wc-muted);font-size:11px;font-weight:650}
.al-wcalc__input-wrap{position:relative}
.al-wcalc__input{width:100%;height:44px;padding:8px 42px 8px 11px;border:1px solid #d7e3e2;border-radius:10px;background:#fff;color:var(--wc-text);font-size:16px;font-weight:700;outline:none;transition:.15s ease}
.al-wcalc__input:focus{border-color:var(--wc-accent);box-shadow:0 0 0 3px rgba(58,169,159,.12)}
.al-wcalc__suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#7f8b90;font-size:11px;font-weight:650;pointer-events:none}
.al-wcalc__preview{margin-top:13px;padding-top:12px;border-top:1px solid #edf2f2;color:var(--wc-muted);font-size:12px}
.al-wcalc__preview strong{color:var(--wc-deep);font-size:15px}
.al-wcalc__section{margin-top:16px;padding:19px;border:1px solid var(--wc-line);border-radius:17px;background:#fff}
.al-wcalc__section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.al-wcalc__section-icon{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--wc-soft);color:var(--wc-primary);font-size:17px}
.al-wcalc__section-head h3{margin:1px 0 3px;font-size:19px;font-weight:750;color:var(--wc-deep)}
.al-wcalc__section-head p{margin:0;color:var(--wc-muted);font-size:12px;line-height:1.45}
.al-wcalc__face-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.al-wcalc__face-card{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;padding:13px;border:1px solid #e6eeee;border-radius:14px;background:var(--wc-surface)}
.al-wcalc__face-stage{min-height:160px}
.al-wcalc__face-stage svg{display:block;width:100%;height:auto}
.al-wcalc__face-copy strong{display:block;margin-bottom:5px;font-size:16px;color:var(--wc-deep)}
.al-wcalc__face-copy span{display:block;color:var(--wc-muted);font-size:12px;line-height:1.5}
.al-wcalc__cross{overflow:hidden;border:1px solid #e2eceb;border-radius:14px;background:linear-gradient(180deg,#fbfdfd,#f5f9f9)}
.al-wcalc__cross svg{display:block;width:100%;height:auto;min-height:245px}
.al-wcalc__legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:9px;color:var(--wc-muted);font-size:11px}
.al-wcalc__legend span{display:inline-flex;align-items:center;gap:6px}
.al-wcalc__dot{width:10px;height:10px;border-radius:3px;background:#6d7b83}.al-wcalc__dot--new{background:var(--wc-accent)}
.al-wcalc__result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.al-wcalc__result{min-height:126px;padding:14px;border:1px solid #e2ebea;border-radius:13px;background:var(--wc-surface)}
.al-wcalc__result-icon{display:flex;width:31px;height:31px;align-items:center;justify-content:center;margin-bottom:9px;border-radius:9px;background:#fff;color:var(--wc-primary);box-shadow:0 3px 10px rgba(22,63,73,.07)}
.al-wcalc__result-label{display:block;margin-bottom:5px;color:var(--wc-muted);font-size:11px;font-weight:650}
.al-wcalc__result-main{display:block;color:var(--wc-deep);font-size:18px;font-weight:780;line-height:1.2}
.al-wcalc__result-sub{display:block;margin-top:5px;color:var(--wc-muted);font-size:11px;line-height:1.35}
.al-wcalc__result-main.is-warning{color:#b36a16}.al-wcalc__result-main.is-danger{color:#b23d3d}.al-wcalc__result-main.is-positive{color:#24735f}
.al-wcalc__verdict{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;margin-top:16px;padding:17px;border:1px solid #cce5df;border-radius:15px;background:#f1faf7}
.al-wcalc__verdict.is-warning{border-color:#ead7ba;background:#fff9f0}.al-wcalc__verdict.is-danger{border-color:#e8c6c6;background:#fff5f5}
.al-wcalc__verdict-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#fff;color:var(--wc-primary);font-size:18px;box-shadow:0 5px 14px rgba(22,63,73,.07)}
.al-wcalc__verdict h3{margin:2px 0 4px;color:var(--wc-deep);font-size:17px;font-weight:760}.al-wcalc__verdict p{margin:0;color:#52656c;font-size:12px;line-height:1.52}
.al-wcalc__compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.al-wcalc__compat{padding:10px 12px;border:1px solid #e4eceb;border-radius:11px;background:#fff;font-size:11px;line-height:1.4;color:#5c6c71}.al-wcalc__compat strong{display:block;margin-bottom:3px;color:var(--wc-deep);font-size:12px}.al-wcalc__compat.is-warning{border-color:#ead7ba;background:#fffaf3}.al-wcalc__compat.is-danger{border-color:#e5bebe;background:#fff6f6}
.al-wcalc__cta{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.al-wcalc__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 15px;border-radius:11px;text-decoration:none!important;font-size:13px;font-weight:700;transition:.15s ease}
.al-wcalc__btn--primary{border:1px solid var(--wc-primary);background:var(--wc-primary);color:#fff!important}.al-wcalc__btn--primary:hover{background:var(--wc-primary-dark);border-color:var(--wc-primary-dark)}
.al-wcalc__btn--outline{border:1px solid #cddedd;background:#fff;color:var(--wc-deep)!important}.al-wcalc__btn--outline:hover{background:var(--wc-soft)}
.al-wcalc__btn.is-disabled{opacity:.55;pointer-events:none}
.al-wcalc__status{margin-top:7px;color:var(--wc-muted);font-size:11px}
.al-wcalc__guide{margin-top:14px;border:1px solid var(--wc-line);border-radius:13px;background:#fff}.al-wcalc__guide summary{padding:13px 15px;cursor:pointer;color:var(--wc-deep);font-weight:700}.al-wcalc__guide-body{padding:0 15px 14px;color:#5d6d73;font-size:12px;line-height:1.55}.al-wcalc__guide-body ul{margin:0;padding-left:18px}.al-wcalc__guide-body li+li{margin-top:6px}
.al-wcalc__note{margin-top:13px;padding:12px 14px;border-radius:12px;background:#f5f8f8;color:#637279;font-size:11px;line-height:1.5}.al-wcalc__note strong{color:var(--wc-deep)}
.al-wcalc.is-invalid .al-wcalc__status[data-wc-status]{color:#b23d3d;font-weight:650}
.wc-face-rim{fill:#edf1f1;stroke:#6f7d82;stroke-width:4}.wc-face-inner{fill:#fff;stroke:#c8d1d2;stroke-width:2}.wc-face-spoke{stroke:#6f7d82;stroke-width:7;stroke-linecap:round}.wc-face-hub{fill:#a9b4b7}.wc-face-bolt{fill:#4f5d62}.wc-face-hole{fill:#f7fafb;stroke:#768388;stroke-width:1.4}.wc-face-ring{fill:none;stroke:#c4cecf;stroke-width:2;stroke-dasharray:4 5}
.wc-cross-title{fill:#637279;font-size:12px;font-weight:700}.wc-cross-label{fill:#627177;font-size:11px}.wc-cross-mount{stroke:#163f49;stroke-width:3}.wc-cross-center{stroke:#9ca9ad;stroke-width:1.5;stroke-dasharray:5 5}.wc-cross-old{fill:#6d7b83;opacity:.78}.wc-cross-new{fill:#3aa99f;opacity:.78}.wc-cross-arrow{stroke:#596970;stroke-width:1.5}.wc-cross-guide{stroke:#c5d1d1;stroke-width:1}.wc-cross-zone{fill:#e8f2f1}.wc-cross-zone2{fill:#f1f4f4}
@media(max-width:991px){.al-wcalc__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.al-wcalc__result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-wcalc__face-card{grid-template-columns:130px minmax(0,1fr)}.al-wcalc__face-stage{min-height:130px}}
@media(max-width:767px){.al-wcalc__hero{padding:27px 22px;border-radius:17px}.al-wcalc__hero h2{font-size:29px}.al-wcalc__toolbar{align-items:flex-start;flex-direction:column}.al-wcalc__grid,.al-wcalc__face-grid{grid-template-columns:1fr}.al-wcalc__fields{grid-template-columns:repeat(3,minmax(0,1fr))}.al-wcalc__face-card{grid-template-columns:115px minmax(0,1fr)}.al-wcalc__face-stage{min-height:115px}.al-wcalc__compat-grid{grid-template-columns:1fr}}
@media(max-width:540px){.al-wcalc__hero{padding:24px 18px}.al-wcalc__hero h2{font-size:26px}.al-wcalc__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.al-wcalc__result-grid{grid-template-columns:1fr}.al-wcalc__section{padding:15px}.al-wcalc__face-card{grid-template-columns:96px minmax(0,1fr);gap:10px}.al-wcalc__face-stage{min-height:96px}.al-wcalc__cta .al-wcalc__btn{width:100%}.al-wcalc__verdict{grid-template-columns:40px minmax(0,1fr);padding:14px}.al-wcalc__verdict-icon{width:40px;height:40px}.al-wcalc__cross svg{min-height:210px}}

/* Wheel calculator — technical rim profile comparison */
.al-wcalc__cross{background:linear-gradient(180deg,#fbfdfd,#f4f8f8)}
.al-wcalc__cross svg{min-height:270px}
.wc-cross-gridline{fill:none;stroke:#e8eeee;stroke-width:1}
.wc-cross-grid{opacity:.55}
.wc-rim-profile{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.wc-rim-profile--old{fill:rgba(109,123,131,.10);stroke:#6d7b83}
.wc-rim-profile--new{fill:rgba(58,169,159,.12);stroke:#2b9e94}
.wc-cross-center--old{stroke:#748289;opacity:.72}
.wc-cross-center--new{stroke:#2b9e94;opacity:.78}
.wc-hub-pad{fill:#183f49;opacity:.92}
.wc-hub-center{fill:#fff;stroke:#183f49;stroke-width:3}
.wc-spider-old{stroke:#6d7b83;stroke-width:5;stroke-linecap:round;opacity:.78}
.wc-spider-new{stroke:#2b9e94;stroke-width:4;stroke-linecap:round;opacity:.8}
.wc-dim-arrow{fill:#66767d;stroke:#66767d;stroke-width:1.5}
.wc-dim-arrow--outer{fill:#2b9e94;stroke:#2b9e94}
.wc-dim-arrow--inner{fill:#6d7b83;stroke:#6d7b83}
.wc-cross-value{fill:#34474e;font-size:12px;font-weight:700}
.wc-cross-value--outer{fill:#257c73}
.wc-cross-value--inner{fill:#5b6b72}
.wc-cross-label--mount{font-weight:700;fill:#163f49}
@media(max-width:540px){.al-wcalc__cross svg{min-height:240px}.wc-cross-title,.wc-cross-label,.wc-cross-value{font-size:10px}}

@media(max-width:540px){.al-wcalc__service-switch{display:grid;grid-template-columns:1fr 1fr}.al-wcalc__switch{justify-content:center;text-align:center;padding:8px 9px}}

/* Simplified two-row rim comparison: each wheel is shown separately */
.al-wcalc__cross{background:linear-gradient(180deg,#fbfdfd,#f7fafa)}
.al-wcalc__cross svg{min-height:285px}
.wc-rim-row{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.wc-rim-row--old{fill:rgba(109,123,131,.10);stroke:#6d7b83}
.wc-rim-row--new{fill:rgba(58,169,159,.12);stroke:#2b9e94}
.wc-row-label{font-size:12px;font-weight:700}
.wc-row-label--old{fill:#5f6f75}
.wc-row-label--new{fill:#257c73}
.wc-mount-tick{stroke:#163f49;stroke-width:5;stroke-linecap:round}
.wc-mount-tick--old{opacity:.68}
.wc-mount-tick--new{opacity:.92}
@media(max-width:540px){.al-wcalc__cross svg{min-height:255px}.wc-row-label{font-size:10px}}

/* Wheel calculator — recognizable wheel side view */
.wc-face-barrel{fill:#dfe5e6;stroke:#6f7d82;stroke-width:2}
.wc-face-spoke--split{stroke-width:8;stroke-linecap:round}
.wc-face-cap{fill:#f7fafb;stroke:#65747a;stroke-width:2}
.wc-cross-subtitle{fill:#7a898f;font-size:10px}
.wc-wheel-body{stroke-width:2.6;stroke-linejoin:round}
.wc-wheel-body--old{fill:rgba(109,123,131,.13);stroke:#6d7b83}
.wc-wheel-body--new{fill:rgba(58,169,159,.16);stroke:#2b9e94}
.wc-wheel-face{fill:#f9fbfb;stroke-width:3}
.wc-wheel-face--old{stroke:#6d7b83}
.wc-wheel-face--new{stroke:#2b9e94}
.wc-wheel-face-inner{fill:#eef2f2;stroke-width:2}
.wc-wheel-face-inner--old{stroke:#869399}
.wc-wheel-face-inner--new{stroke:#56afa6}
.wc-wheel-rear{fill:none;stroke-width:2}
.wc-wheel-rear--old{stroke:#869399}
.wc-wheel-rear--new{stroke:#56afa6}
.wc-wheel-spoke{stroke-width:3.2;stroke-linecap:round}
.wc-wheel-spoke--old{stroke:#6d7b83}
.wc-wheel-spoke--new{stroke:#2b9e94}
.wc-wheel-hub{fill:#fff;stroke-width:2}
.wc-wheel-hub--old{stroke:#6d7b83}
.wc-wheel-hub--new{stroke:#2b9e94}
.wc-wheel-center{stroke-width:1.5;stroke-dasharray:4 5}
.wc-wheel-center--old{stroke:#88969b}
.wc-wheel-center--new{stroke:#2b9e94}
.wc-row-label{font-size:12px;font-weight:750}
.wc-row-label--old{fill:#5d6b71}.wc-row-label--new{fill:#25877e}
@media(max-width:540px){.wc-cross-subtitle{display:none}.wc-row-label{font-size:10px}}

/* Wheel calculator v2 — true-proportion rim cross-section */
.wc-fitment-v2{display:block;width:100%;height:auto;min-height:430px;background:linear-gradient(180deg,#fbfdfd,#f6f9f9)}
.wc-v2-gridline{fill:none;stroke:#e8eeee;stroke-width:1}
.wc-v2-grid{opacity:.52}
.wc-v2-side-title{fill:#5e6d73;font-size:15px;font-weight:780}
.wc-v2-side-sub{fill:#8a969a;font-size:10px}
.wc-v2-axis{stroke:#c8d3d4;stroke-width:1.2;stroke-dasharray:5 6}
.wc-v2-mount{stroke:#163f49;stroke-width:4}
.wc-v2-mount-label-bg{fill:#163f49}
.wc-v2-mount-label{fill:#fff;font-size:12px;font-weight:760;text-anchor:middle}
.wc-v2-center{stroke-width:1.5;stroke-dasharray:5 5}
.wc-v2-center--old{stroke:#879399;opacity:.7}
.wc-v2-center--new{stroke:#2b9e94;opacity:.9}
.wc-v2-rim{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.wc-v2-rim--old{fill:rgba(109,123,131,.12);stroke:#6d7b83}
.wc-v2-rim--new{fill:rgba(58,169,159,.15);stroke:#2b9e94}
.wc-v2-disc{stroke-width:3;stroke-linejoin:round}
.wc-v2-disc--old{fill:rgba(109,123,131,.10);stroke:#6d7b83}
.wc-v2-disc--new{fill:rgba(58,169,159,.12);stroke:#2b9e94}
.wc-v2-hub{stroke-width:2}
.wc-v2-hub--old{fill:#e3e8e9;stroke:#66767d}
.wc-v2-hub--new{fill:#d8f0ed;stroke:#2b9e94}
.wc-v2-dim-line,.wc-v2-dim-tick{stroke-width:2}
.wc-v2-dim-line--old,.wc-v2-dim-tick--old{stroke:#829096}
.wc-v2-dim-line--new,.wc-v2-dim-tick--new{stroke:#2b9e94}
.wc-v2-dim-text{font-size:15px;font-weight:800;text-anchor:middle}
.wc-v2-dim-text--old{fill:#69777d}.wc-v2-dim-text--new{fill:#23877e}
.wc-v2-dim-mm{font-size:10px;text-anchor:middle}
.wc-v2-dim-mm--old{fill:#879399}.wc-v2-dim-mm--new{fill:#4b9e97}
.wc-v2-guide{stroke:#b9c7c9;stroke-width:1.2;stroke-dasharray:4 5}
.wc-v2-arrow{stroke-width:1.5;fill:#66767d;stroke:#66767d}
.wc-v2-arrow--outer{fill:#2b9e94;stroke:#2b9e94}
.wc-v2-arrow--inner{fill:#6d7b83;stroke:#6d7b83}
.wc-v2-result-bg{fill:#f0f8f7;stroke:#d9e9e7;stroke-width:1}
.wc-v2-result{fill:#34474e;font-size:12px;font-weight:760;text-anchor:middle}
.wc-v2-result--outer{fill:#237e75}.wc-v2-result--inner{fill:#56686f}
.wc-v2-legend text{fill:#68777d;font-size:10px}
.wc-v2-dot--old{fill:#6d7b83}.wc-v2-dot--new{fill:#2b9e94}
@media(max-width:767px){.wc-fitment-v2{min-height:360px}}
@media(max-width:540px){.wc-fitment-v2{min-height:300px}.wc-v2-side-sub,.wc-v2-legend{display:none}.wc-v2-side-title{font-size:12px}.wc-v2-result{font-size:10px}.wc-v2-mount-label{font-size:10px}}

/* AUTO-LAPTI 2026-10-13: calculator icons missing from the shared font subset. */
@font-face {
 font-family: "Font Awesome 5 Free";
 font-style: normal;
 font-weight: 900;
 font-display: block;
 src: url("../fonts/fa-solid-900.al-calc-20261013-75bfb476.woff2") format("woff2");
}
