.tc4x4m,.tc4x4m *{box-sizing:border-box}.tc4x4m{--text:#f6f8fd;--muted:#d6def0;--orange:#f39a33;--orange2:#ffba69;--panel:#121a28;--border:#2b3952;color:var(--text);font-family:inherit}
.tc4x4m-shell{max-width:1240px;margin:0 auto;background:linear-gradient(180deg,#07142a 0%,#07142a 100%);border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.35);padding:22px}.tc4x4m-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.tc4x4m-title{margin:0 0 6px;font-size:28px;line-height:1.1;font-weight:800;color:#fff}.tc4x4m-subtitle{margin:0;color:#d6def0;font-size:15px}
.tc4x4m-btn{appearance:none;border:0;height:46px;padding:0 18px;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer}.tc4x4m-btn--ghost{background:transparent;color:#fff;border:1px solid #2a3954}
.tc4x4m-inputs,.tc4x4m-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tc4x4m-results{grid-template-columns:1.2fr .9fr .9fr;margin-top:20px}.tc4x4m-card{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:24px;padding:18px;min-width:0}.tc4x4m-cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.tc4x4m-cardhead h3{margin:0;font-size:18px;font-weight:800;color:#fff}.tc4x4m-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:10px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em}.tc4x4m-badge--old{background:rgba(143,166,213,.14);color:#e7eeff}.tc4x4m-badge--new{background:rgba(255,152,31,.16);color:#ffbe75}
.tc4x4m-label{display:block;margin:0 0 8px;color:#e4ebfb;font-size:13px;font-weight:700}.tc4x4m-row{display:grid;gap:10px;margin-bottom:12px}.tc4x4m-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tc4x4m-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tc4x4m input{width:100%;height:46px;border-radius:14px;border:1px solid #23314a;background:#050b16;color:#fff;padding:0 14px;font-size:18px;font-weight:800}.tc4x4m input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,154,51,.15)}
.tc4x4m-unit-switch{display:inline-flex;gap:8px;padding:6px;border:1px solid #2b3952;border-radius:999px;background:rgba(255,255,255,.03);margin:0 0 12px}.tc4x4m-unit-btn{appearance:none;border:0;background:transparent;color:#d8e1f5;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer}.tc4x4m-unit-btn.is-active{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#1f160a}.tc4x4m-unit-panel{display:none}.tc4x4m-unit-panel.is-active{display:block}.tc4x4m-sync-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 12px}.tc4x4m-sync-preview>div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.tc4x4m-sync-preview span{display:block;font-size:12px;font-weight:700;color:#cfd9ef;margin-bottom:4px}.tc4x4m-sync-preview strong{display:block;font-size:15px;color:#fff;line-height:1.25}
.tc4x4m-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px}.tc4x4m-speed{width:min(260px,100%)}.tc4x4m-error{margin-left:auto;padding:12px 14px;background:rgba(255,127,121,.12);border:1px solid rgba(255,127,121,.2);border-radius:14px;color:#ffb9b6;font-weight:700}.tc4x4m-error.is-hidden{display:none}
.tc4x4m-scene-card{border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#081328}.tc4x4m-scene{position:relative;min-height:640px;overflow:hidden;background:#081328}.tc4x4m-wall,.tc4x4m-vignette,.tc4x4m-center-glow,.tc4x4m-floor,.tc4x4m-floor-haze,.tc4x4m-ground,.tc4x4m-ground-glow{position:absolute;pointer-events:none}.tc4x4m-wall{inset:0;background:linear-gradient(rgba(7,18,37,.55),rgba(7,18,37,.75)),url(//4x4.kg/wp-content/plugins/tire-calculator-merged-plugin-v12/assets/img/wall-texture.png);background-size:cover;background-position:center;filter:contrast(1.1) brightness(.65) saturate(.9)}.tc4x4m-wall:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(255,140,0,.22),rgba(255,140,0,.08),transparent 60%),radial-gradient(circle at 22% 40%,rgba(255,255,255,.05),transparent 28%),radial-gradient(circle at 78% 40%,rgba(255,255,255,.05),transparent 28%);mix-blend-mode:screen;opacity:.9}.tc4x4m-vignette{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 24%,transparent 76%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.26),transparent 30%,transparent 74%,rgba(0,0,0,.58))}.tc4x4m-center-glow{left:24%;right:24%;bottom:78px;height:260px;background:radial-gradient(circle at 50% 52%,rgba(255,150,45,.28),rgba(255,150,45,0) 66%);filter:blur(24px)}.tc4x4m-floor{left:0;right:0;bottom:0;height:230px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(9,15,25,.16) 22%,rgba(18,18,18,.28) 100%),radial-gradient(ellipse at 50% 24%,rgba(255,166,76,.10),transparent 40%)}.tc4x4m-floor:after{content:"";position:absolute;left:20%;right:20%;bottom:26px;height:80px;background:radial-gradient(ellipse at center,rgba(255,140,0,.18),transparent 70%);filter:blur(18px)}.tc4x4m-floor-haze{left:0;right:0;bottom:46px;height:170px;background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 75% 50%,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 50% 68%,rgba(255,180,90,.08),transparent 30%);filter:blur(18px);opacity:.95}
.tc4x4m-scene-label,.tc4x4m-callout,.tc4x4m-meta-group,.tc4x4m-summary,.tc4x4m-scene-badge{position:relative;z-index:4}.tc4x4m-scene-label{position:absolute;top:34px;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 12px rgba(0,0,0,.35);max-width:32%}.tc4x4m-scene-label strong{font-size:24px;font-weight:800;color:#fff;line-height:1.1}.tc4x4m-scene-label span{font-size:16px;font-weight:700;color:#edf2ff;line-height:1.2}.tc4x4m-scene-label--left{left:48px;text-align:left}.tc4x4m-scene-label--right{right:48px;text-align:right;align-items:flex-end}.tc4x4m-scene-badge{position:absolute;top:128px;padding:14px 20px;border-radius:999px;font-size:14px;font-weight:800}.tc4x4m-scene-badge--left{left:32px;color:#eef3ff;background:rgba(112,132,177,.28)}.tc4x4m-scene-badge--right{right:32px;color:#ffd5a4;background:rgba(243,154,51,.22)}
.tc4x4m-tire-wrap{position:absolute;bottom:82px;width:220px;z-index:3}.tc4x4m-tire-wrap--left{left:33%;transform:translateX(-50%)}.tc4x4m-tire-wrap--right{right:33%;transform:translateX(50%)}.tc4x4m-tire{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 28px rgba(0,0,0,.58)) drop-shadow(0 8px 10px rgba(0,0,0,.30));user-select:none;-webkit-user-drag:none;transform-origin:bottom center;transition:transform .25s ease,width .25s ease}.tc4x4m-tire--left{width:170px;margin:0 auto}.tc4x4m-tire--right{width:176px;margin:0 auto}.tc4x4m-shadow{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:160px;height:30px;background:radial-gradient(ellipse at center,rgba(0,0,0,.72),rgba(0,0,0,0) 72%);filter:blur(8px);transform-origin:center center;transition:transform .25s ease}
.tc4x4m-callout{position:absolute;left:50%;transform:translateX(-50%);width:150px;padding:16px 18px;text-align:center;border-radius:20px;background:linear-gradient(180deg,rgba(76,53,30,.78) 0%,rgba(57,40,25,.72) 100%);border:1px solid rgba(243,154,51,.58);box-shadow:0 14px 36px rgba(0,0,0,.18)}.tc4x4m-callout strong{display:block;margin-bottom:6px;color:var(--orange2);font-size:18px;line-height:1.1}.tc4x4m-callout span{color:#fff1dc;font-size:14px;font-weight:800}.tc4x4m-callout--diameter{top:14px}.tc4x4m-callout--width{top:118px}
.tc4x4m-arrow{position:absolute;z-index:3;color:var(--orange)}.tc4x4m-arrow--vertical{top:168px;bottom:138px;left:50%;width:34px;transform:translateX(-50%)}.tc4x4m-arrow--vertical .tc4x4m-arrow__line{position:absolute;inset:24px 16px;background:var(--orange);box-shadow:0 0 18px rgba(243,154,51,.2)}.tc4x4m-arrow--horizontal{top:256px;left:50%;width:112px;height:34px;transform:translateX(-50%)}.tc4x4m-arrow--horizontal .tc4x4m-arrow__line{position:absolute;inset:16px 24px;background:var(--orange);box-shadow:0 0 18px rgba(243,154,51,.2);transition:all .25s ease}.tc4x4m-arrow__cap{position:absolute;width:0;height:0}.tc4x4m-arrow__cap--top{left:9px;top:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid var(--orange)}.tc4x4m-arrow__cap--bottom{left:9px;bottom:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--orange)}.tc4x4m-arrow__cap--left{left:0;top:9px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid var(--orange)}.tc4x4m-arrow__cap--right{right:0;top:9px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid var(--orange)}
.tc4x4m-ground{left:5%;right:5%;bottom:58px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));z-index:2}.tc4x4m-ground-glow{left:18%;right:18%;bottom:49px;height:22px;background:radial-gradient(circle at 50% 50%,rgba(255,150,45,.48),rgba(255,150,45,0) 72%);filter:blur(8px);z-index:2}
.tc4x4m-meta-group{position:absolute;bottom:96px;display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.35)}.tc4x4m-meta-line{color:#fff;white-space:nowrap}.tc4x4m-meta-line strong{color:#fff}.tc4x4m-meta-group--left{left:48px;align-items:flex-start}.tc4x4m-meta-group--right{right:48px;align-items:flex-end}
.tc4x4m-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.08);background:rgba(10,19,34,.58)}.tc4x4m-stat{padding:22px 26px;display:flex;gap:16px;align-items:center;border-right:1px solid rgba(255,255,255,.08)}.tc4x4m-stat:last-child{border-right:0}.tc4x4m-stat strong{font-size:30px;color:var(--orange2);line-height:1}.tc4x4m-stat span{font-size:18px;color:#f7f9fd;font-weight:600}.tc4x4m-speedline{grid-column:1/-1;padding:18px 26px 22px;text-align:center;color:#d5def2;border-top:1px solid rgba(255,255,255,.08);font-size:18px}.tc4x4m-speedline b{color:#fff}.tc4x4m-pos{color:#67f2a1!important}.tc4x4m-neg{color:#ff8a84!important}
.tc4x4m-table{width:100%;border-collapse:collapse}.tc4x4m-table th,.tc4x4m-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.tc4x4m-table th{color:#dce6fb}.tc4x4m-metrics{display:grid;gap:12px}.tc4x4m-metric{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.05)}.tc4x4m-metric span{color:#dce6fb;font-size:14px;font-weight:700}.tc4x4m-metric strong{font-size:24px;color:#fff}.tc4x4m-tablewrap{overflow-x:auto}
@media (max-width:1180px){.tc4x4m-results{grid-template-columns:1fr}}@media (max-width:980px){.tc4x4m-shell{padding:16px}.tc4x4m-top{flex-direction:column;align-items:stretch}.tc4x4m-inputs{grid-template-columns:1fr}.tc4x4m-row--3,.tc4x4m-row--2,.tc4x4m-sync-preview{grid-template-columns:1fr}.tc4x4m-toolbar{flex-direction:column;align-items:stretch}.tc4x4m-speed{width:100%}.tc4x4m-scene{min-height:720px}.tc4x4m-scene-label{top:18px;max-width:40%}.tc4x4m-scene-label strong{font-size:16px;line-height:1.05}.tc4x4m-scene-label span{display:block;font-size:12px;line-height:1.15;color:#f3f6ff;opacity:.96}.tc4x4m-scene-label--left{left:18px}.tc4x4m-scene-label--right{right:18px}.tc4x4m-scene-badge{top:58px;padding:10px 14px;font-size:12px}.tc4x4m-scene-badge--left{left:16px}.tc4x4m-scene-badge--right{right:16px}.tc4x4m-tire-wrap{bottom:150px;width:140px}.tc4x4m-tire-wrap--left{left:24%}.tc4x4m-tire-wrap--right{right:24%}.tc4x4m-tire--left{width:120px}.tc4x4m-tire--right{width:126px}.tc4x4m-callout{width:130px;padding:12px 12px}.tc4x4m-callout strong{font-size:15px}.tc4x4m-callout span{font-size:12px}.tc4x4m-callout--diameter{top:44px}.tc4x4m-callout--width{top:136px}.tc4x4m-arrow--vertical{top:196px;bottom:184px}.tc4x4m-arrow--horizontal{top:320px;width:110px}.tc4x4m-meta-group{bottom:104px;font-size:13px;gap:4px}.tc4x4m-meta-group--left{left:18px}.tc4x4m-meta-group--right{right:18px}.tc4x4m-summary{grid-template-columns:1fr}.tc4x4m-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 18px}.tc4x4m-stat strong{font-size:26px}.tc4x4m-stat span{font-size:16px}.tc4x4m-speedline{font-size:15px;padding:16px 18px 18px}}
.tc4x4m-title,.tc4x4m-cardhead h3,.tc4x4m-card h3,.tc4x4m-scene-label strong,.tc4x4m-scene-badge,.tc4x4m-label{color:#fff!important}
.tc4x4m-subtitle,.tc4x4m-sync-preview span,.tc4x4m-metric span,.tc4x4m-table th{color:#e7eefc!important}
.tc4x4m-badge--old,.tc4x4m-badge--new{color:#fff}
.tc4x4m-meta-group{display:flex;flex-direction:column;gap:10px;bottom:92px}
.tc4x4m-meta-item{display:flex;flex-direction:column;gap:2px}
.tc4x4m-meta-name{display:block;font-size:13px;line-height:1;color:#dce6fb;text-transform:none}
.tc4x4m-meta-item strong{display:block;font-size:17px;line-height:1.15;color:#fff}
.tc4x4m-meta-group--left,.tc4x4m-meta-group--right{align-items:flex-start}
.tc4x4m-meta-group--right{text-align:right;align-items:flex-end}
@media (max-width:980px){
.tc4x4m-scene{min-height:720px}
.tc4x4m-scene-label{max-width:34%;top:18px}
.tc4x4m-scene-label strong{font-size:16px;line-height:1.1}
.tc4x4m-scene-badge{top:70px}
.tc4x4m-tire-wrap{bottom:152px;width:132px}
.tc4x4m-tire-wrap--left{left:22%}
.tc4x4m-tire-wrap--right{right:22%}
.tc4x4m-tire--left{width:112px}
.tc4x4m-tire--right{width:118px}
.tc4x4m-callout--diameter{top:52px}
.tc4x4m-callout--width{top:146px}
.tc4x4m-arrow--vertical{top:198px;bottom:182px}
.tc4x4m-arrow--horizontal{top:322px;width:96px}
.tc4x4m-meta-group{bottom:108px;gap:8px}
.tc4x4m-meta-name{font-size:11px}
.tc4x4m-meta-item strong{font-size:14px}
.tc4x4m-meta-group--left{left:18px;max-width:34%}
.tc4x4m-meta-group--right{right:18px;max-width:34%}
}
@media (max-width:980px){
.tc4x4m-scene-label{max-width:38%;gap:4px;background:linear-gradient(180deg,rgba(6,14,28,.38),rgba(6,14,28,0));padding:2px 4px;border-radius:8px}
.tc4x4m-scene-label strong{font-size:15px}
.tc4x4m-scene-label span{display:block!important;font-size:11px;font-weight:700;color:#eef3ff;opacity:.95}
.tc4x4m-scene-badge{top:82px}
.tc4x4m-tire-wrap{bottom:150px}
.tc4x4m-meta-group{bottom:110px}
}
@media (max-width:560px){
.tc4x4m-scene{min-height:760px}
.tc4x4m-scene-label{max-width:40%;top:16px}
.tc4x4m-scene-label strong{font-size:13px}
.tc4x4m-scene-label span{font-size:10px}
.tc4x4m-scene-badge{top:88px;padding:9px 12px}
.tc4x4m-tire-wrap{bottom:168px;width:126px}
.tc4x4m-tire-wrap--left{left:23%}
.tc4x4m-tire-wrap--right{right:23%}
.tc4x4m-tire--left{width:104px}
.tc4x4m-tire--right{width:110px}
.tc4x4m-callout{width:122px;padding:10px 10px}
.tc4x4m-callout strong{font-size:14px}
.tc4x4m-callout span{font-size:11px}
.tc4x4m-callout--diameter{top:54px}
.tc4x4m-callout--width{top:146px}
.tc4x4m-arrow--vertical{top:202px;bottom:194px}
.tc4x4m-arrow--horizontal{top:330px;width:88px}
.tc4x4m-meta-group{bottom:118px;gap:6px}
.tc4x4m-meta-name{font-size:10px}
.tc4x4m-meta-item strong{font-size:13px}
}
@media (max-width:980px){.tc4x4m-meta-item strong{font-size:16px}.tc4x4m-meta-name{font-size:12px}.tc4x4m-ground{bottom:72px}.tc4x4m-ground-glow{bottom:63px}.tc4x4m-meta-group{bottom:112px;gap:10px}.tc4x4m-shadow{height:24px;width:130px}.tc4x4m-scene-label{z-index:5}.tc4x4m-callout{z-index:5}}
@media (min-width:981px){.tc4x4m-scene-label{max-width:26%}.tc4x4m-meta-group--left{left:38px}.tc4x4m-meta-group--right{right:38px}}
@media (min-width:981px){
.tc4x4m-callout--diameter{top:14px;left:46%;transform:translateX(-100%);margin-left:-10px}
.tc4x4m-callout--width{top:14px;left:54%;transform:translateX(0);margin-left:10px}
}
.tc4x4m-arrow--horizontal,
.tc4x4m-arrow--vertical,
.tc4x4m-callout{transition:all .25s ease}
@media (max-width:980px){
.tc4x4m-meta-group{bottom:180px !important; gap:8px; z-index:5}
.tc4x4m-meta-group--left{left:16px !important}
.tc4x4m-meta-group--right{right:16px !important}
.tc4x4m-meta-item strong{font-size:15px}
.tc4x4m-meta-name{font-size:11px}
.tc4x4m-tire-wrap{bottom:118px !important}
}
@media (min-width:981px){
.tc4x4m-tire-wrap--left{left:33% !important}
.tc4x4m-tire-wrap--right{right:33% !important}
}
@media (min-width:981px){
.tc4x4m-tire-wrap--left{left:36% !important}
.tc4x4m-tire-wrap--right{right:36% !important}
.tc4x4m-meta-group{bottom:138px !important}
}
@media (max-width:980px){
.tc4x4m-tire-wrap--left{left:29% !important}
.tc4x4m-tire-wrap--right{right:29% !important}
.tc4x4m-meta-group{
top:340px !important;
bottom:auto !important;
gap:8px !important;
z-index:6 !important;
}
.tc4x4m-meta-group--left{left:18px !important}
.tc4x4m-meta-group--right{right:18px !important}
.tc4x4m-meta-item strong{font-size:15px !important}
.tc4x4m-meta-name{font-size:11px !important}
.tc4x4m-tire-wrap{bottom:118px !important}
}
.tc4x4m-arrow--horizontal,
.tc4x4m-arrow--vertical{pointer-events:none}
@media (min-width:981px){
.tc4x4m-tire-wrap--left{left:39% !important}
.tc4x4m-tire-wrap--right{right:39% !important}
}
@media (max-width:980px){
.tc4x4m-tire-wrap--left{left:31% !important}
.tc4x4m-tire-wrap--right{right:31% !important}
.tc4x4m-meta-group{
top:250px !important;
bottom:auto !important;
gap:6px !important;
z-index:7 !important;
}
.tc4x4m-meta-group--left{left:14px !important}
.tc4x4m-meta-group--right{right:14px !important}
}
.tc4x4m-arrow--vertical,.tc4x4m-arrow--horizontal{z-index:6 !important}
.tc4x4m-arrow--horizontal,.tc4x4m-arrow--vertical{transition:top .22s ease,left .22s ease,bottom .22s ease,width .22s ease,transform .22s ease}
@media (max-width:980px){
.tc4x4m-tire-wrap--left{left:26% !important}
.tc4x4m-tire-wrap--right{right:26% !important}
}